/*
Theme Name: DE FRENTE
Theme URI: https://defrente.com
Author: Antigravity
Author URI: https://google.com
Description: Un tema de WordPress con estética de 'Anacronismo Editorial'.
Version: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: editorial, vintage, newspaper, dark-mode
*/

/* ==========================================================================
   CAPA DE AUTORIDAD DEL TEMA (v8.0 — Blindaje)
   ==========================================================================
   Este archivo se carga ÚLTIMO (después de variables.css, grid.css, styles.css)
   y actúa exclusivamente como capa de protección contra plugins agresivos
   (LiteSpeed Cache, Imagify, Imsanity).

   *** FUENTE ÚNICA DE VARIABLES: css/variables.css ***
   *** NO redeclarar variables aquí. Solo overrides de protección. ***
   ========================================================================== */

/* 1. Protección de color base contra resets de plugins */
:root,
html,
body,
.site-content,
.main-container {
    background-color: var(--paper-color) !important;
    color: var(--ink-color) !important;
}

/* 2. Protección tipográfica contra inyección de fuentes por plugins */
h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title,
.wp-block-post-title,
.wp-block-heading {
    font-family: var(--font-headline) !important;
}

body, p, span, li, a, div,
.wp-block-paragraph {
    font-family: var(--font-body) !important;
}

.tags, .date, .category, .meta-data {
    font-family: var(--font-tech) !important;
}

/* 3. Anti-desplazamiento horizontal (Protección contra plugins que inyectan elementos anchos) */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0;
}

#page,
.site,
.site-main,
.container,
.wrapper,
.master-grid,
.row,
.broadsheet-layout,
.sidebar-agenda,
.newspaper-sheet,
.site-content,
.fl-row-content,
main {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}

/* Protección de enlaces largos */
a, pre, code {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* 4. Blindaje Multimedia contra optimizadores de imagen */
iframe, video, object, embed {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
}

/* 5. Protección Halftone contra Imagify (opacidad forzada a 1) */
.halftone-wrapper img,
.halftone-wrapper picture,
.halftone-img {
    opacity: 1 !important;
}

/* 6. Protección de la Tapa Impresa */
.tapa-impresa-zone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    height: 100%;
}

/* ==========================================================================
   MÓDULO ACTUALIDAD Y AGENDA (SIDEBAR)
   ========================================================================== */
.sidebar-agenda {
    max-height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
    background-color: var(--paper-color);
    scrollbar-width: thin;
    scrollbar-color: var(--color-ladrillo, rgba(139, 69, 19, 0.85)) transparent;
}

.sidebar-agenda::-webkit-scrollbar {
    width: 6px;
}
.sidebar-agenda::-webkit-scrollbar-track {
    background: transparent;
    border-left: 1px dashed rgba(139, 69, 19, 0.3);
}
.sidebar-agenda::-webkit-scrollbar-thumb {
    background-color: var(--color-ladrillo, rgba(139, 69, 19, 0.85));
    border-radius: 4px;
}

.alertero-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 0;
    border-bottom: 1px dotted rgba(139, 69, 19, 0.4);
    transition: background-color 0.3s ease, padding-left 0.2s ease;
}

.alertero-item:hover {
    background-color: rgba(139, 69, 19, 0.05);
    padding-left: 6px;
}

.alertero-bullet {
    color: var(--color-ladrillo, rgba(139, 69, 19, 0.85));
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 2px;
}

.alertero-content {
    flex: 1;
}

.alertero-title {
    font-family: var(--font-headline) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 0 4px 0 !important;
    text-transform: none !important;
}

.alertero-meta {
    font-family: var(--font-tech) !important;
    font-size: 10px !important;
    opacity: 0.7 !important;
    color: var(--color-quemado, #3E2723) !important;
}