/* === Estilos generales del body === */
body {
    margin: 0;
    height: 100vh;
    overflow: hidden;
    perspective: 1200px;
    background: radial-gradient(ellipse at center, #111 0%, #000 100%);
    transition: background 2s ease;
}

/* --- Efecto de fade blanco para recarga de página --- */
#fadeout {
    position: fixed;
    inset: 0;
    background: radial-gradient(
        circle at center,
        rgba(0, 0, 0, 0.9) 0%,
        rgba(0, 0, 0, 0.6) 50%,
        rgba(0, 0, 0, 0) 80%
    );
    transform: scale(0.2); /* Tamaño inicial pequeño */
    opacity: 0; /* Invisible por defecto */
    pointer-events: none; /* No intercepta clicks */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Transición para el efecto */
    z-index: 9999; /* Siempre encima de todo */
}