/**
 * Hero Section Animations
 * Efecto de zoom sutil en la imagen de fondo
 */

/* Definir la animación de zoom */
@keyframes subtleZoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* Aplicar la animación al pseudo-elemento ::before del hero */
section#hero::before {
    animation: subtleZoom 20s ease-in-out infinite;
}

/* Variantes para diferentes secciones hero */

/* Hero Daypass */
section#hero.daypass::before {
    animation: subtleZoom 20s ease-in-out infinite;
}

/* Hero Gastronomia */
section#hero.gastronomia::before {
    animation: subtleZoom 20s ease-in-out infinite;
}

/* Hero Mixologia */
section#hero.mixologia::before {
    animation: subtleZoom 20s ease-in-out infinite;
}

/* Opcional: Pausar la animación al hacer hover (descomenta si quieres) */
/*
section#hero:hover::before {
    animation-play-state: paused;
}
*/

/* Responsiva: Reducir duración en móviles para mejor rendimiento */
@media only screen and (max-width: 719px) {
    section#hero::before,
    section#hero.daypass::before,
    section#hero.gastronomia::before,
    section#hero.mixologia::before {
        animation-duration: 10s;
    }
}