/* ================================================================
   BLOG - Modo Oscuro Premium
   ================================================================ */

/* CONTENEDOR PRINCIPAL ========================================= */
body.dark .page-content,
html.dark .page-content,
body.dark section.page-content,
html.dark section.page-content {
    background: var(--dark-bg) !important;
    min-height: 100vh !important;
}

body.dark .page-title,
html.dark .page-title {
    color: var(--dark-accent);
}

/* TARJETA DE POST ============================================== */
body.dark .blog-item,
html.dark .blog-item {
    background: var(--dark-bg-3);
    border-color: var(--dark-border);
    box-shadow: var(--dark-shadow);
}

body.dark .blog-item:hover,
html.dark .blog-item:hover {
    border-color: rgba(198, 166, 100, 0.3);
    box-shadow: 0 8px 24px rgba(198, 166, 100, 0.15);
}

/* TÍTULO ======================================================= */
body.dark .blog-title,
html.dark .blog-title {
    color: var(--dark-text);
}

body.dark .blog-item:hover .blog-title,
html.dark .blog-item:hover .blog-title {
    color: var(--dark-accent);
}

/* FECHA Y NIVEL ================================================ */
body.dark .blog-fecha,
html.dark .blog-fecha {
    color: var(--dark-muted);
}

body.dark .blog-fecha small,
html.dark .blog-fecha small {
    color: var(--dark-muted);
}

body.dark .chip,
html.dark .chip {
    background: rgba(198, 166, 100, 0.15);
    color: var(--dark-accent);
}

/* RESUMEN ====================================================== */
body.dark .blog-resumen,
html.dark .blog-resumen {
    color: var(--dark-text);
}

/* BOTÓN ======================================================== */
body.dark .btn,
html.dark .btn {
    background: linear-gradient(135deg, #d4b776 0%, #c6a664 100%) !important;
    color: #000000 !important;
    box-shadow: 0 4px 12px rgba(212, 183, 118, 0.4) !important;
}

body.dark .btn:hover,
html.dark .btn:hover {
    background: linear-gradient(135deg, #e0c589 0%, #d8be75 100%) !important;
    box-shadow: 0 6px 20px rgba(212, 183, 118, 0.5) !important;
}

/* ALERTA DE BLOQUEO ============================================ */
body.dark .abund-alert,
html.dark .abund-alert {
    background: rgba(255, 152, 0, 0.15);
    border-left-color: #FF9800;
}

body.dark .abund-alert p,
html.dark .abund-alert p {
    color: var(--dark-text);
}

/* CONTENIDO ==================================================== */
body.dark .blog-content,
html.dark .blog-content {
    color: var(--dark-text);
}