/* Estilos para el frontend del portal INFO */

.info-main-menu .button {
    background-color: #8B0000; /* Rojo oscuro */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 4px;
}

.info-main-menu .button:hover {
    background-color: #A52A2A; /* Un poco más claro al pasar el ratón */
    color: #ffffff;
}

/* Estilos adicionales para el contenedor del portal */
.info-portal-container {
    padding: 20px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
}

/* REEMPLAZO DE style.display directo por clases */
.info-module-content {
    display: none; /* Oculto por defecto */
    padding-top: 15px;
}

.info-module-content.active {
    display: block; /* Visible cuando tiene la clase 'active' */
}

/* Estilos para el menú de configuración del admin en el frontend */
.info-admin-menu {
    background-color: #f0f0f1;
    border: 1px solid #c3c4c7;
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.info-admin-menu strong {
    margin-right: 15px;
}

.info-admin-menu a {
    margin-right: 15px;
    text-decoration: none;
    color: #2271b1;
}

.info-admin-menu a:hover {
    text-decoration: underline;
}

.info-config-buttons .button {
    margin-right: 10px;
    margin-bottom: 10px;
}