/* =========================================
   MODO NEGRO PURO (OLED BLACK #000000)
   ========================================= */

/* Fondo general negro absoluto por defecto y en modo oscuro */
html, body, html.dark, html.dark body, #__next, main {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

/* Eliminar degradados azulados o grises del fondo */
html.dark [class*="bg-gradient-"],
html.dark [class*="from-slate-"],
html.dark [class*="to-slate-"] {
    background-image: none !important;
    background-color: #000000 !important;
}

/* Tarjetas de aplicaciones en negro (#080808) con borde sutil (#222222) */
html.dark .card,
html.dark [class*="bg-slate-"],
html.dark [class*="bg-gray-"],
html.dark [class*="bg-zinc-"],
html.dark [class*="bg-neutral-"] {
    background-color: #080808 !important;
    border: 1px solid #222222 !important;
}

/* Texto e iconos en blanco puro */
html.dark p, html.dark h1, html.dark h2, html.dark h3, html.dark span, html.dark a, html.dark svg {
    color: #FFFFFF !important;
}

/* Mantenimiento de contraste en Modo Claro */
html.light body {
    background-color: #F8FAFC !important;
}
html.light p, html.light h1, html.light h2, html.light span, html.light a {
    color: #0F172A !important;
}