/**
 * CubeNet - Estilos de emergencia para asegurar la visibilidad en móviles
 * Estos estilos tienen máxima prioridad y se aplican directamente en el HTML
 */

/* Forzar visibilidad de elementos del menú móvil */
.simple-nav-item span,
.simple-nav-button span {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

/* Modo oscuro */
.dark-mode .simple-nav-item span,
.dark-mode .simple-nav-button span {
    color: #ffffff !important;
}

/* Aumentar contraste y legibilidad */
.simple-nav-item,
.simple-nav-button {
    background-color: rgba(0,0,0,0.03) !important;
    padding: 14px 15px !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
}

.dark-mode .simple-nav-item,
.dark-mode .simple-nav-button {
    background-color: rgba(255,255,255,0.1) !important;
}

/* Aumentar área de toque */
.simple-nav-item,
.simple-nav-button {
    min-height: 50px !important;
}

/* Mejorar visibilidad de iconos */
.simple-nav-item i,
.simple-nav-button i {
    display: inline-flex !important;
    width: 24px !important;
    height: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 15px !important;
    font-size: 18px !important;
}