/*
Theme Name: Javi-DIVI
Theme URI: http://pikarorestaurante.com
Template: Divi
Author: Javi-DIVI
Author URI: http://pikarorestaurante.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 1.0.1772020169
Updated: 2026-02-25 12:49:29

*/

/* 1. Contenedor principal que enmascara y oculta lo que sobra */
.scroll-container {
    width: 100%;
    overflow: hidden;         /* Oculta el texto que sale de la pantalla */
    white-space: nowrap;      /* Fuerza a que todo el texto esté en una sola línea */
    background-color: #000;   /* Color de fondo del carrusel (cámbialo a tu gusto) */
    color: #fff;              /* Color del texto (cámbialo a tu gusto) */
    padding: 15px 0;          /* Espaciado superior e inferior */
    box-sizing: border-box;
}

/* 2. Contenedor del texto que realiza el movimiento */
.scroll-text {
    display: inline-block;
    white-space: nowrap;
    /* Ejecuta la animación: 20 segundos de duración, velocidad lineal e infinita */
    animation: marquee-infinito 20s linear infinite;
}

/* 3. Estilos opcionales para cada frase */
.scroll-text span {
    display: inline-block;
    padding-right: 10px;      /* Espacio entre el asterisco y la siguiente palabra */
    font-size: 24px;          /* Tamaño de letra */
    font-family: sans-serif;  /* Tipo de letra */
    font-weight: bold;
    text-transform: uppercase;
}

/* 4. La animación */
@keyframes marquee-infinito {
    0% {
        transform: translateX(0);
    }
    100% {
        /* Desplaza exactamente la mitad del ancho total del contenedor.
           Al tener 10 spans iguales, cuando se desplaza el 50% (5 spans), 
           el ojo humano no nota el salto cuando vuelve al 0% */
        transform: translateX(-50%);
    }
}