/* Estilo para el contenedor de particles.js */
#particles-js {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1; /* Asegura que esté detrás de todo el contenido */
    background-color: #87CEEB; /* Fondo azul claro */
}

/* Ajuste para que el contenido principal no sea transparente */
body {
    background-color: transparent; /* Hacemos el body transparente para ver las partículas */
    color: #333; /* Color de texto oscuro por defecto para el contraste */
}

.main-content, .login-container, .navbar {
    position: relative; /* Asegura que el contenido tenga un z-index mayor que el fondo */
    z-index: 1;
}