/* style.css - Tema Limpio Retabet */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    background-color: #eaeaf1;
    color: #1f2937;
    -webkit-font-smoothing: antialiased;
    position: relative;
    width: 100%;
}

/* Ocultar barra de scroll en contenedores horizontales */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Efecto de línea inferior en los enlaces del menú principal */
.nav-link { 
    position: relative; 
    color: #d1d5db; 
    transition: color 0.2s; 
}
.nav-link:hover { 
    color: #ffffff; 
}
.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #FF5A00; /* Naranja Accent */
    transform: scaleX(0);
    transition: transform 0.2s;
}
.nav-link:hover::after, .nav-link.active::after { 
    transform: scaleX(1); 
    color: #ffffff; 
}

/* Efecto de movimiento continuo para el fondo del Rin */
@keyframes panBackground {
    0% { transform: scale(1); background-position: 0% 50%; }
    100% { transform: scale(1.15); background-position: 100% 50%; }
}
.animate-pan-bg {
    animation: panBackground 25s ease-in-out infinite alternate;
}

/* Efecto de relámpago elegante para el VS */
@keyframes lightningStrike {
    0%, 100% { opacity: 0; transform: scale(0.9); }
    5% { opacity: 1; filter: drop-shadow(0 0 10px #FF5A00); transform: scale(1.1); }
    10% { opacity: 0; transform: scale(0.9); }
    15% { opacity: 1; filter: drop-shadow(0 0 15px #FF5A00); transform: scale(1.2); }
    20% { opacity: 0; transform: scale(0.9); }
}
.animate-lightning {
    animation: lightningStrike 4s infinite;
    transform-origin: center;
    pointer-events: none;
}