@font-face {
    font-family: 'Poppins Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Poppins Regular'), url('../fonts/Poppins-Regular.woff') format('woff');
    }
body {
    font-family: 'Poppins Regular';
    min-height: 100vh;
    margin: 0;
    padding-top: 70px;
    overflow-x: hidden;

    background: linear-gradient(120deg, 
        #ffeb3b, 
        #8e24aa, 
        #4caf50, 
        #ffd54f
    );
    background-size: 300% 300%;
    animation: fondoAnimado 12s ease infinite;
}

@keyframes fondoAnimado {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

        .container {
            background-color: rgba(255, 255, 255, 0.5);
            padding: 20px;
            border-radius: 10px;
            margin-top: 20px;

        }

/* Fondo diferente para la opción activa */
.activo {
    background-color: #b1f5fa !important;
    font-weight: bold;
}

/* Negrita para la categoría principal si alguna de sus opciones está activa */
.negrita > a {
    font-weight: bold;
    color: #fff;
}
#logo{position: absolute; margin-top: -25px;}

/* Estilos para el menú colapsado en dispositivos móviles */
@media (max-width: 991.98px) {
    .navbar-collapse.collapse {
        max-height: 70vh; /* Altura máxima del menú colapsado */
        overflow-y: auto; /* Habilitar el desplazamiento vertical */
        margin-top: 30px; /* Espacio entre el botón de toggler y el menú */
        border-top: 1px solid rgba(255, 255, 255, 0.1); /* Línea divisoria opcional */
    }

    .navbar-nav {
        padding-bottom: 20px; /* Espacio inferior para que no quede pegado al final */
    }
}