.elementor-4985 .elementor-element.elementor-element-3947ab7{--display:flex;--min-height:40px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-4985 .elementor-element.elementor-element-3947ab7::before, .elementor-4985 .elementor-element.elementor-element-3947ab7 > .elementor-background-video-container::before, .elementor-4985 .elementor-element.elementor-element-3947ab7 > .e-con-inner > .elementor-background-video-container::before, .elementor-4985 .elementor-element.elementor-element-3947ab7 > .elementor-background-slideshow::before, .elementor-4985 .elementor-element.elementor-element-3947ab7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4985 .elementor-element.elementor-element-3947ab7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-4985 .elementor-element.elementor-element-35e9c9c9{font-family:"Arial", Sans-serif;font-size:14px;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-4985 .elementor-element.elementor-element-3947ab7{--content-width:1366px;}}/* Start custom CSS for text-editor, class: .elementor-element-35e9c9c9 *//* ======================================= */
/* 1. Define la animación: Mueve los bloques de texto */
/* Mueve del punto de inicio (0%) al punto de repetición (-50%) */
/* Esto se debe a que ahora tenemos dos copias de texto */
@keyframes deslizarDerecha {
  0% {
    /* Comienza donde el segundo texto está visible y el primero ha salido */
    transform: translateX(0%); 
  }
  100% {
    /* Mueve la longitud de un bloque de texto completo para reiniciar el ciclo */
    transform: translateX(-50%); 
  }
}

/* ======================================= */
/* 2. Estilo para el Contenedor (Sección) */
.cinta-marquesina {
    overflow: hidden; 
    white-space: nowrap; /* Asegura que todos los textos estén en una sola línea */
    /* El siguiente valor es crucial para que los bloques de texto no se separen */
    font-size: 0; /* Elimina el espacio en blanco entre los widgets de Encabezado */
}

/* 3. Estilo para los Widgets de Texto */
.cinta-marquesina .texto-movimiento {
    display: inline-block; /* Los alinea uno al lado del otro */
    white-space: nowrap; /* Mantiene el texto de cada widget en una sola línea */
    font-size: 14px; /* Vuelve a poner el tamaño de fuente que usas (ej. 14px) */
    
    /* Aplica la Animación: */
    animation: deslizarDerecha 10s linear infinite;
    /* 10s: Ajusta la velocidad total de un ciclo de repetición */
    /* linear: Movimiento constante */
    /* infinite: Repite sin parar */
}

/* Ajuste opcional para reducir el espacio vertical entre el texto y el borde de la barra */
.cinta-marquesina .elementor-container,
.cinta-marquesina .elementor-column-wrap {
    min-height: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3947ab7 *//* ======================================= */
/* 1. Define la animación: Mueve los bloques de texto */
/* Mueve del punto de inicio (0%) al punto de repetición (-50%) */
/* Esto se debe a que ahora tenemos dos copias de texto */
@keyframes deslizarDerecha {
  0% {
    /* Comienza donde el segundo texto está visible y el primero ha salido */
    transform: translateX(0%); 
  }
  100% {
    /* Mueve la longitud de un bloque de texto completo para reiniciar el ciclo */
    transform: translateX(-50%); 
  }
}

/* ======================================= */
/* 2. Estilo para el Contenedor (Sección) */
.cinta-marquesina {
    overflow: hidden; 
    white-space: nowrap; /* Asegura que todos los textos estén en una sola línea */
    /* El siguiente valor es crucial para que los bloques de texto no se separen */
    font-size: 0; /* Elimina el espacio en blanco entre los widgets de Encabezado */
}

/* 3. Estilo para los Widgets de Texto */
.cinta-marquesina .texto-movimiento {
    display: inline-block; /* Los alinea uno al lado del otro */
    white-space: nowrap; /* Mantiene el texto de cada widget en una sola línea */
    font-size: 14px; /* Vuelve a poner el tamaño de fuente que usas (ej. 14px) */
    
    /* Aplica la Animación: */
    animation: deslizarDerecha 10s linear infinite;
    /* 10s: Ajusta la velocidad total de un ciclo de repetición */
    /* linear: Movimiento constante */
    /* infinite: Repite sin parar */
}

/* Ajuste opcional para reducir el espacio vertical entre el texto y el borde de la barra */
.cinta-marquesina .elementor-container,
.cinta-marquesina .elementor-column-wrap {
    min-height: auto;
}/* End custom CSS */