/**
 * Theme Name:     Carlos Rubio
 * Author:         Agencia SP
 * Template:       hello-elementor
 * Text Domain:	   carlos-rubio
 * Description:    A child theme for Carlos Rubio by AgenciaSP
 */

.autoridad-numerica {
   text-align: center !important;
}
.autoridad-numerica .elementor-counter-number-wrapper {
   text-align: center !important;
   word-wrap: normal !important;
}
.autoridad-numerica .elementor-counter-number-suffix{
   display: block;
   white-space: normal !important;
   text-align: center !important;
   width: 100%;
}
.autoridad-numerica .elementor-counter-number-wrapper {
   display: flex;
   flex-wrap: wrap;
   
}
.autoridad-numerica .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-prefix {
   flex-grow: 0 !important;
}
.autoridad-numerica .elementor-counter-number-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
}
.autoridad-numerica .elementor-counter-title {
   margin-top: 10px !important;
}
.pre-subtitulo h6 span:not(:empty),
.pre-subtitulo h2 span:not(:empty),
.pre-subtitulo h1 span:not(:empty) {
   background-color: rgb(255, 192, 38);
   padding: 5px 10px;
   border-radius: 30px;
   color: #000000 !important;
}
.timeline-capsula {
   background-color: rgb(255, 192, 38);
   padding: 5px 10px !important;
   border-radius: 30px;
}
.card-timeline,
.paso-card-timeline {
   z-index: 6;
}
.imagen-confianza img {
   clip-path: inset(0 40px 0 40px round 30px);
}
.home .espaciador-header-abg {
   display: none !important;
}
.contenedor-max-cont {
   max-width: 885px !important;
}

.parrafo-descriptivo ul{
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.parrafo-descriptivo ul li{
  position: relative;
  padding-left: 28px;
  margin: 0 0 10px;
}

.parrafo-descriptivo ul li p{
  margin: 0;
}

.parrafo-descriptivo ul li::before{
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 0.25em;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFC026' d='M6.2 12.2 2.7 8.7l1.6-1.6 1.9 1.9 5.8-5.8 1.6 1.6-7.4 7.4z'/%3E%3C/svg%3E");
}

.parrafo-descriptivo ol {
   list-style: none;
   counter-reset: item;
}

.parrafo-descriptivo ol li {
   counter-increment: item;
   position: relative;
   padding-left: 32px;
   margin: 10px 0 10px 0;
}

.parrafo-descriptivo ol li::before {
   content: counter(item);
   position: absolute;
   left: 0;
   top: 0.1em;
   width: 22px;
   height: 22px;
   background-color: rgb(255, 192, 38);
   color: #000;
   font-weight: 700;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 0.85em;
   line-height: 1;
}

.timeline-capsula-compromiso {
   font-size: 12px !important;
   background-color: rgb(255, 192, 38);
   padding: 5px 10px !important;
   border-radius: 30px;
}
.btn-servicios .elementor-button-content-wrapper {
   justify-content: space-between !important;
}
.medio-destacado:hover .enlace-ver {
   background-color: #000000;
   transition: background-color 0.3s ease;
}
.medio-destacado:hover .txt-enlace-ver span {
   color: #ffffff !important;
   transition: color 0.3s ease;
}
.medio-destacado:hover .icon-enlace-ver svg {
   fill: #ffffff !important;
   transition: fill 0.3s ease;
}
.boton,
#boton-forms {
   display: inline-block;
   transform: scale(1);
   transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.boton:hover,
#boton-forms:hover {
   transform: scale(1.02);
}
.form-servicio a,
#form-servicio a { 
   color: #FFC026 !important;
   font-weight: 700 !important;
}
@media (max-width: 1024px) {
   #contenedor-grid-timeline::before {
      content:"";
      position:absolute;
      top: 0;
      bottom: 0;
      left: 44px;
      width: 2px;
      background: #FFC026;
      opacity: .9;
      z-index: 0;
   }
}
@media (max-width: 767px) {
   .timeline-titulo {
      width: 78% !important;
      max-width: 78% !important;
      padding: 0px !important;
      margin-left: 14% !important;
      margin-bottom: 10px !important;
   }
   .timeline-titulo h3{
      width: 100% !important;
      max-width: 100% !important;
      padding: 0px !important;
   }
   #contenedor-grid-timeline::before {
      content:"";
      position:absolute;
      top: 0;
      bottom: 0;
      left: 34px;
      width: 2px;
      background: #FFC026;
      opacity: .9;
      z-index: 0;
   }
   .timeline-descripcion {
      margin-top: 10px !important;
   }
}