/* ==========================================================================
   🟢 MAXIQUEEN OS - PALETA DE VARIABLES GLOBALES (NEON GREEN EDITION)
   ========================================================================== */

:root {
    /* Fondos - Gradiente de profundidad (Mutados a negro y verde cyber) */
    --bg-main: #050505;        /* Negro absoluto de base */
    --bg-secondary: #0a0f0c;   /* Panel oscuro con un levísimo matiz verde digital */
    --bg-deep: #031408;        /* Verde oscuro profundo (reemplaza al violeta sin romper nada) */
    
    /* BLINDAJE EXTRA: Fondo translúcido para Navbar, Sidebar y Modales usando la nueva base */
    --bg-glass: rgba(5, 5, 5, 0.85); 

    /* Colores de marca / Cyberpunk (Conservados todos para evitar errores) */
    --mq-yellow: #ffd700;      /* Amarillo base */
    --mq-cyan: #00f3ff;        /* Azul Cyan principal */
    --mq-magenta: #ff00de;     /* Neón Magenta */
    --mq-green: #00ff66;       /* ¡Verde Neón resplandeciente y luminoso! */
    --mq-red: #ef4444;         /* Peligro */

    /* Variables de Alias (Redirección estratégica al verde) */
    --accent: var(--mq-green); /* Ahora el acento del OS es el verde brillante */
    --border-soft: rgba(0, 255, 102, 0.15); /* Bordes con un ligero destello verde */
    
    /* Centralización de Textos (Conectados con Navbar y Footer) */
    --text-main: #ffffff;
    --text-semi: #e4e4e7;      /* Gris claro para enlaces (antiguo mq-nav-links) */
    --text-muted: #94a3b8;     /* Gris azulado limpio para textos secundarios y footer */

    /* Tipografía y Tiempos (Intactos) */
    --font-main: 'Orbitron', 'Courier New', monospace; 
    --transition-speed: 0.3s;
    --transition-curve: cubic-bezier(0.25, 0.8, 0.25, 1);

    /* EXTRA: Variable de resplandor para cuando quieras aplicar brillo fácil */
    --glow-neon: 0 0 12px rgba(0, 255, 102, 0.6);
    --glow-text: 0 0 8px rgba(0, 255, 102, 0.5);
}

/* ==========================================================================
   🚨 ESCU DESTRUCCIÓN DE BLOQUES REBELDES (NOTION CALLOUTS / CAPSULAS GRISES)
   ========================================================================== */

/* Rompe las cápsulas claras de Notion que envuelven el texto del footer o bloques inferiores */
.notion-callout, 
.notion-quote,
div[style*="background-color"], 
div[style*="background: rgb"],
div[class*="Callout"],
.notion-page-content-inner > div:last-child {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Rescate de textos que quedan invisibles dentro de esos bloques */
.notion-callout text,
.notion-callout div,
div[class*="Callout"] p,
#footer-container text {
    color: var(--text-muted, #94a3b8) !important;
    background: transparent !important;
}