.elementor-161 .elementor-element.elementor-element-b4decca{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-161 .elementor-element.elementor-element-6c2a9b0{--iteration-count:infinite;}.elementor-161 .elementor-element.elementor-element-6c2a9b0 .elementor-headline{text-align:center;}.elementor-161 .elementor-element.elementor-element-bc0c7b4{--e-image-carousel-slides-to-show:3;}.elementor-161 .elementor-element.elementor-element-bc0c7b4 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-161 .elementor-element.elementor-element-bc0c7b4 .elementor-swiper-button.elementor-swiper-button-next{font-size:3px;}.elementor-161 .elementor-element.elementor-element-bc0c7b4 .swiper-wrapper{display:flex;align-items:center;}.elementor-161 .elementor-element.elementor-element-691fe74{--display:flex;}.elementor-161 .elementor-element.elementor-element-691fe74.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-161 .elementor-element.elementor-element-317fd2c{--display:flex;--min-height:0vh;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-161 .elementor-element.elementor-element-317fd2c:not(.elementor-motion-effects-element-type-background), .elementor-161 .elementor-element.elementor-element-317fd2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1659A9;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-161 .elementor-element.elementor-element-d9e75b7 img{width:100%;height:100%;}.elementor-161 .elementor-element.elementor-element-3bfe95a{margin:-29% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 2%;}.elementor-161 .elementor-element.elementor-element-3bfe95a .elementor-heading-title{font-family:"Varela Round", Sans-serif;font-size:clamp(2rem, 4vw, 4rem);font-weight:300;line-height:1.2em;}.elementor-161 .elementor-element.elementor-element-5b54c57{--display:flex;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-161 .elementor-element.elementor-element-3bfe95a .elementor-heading-title{font-size:32px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-161 .elementor-element.elementor-element-3bfe95a .elementor-heading-title{font-size:30px;}}/* Start custom CSS for image-carousel, class: .elementor-element-bc0c7b4 *//* 1. Base: Opacidad y Escalado para todas las diapositivas (Serán los estilos de los lados) */
.elementor-161 .elementor-element.elementor-element-bc0c7b4 .swiper-slide {
    /* Opacidad reducida para los lados */
    opacity: 0.4;
    
    /* Reducción del tamaño al 75% */
    transform: scale(0.75); 
    
    /* Transiciones suaves para opacidad y tamaño al moverse */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

/* 2. La Diapositiva Activa (la que ves a la izquierda) -> Queremos que también sea 75% / 40% opaca */
.elementor-161 .elementor-element.elementor-element-bc0c7b4 .swiper-slide-active {
    /* Mantiene la opacidad y el escalado de la base (0.4 y 0.75) */
    opacity: 0.4 !important;
    transform: scale(0.75) !important;
}

/* 3. La Diapositiva Siguiente (la que ves en el centro) -> Queremos que sea 100% */
.elementor-161 .elementor-element.elementor-element-bc0c7b4 .swiper-slide-next {
    /* Opacidad total */
    opacity: 1 !important;
    
    /* Tamaño total */
    transform: scale(1) !important; 
}

/* 4. Asegúrate de que las flechas/puntos funcionen correctamente */
.elementor-161 .elementor-element.elementor-element-bc0c7b4 .elementor-swiper-button, 
.elementor-161 .elementor-element.elementor-element-bc0c7b4 .swiper-pagination {
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3bfe95a *//* 1. Define la clase y aplica la animación al texto del título */
.ados-titulo-latido .elementor-heading-title {
    /* Define el color base del título (ej: un gris oscuro) */
    color: #FFFFFF; 
    
    /* Aplica la animación: nombre, duración y repetición */
    /* El valor de 4s (4 segundos) hace que sea lento y sutil. */
    animation: cambioColorLatido 5s infinite alternate;
}

/* 2. Define la animación de cambio de color (Keyframes) */
@keyframes cambioColorLatido {
    /* El color base al inicio */
    0% {
        color: #FFFFFF; /* Color oscuro base */
    }
    
    /* El color "impactante" en la mitad (el latido) */
    50% {
        color: #FF6600; /* Color vibrante (naranja, puedes usar rojo, azul brillante, etc.) */
    }
    
    /* Vuelve al color base al final */
    100% {
        color: #FFFFFF; /* Vuelve al color oscuro base */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb5dcf1 *//* Respeta usuarios que prefieren menos animación */
@media (prefers-reduced-motion: reduce) {
  .fade-stagger, .fade-stagger * {
    animation: none !important;
    transition: none !important;
  }
}

/* Variables de timing y escala (ajústalas aquí) */
.fade-stagger {
  --rise-dur: 0.6s;      /* duración del fade+subida por ítem */
  --stagger-step: 0.12s; /* separación entre ítems del stagger */
  --fade-out: 500ms;     /* duración del desvanecimiento del bloque */
  --size-scale: 0.85;    /* tu lista será como el encabezado pero más pequeña */
}

/* Toma color y tamaño del encabezado (via JS) y aplica escala */
#frases-animadas {
  color: var(--ref-color, currentColor);
  font-size: calc(var(--ref-size, 18px) * var(--size-scale));
  line-height: 1.35;
  margin: 0;
  padding-left: 1rem; /* sangría de lista; ajusta si no quieres viñetas */
}

/* Estado base de cada frase */
.fade-stagger li {
  opacity: 0;
  transform: translateY(12px);
  will-change: opacity, transform;
}

/* Entrada escalonada cuando el contenedor está visible */
.fade-stagger.is-visible li {
  animation-name: riseFade;
  animation-duration: var(--rise-dur);
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: calc(var(--i, 0) * var(--stagger-step));
}

/* Desvanecimiento en bloque al reiniciar */
.fade-stagger.is-fading li {
  transition: opacity var(--fade-out) ease;
  opacity: 0;
}

/* Keyframes de entrada */
@keyframes riseFade {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}/* End custom CSS */