/* Tema claro fijo: un periodico se lee sobre papel (peticion del usuario, 2026-10-18).
   Marca nosmienten.com (ADR 0011): tinta y ambar, fuera de los colores asociados a partidos. --brand solo
   para superficies y barras; --accent es su version oscura para texto (contraste >= 4.5:1 sobre papel). */
:root { color-scheme: light; --ink:#14161b; --muted:#595959; --line:#e3e0d8; --paper:#fbfaf6; --brand:#e8a317; --accent:#8a5a00; --soft:#f3efe4; }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.5 Georgia, "Times New Roman", serif; }
a { color:inherit; text-decoration:none; } a:hover { text-decoration:underline; }
.wrap { max-width:1180px; margin:0 auto; padding:0 16px; }
.masthead { border-bottom:3px solid var(--ink); box-shadow:0 3px 0 var(--brand); }
.top { display:flex; justify-content:space-between; font:13px system-ui, sans-serif; color:var(--muted); padding-top:8px; }
.langs a { margin-left:8px; } .langs a.on { color:var(--accent); font-weight:700; }
.brand { text-align:center; padding:14px 16px 6px; }
.logo { display:inline-block; } .logo img { display:block; height:clamp(36px, 7vw, 60px); width:auto; max-width:100%; }
.tagline { margin:8px 0 10px; font:500 clamp(14px, 1.8vw, 17px) system-ui, sans-serif; color:var(--muted); }
.foot-brand { display:flex; align-items:center; gap:8px; color:var(--ink); }
.sections { border-top:1px solid var(--line); font:600 14px system-ui, sans-serif; text-transform:uppercase; }
.sections .wrap { display:flex; gap:18px; overflow-x:auto; padding:10px 16px; white-space:nowrap; }
.stats { font:13px system-ui, sans-serif; color:var(--muted); padding:10px 0; border-bottom:1px solid var(--line); }
.front { display:grid; grid-template-columns:2fr 3fr; gap:24px; padding:18px 0; border-bottom:1px solid var(--line); }
.grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:18px; }
.card h3 { margin:2px 0 4px; font-size:18px; line-height:1.25; }
.card.lead h3 { font-size:clamp(24px, 3.4vw, 36px); }
.dek { color:var(--muted); }
.kicker { margin:0; font:700 11px system-ui, sans-serif; text-transform:uppercase; color:var(--accent); letter-spacing:.04em; }
.meta { margin:0; font:12px system-ui, sans-serif; color:var(--muted); }
.section-block { padding:18px 0; border-bottom:1px solid var(--line); }
.section-block h2, .page-title { font-size:26px; margin:6px 0 14px; border-left:5px solid var(--brand); padding-left:10px; }
.chips { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 16px; font:13px system-ui, sans-serif; }
.chips a, .chips span { background:var(--soft); border:1px solid var(--line); border-radius:999px; padding:3px 10px; }
.story { max-width:760px; margin:20px auto; } .story h1 { font-size:clamp(28px, 4.5vw, 44px); line-height:1.15; margin:8px 0; }
.excerpt { border-left:4px solid var(--line); margin:16px 0; padding:4px 16px; color:var(--muted); font-style:italic; }
.button { display:inline-block; background:var(--ink); color:var(--paper); padding:8px 14px; font:600 14px system-ui, sans-serif; }
.pager { display:flex; justify-content:space-between; padding:20px 0; font:14px system-ui, sans-serif; }
.table { width:100%; border-collapse:collapse; font:14px system-ui, sans-serif; } .table td, .table th { border-bottom:1px solid var(--line); padding:6px; text-align:left; }
.empty { padding:40px 0; color:var(--muted); text-align:center; }
.outlet-meta { color:var(--muted); font:14px system-ui, sans-serif; }
.foot { margin-top:40px; border-top:3px double var(--ink); font:13px system-ui, sans-serif; color:var(--muted); padding:16px 0 40px; }
@media (max-width: 760px) { .front { grid-template-columns:1fr; } .table { display:block; overflow-x:auto; } }
.intro h1 { font-size:clamp(28px, 4vw, 40px); margin:18px 0 4px; } .intro p { color:var(--muted); margin:0 0 16px; max-width:760px; }
.front-grid { display:grid; grid-template-columns:3fr 1fr; gap:28px; }
.wire { border-left:1px solid var(--line); padding-left:18px; font-size:15px; } .wire h2 { font-size:18px; margin-top:4px; }
.scard { border-top:2px solid var(--ink); padding-top:8px; } .scard h3 { margin:4px 0; font-size:20px; line-height:1.25; }
.scard.lead { border-top:4px solid var(--brand); margin-bottom:22px; } .scard.lead h3 { font-size:clamp(26px, 3.6vw, 38px); }
.outlets { margin:2px 0 4px; font:13px system-ui, sans-serif; color:var(--muted); }
.count { color:var(--ink); }
.badge { display:inline-block; font:700 11px system-ui, sans-serif; text-transform:uppercase; padding:2px 7px; border-radius:3px; margin-left:4px; color:#fff; background:#666; }
.v-verdadero { background:#1b7a3a; } .v-impreciso { background:#b07300; } .v-falso { background:#b3001b; } .v-enganoso { background:#7a2a8c; } .v-sin-datos { background:#6b6b6b; }
.story.wide { max-width:1000px; } .block { border-top:1px solid var(--line); padding:12px 0; } .block h2 { font-size:22px; margin:8px 0; } .block h3 { font-size:16px; margin:12px 0 4px; }
.two { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.loaded { font:12px system-ui, sans-serif; background:#fff3cd; padding:1px 6px; border-radius:3px; }
.fig { white-space:nowrap; } .nowrap { white-space:nowrap; } .claim { background:var(--soft); padding:10px 14px; margin:10px 0; border-left:4px solid var(--line); }
.callout a { display:inline-block; background:var(--soft); border:1px solid var(--line); padding:8px 12px; font:600 14px system-ui, sans-serif; }
.sections a.hl { color:var(--accent); } .more { font:600 14px system-ui, sans-serif; }
@media (max-width: 860px) { .front-grid, .two { grid-template-columns:1fr; } .wire { border-left:0; padding-left:0; } }
.analysis-band { border-bottom:3px double var(--ink); padding:14px 0 20px; } .band-title { font-size:28px; margin:6px 0 12px; }
.pcard { border-top:2px solid var(--brand); padding-top:8px; } .pcard h3 { font-size:21px; margin:4px 0; line-height:1.25; }
.pcard.lead h3 { font-size:clamp(24px, 3vw, 32px); } .pcard .dek { font-size:15px; }
.dek.big { font-size:20px; color:var(--muted); line-height:1.4; } .lead-text { color:var(--muted); max-width:800px; }
.prose p { font-size:18px; line-height:1.65; max-width:760px; } .assessment { background:var(--soft); padding:12px 16px; }
.opinion { border-left:4px solid var(--brand); padding-left:16px; }
