.elementor-14 .elementor-element.elementor-element-040ce63{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-1e34cf3{width:100%;max-width:100%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-6992944 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:700;text-transform:lowercase;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-1e34cf3 *//* 1. Contenedor principal para ocultar el desbordamiento y establecer el tamaño */
.text-carousel-container {
    overflow: hidden; 
    width: 100%; 
    white-space: nowrap; /* Evita que el texto salte de línea */
    box-sizing: border-box;
    padding: 5px 0; 
    border-top: 1px solid #eee; 
    border-bottom: 1px solid #eee; 
}

/* 2. El contenido que se va a animar (AQUÍ ESTÁ LA CORRECCIÓN) */
.carousel-content {
    display: inline-block; 
    /* ¡IMPORTANTE! REMOVER el 'padding-left: 100%;' que causaba el espacio en blanco al inicio. */
    will-change: transform; 
    /* Ajusta la duración (70s) según la longitud total de tu texto duplicado. */
    animation: marquee-continuous 70s linear infinite; 
}

/* Pausa la animación al pasar el ratón por encima (opcional) */
.text-carousel-container:hover .carousel-content {
    animation-play-state: paused;
}

/* 3. Estilo para los elementos individuales dentro del carrusel (Tus estilos) */
.carousel-content span {
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    margin-right: 10px; 
    background-color: #ffff;
    padding: 10px;
    border-radius: 20px;
}

/* 4. Definición de la animación corregida para el flujo continuo */
@keyframes marquee-continuous {
    0% {
        transform: translate(0, 0); /* Posición inicial */
    }
    100% {
        /* ¡CLAVE! Mueve el contenido solo el 50% de su ancho total (que es la longitud de la primera copia). */
        transform: translate(-50%, 0); 
    }
}/* End custom CSS */