/* FONDO EXACTO ESTILO HOSTINGER */
body {
    background-color: #0b0721;
    background-image: 
        radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.35) 0%, rgba(140, 75, 225, 0.35) 30%, transparent 65%),
        radial-gradient(circle at 0% 100%, rgba(255, 255, 255, 0.35) 0%, rgba(130, 60, 210, 0.45) 35%, transparent 75%),
        linear-gradient(135deg, #070414 0%, #130a32 50%, #251252 100%);
    background-attachment: fixed;
    color: #ffffff;
    min-height: 100vh;
    margin: 0;
    position: relative;
    overflow-x: hidden;
}

/* PANTALLA DE INTRODUCCIÓN */
#intro-screen {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(11, 7, 33, 0.9); backdrop-filter: blur(8px); z-index: 9999; display: flex; justify-content: center; align-items: center; opacity: 1; transition: opacity 1s ease-in-out; 
}
#intro-screen.fade-out { opacity: 0; }
#intro-video { max-width: 100%; max-height: 100%; object-fit: contain; clip-path: circle(30% at 50% 50%); }

/* MENÚ PRINCIPAL Y BOTÓN ADMIN */
.admin-float { position: absolute; top: 15px; right: 20px; z-index: 1050; }
.navbar-nav .nav-link {
    color: #ffffff !important; font-weight: 500; font-size: 0.95rem; padding: 0.5rem 1rem; transition: color 0.2s ease-in-out;
}
.navbar-nav .nav-link:hover { color: #ffcc00 !important; }
.separador-menu { color: rgba(255, 255, 255, 0.3); display: flex; align-items: center; }

/* EFECTO BLINK VERDE FOSFORESCENTE */
@keyframes blinkFosforescente {
    0% { opacity: 1; text-shadow: 0 0 5px #39ff14, 0 0 10px #39ff14; }
    50% { opacity: 0.2; text-shadow: none; }
    100% { opacity: 1; text-shadow: 0 0 5px #39ff14, 0 0 10px #39ff14; }
}
.nav-registro-blink {
    color: #39ff14 !important; font-weight: 800 !important; animation: blinkFosforescente 1.2s infinite; 
}
.nav-registro-blink:hover { color: #ffffff !important; text-shadow: 0 0 15px #39ff14; }

/* SEPARADORES DE SECCIONES */
.separador-vertical { border-left: 2px solid rgba(255, 255, 255, 0.15); box-shadow: -4px 0 10px rgba(0, 0, 0, 0.4); }
@media (max-width: 991.98px) { .separador-vertical { border-left: none; box-shadow: none; border-top: 2px solid rgba(255, 255, 255, 0.15); margin-top: 30px; padding-top: 30px; } }