/* Estilos básicos para evitar que la página se vea mal antes de cargar el CSS principal */
body {
    background-color: #000;
    color: #fff;
    font-family: Arial, sans-serif;
    text-align: center;
    visibility: hidden; /* Oculta el contenido hasta que el CSS esté listo */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Cuando el CSS principal se carga, se muestra el contenido */
.css-loaded body {
    visibility: visible;
    opacity: 1;
}