:root{
  --bg:#EEF0EE; --bg-elevated:#FFFFFF; --bg-sunken:#E4E7E2;
  --ink:#1B1D1B; --ink-secondary:#55584F; --ink-muted:#676A61;
  --border:#DBDDD5; --border-strong:#C6C9BF;
  --accent:#B8842A; --accent-ink:#7A5A1D; --accent-bg:#F5EBD8;
  --izq:#BE3455; --izq-bg:#F7E5EA; --izq-ink:#7C1F35;
  --cen:#75756A; --cen-bg:#EAEAE5; --cen-ink:#3D3D35;
  --der:#3B78C2; --der-bg:#E4EBF3; --der-ink:#1D3B5C;
  --fact-good:#3E7A4E; --fact-good-bg:#E4F0E4;
  --fact-mid:#A87A1E; --fact-mid-bg:#F5EBD8;
  --fact-low:#8A5A45; --fact-low-bg:#F2E6E0;
  --bar-izq:var(--izq); --bar-cen:var(--cen); --bar-der:var(--der);
  --font-display:Georgia,'Iowan Old Style','Palatino Linotype','Book Antiqua',serif;
  --font-ui:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
  --font-mono:var(--font-display);
  --radius:0px; --shadow-card:0 1px 2px rgba(27,29,27,.06);
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#15171A; --bg-elevated:#1D2024; --bg-sunken:#101214;
    --ink:#ECEDE7; --ink-secondary:#B4B7AB; --ink-muted:#8E9186;
    --border:#2B2F32; --border-strong:#3B4044;
    --accent:#DDAE5A; --accent-ink:#F6E4C2; --accent-bg:#332A18;
    --izq:#E06084; --izq-bg:#3A1D26; --izq-ink:#F5C3D2;
    --cen:#AFAFA5; --cen-bg:#2B2B27; --cen-ink:#DDDDD5;
    --der:#6C9BD1; --der-bg:#1E2C3B; --der-ink:#C7DBF0;
    --fact-good:#6FAE7E; --fact-good-bg:#1E3122;
    --fact-mid:#D2A548; --fact-mid-bg:#332A18;
    --fact-low:#C08D77; --fact-low-bg:#33241D;
  }
}
:root[data-theme="dark"]{
  --bg:#15171A; --bg-elevated:#1D2024; --bg-sunken:#101214;
  --ink:#ECEDE7; --ink-secondary:#B4B7AB; --ink-muted:#8E9186;
  --border:#2B2F32; --border-strong:#3B4044;
  --accent:#DDAE5A; --accent-ink:#F6E4C2; --accent-bg:#332A18;
  --izq:#E06084; --izq-bg:#3A1D26; --izq-ink:#F5C3D2;
  --cen:#AFAFA5; --cen-bg:#2B2B27; --cen-ink:#DDDDD5;
  --der:#6C9BD1; --der-bg:#1E2C3B; --der-ink:#C7DBF0;
  --fact-good:#6FAE7E; --fact-good-bg:#1E3122;
  --fact-mid:#D2A548; --fact-mid-bg:#332A18;
  --fact-low:#C08D77; --fact-low-bg:#33241D;
}
:root[data-theme="light"]{
  --bg:#EEF0EE; --bg-elevated:#FFFFFF; --bg-sunken:#E4E7E2;
  --ink:#1B1D1B; --ink-secondary:#55584F; --ink-muted:#676A61;
  --border:#DBDDD5; --border-strong:#C6C9BF;
  --accent:#B8842A; --accent-ink:#7A5A1D; --accent-bg:#F5EBD8;
  --izq:#BE3455; --izq-bg:#F7E5EA; --izq-ink:#7C1F35;
  --cen:#75756A; --cen-bg:#EAEAE5; --cen-ink:#3D3D35;
  --der:#3B78C2; --der-bg:#E4EBF3; --der-ink:#1D3B5C;
  --fact-good:#3E7A4E; --fact-good-bg:#E4F0E4;
  --fact-mid:#A87A1E; --fact-mid-bg:#F5EBD8;
  --fact-low:#8A5A45; --fact-low-bg:#F2E6E0;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
[hidden]{display:none !important}
body{
  background:var(--bg); color:var(--ink); font-family:var(--font-ui);
  font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--font-display); font-weight:400; margin:0; text-wrap:balance}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent-bg);color:var(--accent-ink)}
.tnum{font-variant-numeric:tabular-nums}
[tabindex]:focus-visible, button:focus-visible, input:focus-visible, a:focus-visible{
  outline:2px solid var(--accent); outline-offset:2px; border-radius:4px;
}
.bs-card:focus-visible{outline-offset:-2px}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.app-shell{display:flex;flex-direction:column;min-height:100vh}

/* ---------- masthead ---------- */
.masthead{
  background:var(--bg-elevated); border-bottom:1px solid var(--ink);
  position:sticky; top:0; z-index:20;
}
.masthead-top{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:9px 16px;max-width:1244px;margin:0 auto;
  transition:padding .18s ease;
}
.brand-compact{grid-column:2;justify-self:center;display:flex;align-items:center;gap:7px}
.brand-mark{
  width:20px;height:20px;border-radius:3px;flex:none;
  background:var(--ink);color:var(--bg);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:700;font-size:11.5px;
  transition:width .18s ease,height .18s ease,font-size .18s ease;
}
.nameplate-sm{font-family:var(--font-display);font-size:19px;letter-spacing:.1px;transition:font-size .18s ease}
.search-icon-btn{
  grid-column:3;justify-self:end;
  width:30px;height:30px;display:flex;align-items:center;justify-content:center;
  color:var(--ink-secondary);flex:none;
}
.search-icon-btn:hover{color:var(--ink)}
.search-icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}
.masthead.is-scrolled .masthead-top{padding:6px 16px}
.masthead.is-scrolled .brand-mark{width:17px;height:17px;font-size:10px}
.masthead.is-scrolled .nameplate-sm{font-size:16px}
.nav{
  display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;
  border-top:0.5px solid var(--border);
  padding:0 32px;max-width:1244px;margin:0 auto;
  font-family:var(--font-ui);
}
.nav-main{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}
.nav-item{
  display:flex;align-items:center;gap:6px;padding:8px 9px;border-radius:0;
  color:var(--ink-secondary);font-size:11px;text-align:left;
  text-transform:uppercase;letter-spacing:.03em;
}
.nav-item svg{width:13px;height:13px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;opacity:.85}
.nav-item:hover{background:var(--bg-sunken);color:var(--ink)}
.nav-item.active{color:var(--accent-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent-ink)}
.nav-item[data-cat]:not([data-cat="todas"]){margin-left:0}
.nav-side{display:flex;align-items:center;flex:none;padding-left:14px;margin-left:6px;border-left:0.5px solid var(--border)}
.nav-blindspot{color:var(--ink-secondary)}
.nav-blindspot.active{background:var(--bg-sunken);color:var(--ink);box-shadow:none}
.nav-blindspot .bs-dot{width:7px;height:7px;border-radius:50%;background:conic-gradient(var(--izq) 0 50%,var(--der) 50% 100%);flex:none}
.legend{display:flex;align-items:center;gap:14px;padding:10px 0;flex:none}
.legend-row{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-secondary)}
.legend-dot{width:8px;height:8px;border-radius:50%;flex:none}
.site-footer{
  margin-top:auto;border-top:0.5px solid var(--border);
  padding:18px 32px;max-width:1244px;box-sizing:border-box;margin-left:auto;margin-right:auto;width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.disclaimer{font-size:11px;line-height:1.5;color:var(--ink-muted)}

/* ---------- search ---------- */
.main-col{min-width:0}
.search-wrap{position:relative;width:100%;max-width:1244px;margin:0 auto;padding:8px 16px 12px;border-top:0.5px solid var(--border);background:var(--bg-elevated)}
.search-box{
  display:flex;align-items:center;gap:10px;width:100%;max-width:520px;margin:0 auto;
  background:var(--bg-elevated);border:0.5px solid var(--border-strong);
  border-radius:4px;padding:9px 16px;
}
.search-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--ink-muted);flex:none}
.search-close:hover{color:var(--ink)}
.search-close svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}
.search-box svg{width:16px;height:16px;stroke:var(--ink-muted);fill:none;stroke-width:1.7;flex:none}
.search-box input{
  border:none;outline:none;background:none;color:var(--ink);width:100%;font-size:14px;
  font-family:var(--font-ui);
}
.search-box input::placeholder{color:var(--ink-muted)}
.search-panel{
  position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-elevated);
  border:0.5px solid var(--border);border-radius:0;box-shadow:0 8px 24px rgba(20,20,18,.12);
  padding:14px 16px;display:none;z-index:30;max-height:60vh;overflow-y:auto;
  font-family:var(--font-ui);
}
.search-panel.open{display:block}
.search-panel h4{font-family:var(--font-ui);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);font-weight:500;margin:0 0 10px}
.trend-chips{display:flex;flex-wrap:wrap;gap:7px}
.trend-chip{
  padding:6px 12px;border-radius:7px;background:var(--bg-sunken);color:var(--ink-secondary);
  font-size:12.5px;border:0.5px solid transparent;
}
.trend-chip:hover{border-color:var(--border-strong);color:var(--ink)}
.result-item{
  display:flex;flex-direction:column;gap:2px;padding:9px 6px;border-radius:4px;
}
.result-item:hover{background:var(--bg-sunken)}
.result-cat{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-ink)}
.result-title{font-size:14px;line-height:1.4}
.no-results{font-size:13px;color:var(--ink-muted);padding:8px 6px}

.content{padding:28px 32px 64px;max-width:1180px;margin:0 auto}
.view[hidden]{display:none}

/* ---------- home ---------- */
.home-head{margin-bottom:12px}
.home-head h1{font-size:30px;line-height:1.25;margin-bottom:6px}
.home-top-main > .section-label:first-child{margin-top:18px}


.home-sub{font-family:var(--font-display);font-style:italic;color:var(--ink-secondary);font-size:14.5px;line-height:1.5}

/* ---------- bias legend ---------- */
.bias-legend{
  display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;
  font-family:var(--font-ui);font-size:11.5px;color:var(--ink-muted);
  line-height:1.4;margin-top:6px;
}
.bl-key{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.bl-swatch{width:8px;height:8px;flex:none}
.bias-legend-note{flex-basis:100%;margin-top:2px}
.bias-legend-note a{
  color:var(--accent-ink);
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:.5px;
}
.bias-legend-note a:hover{text-decoration-thickness:1px}

.section-label{
  display:flex;align-items:center;gap:10px;
  font-family:var(--font-ui);
  font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);
  margin:20px 0 5px;font-weight:600;
  border-top:2px solid var(--ink);
  padding:5px 0;
  justify-content:space-between; flex-wrap:wrap;

}

/* ---------- home blindspot rail ---------- */
.home-top{display:grid;grid-template-columns:1fr 250px;gap:40px;align-items:start}
.home-top.single-col{grid-template-columns:1fr}
.home-top-main{min-width:0}
.bs-aside{border-left:1px solid var(--ink);padding-left:24px}
.bs-aside[hidden]{display:none}
.bs-aside-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.bs-aside-head h2{font-family:var(--font-ui);font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.bs-aside-sub{font-size:11.5px;color:var(--ink-muted);line-height:1.4;margin-top:6px;padding-bottom:16px;border-bottom:0.5px solid var(--border)}
.bs-mini-group{padding-top:16px}
.bs-mini-group h3{
  font-family:var(--font-ui);font-size:11px;text-transform:uppercase;letter-spacing:.04em;
  font-weight:600;margin-bottom:2px;
}
.bs-mini-group.izq h3{color:var(--izq-ink)}
.bs-mini-group.der h3{color:var(--der-ink)}
.bs-mini-item{
  display:block;width:100%;text-align:left;padding:12px 0;border-top:0.5px solid var(--border);
}
.bs-mini-item:hover .bs-mini-title{color:var(--accent-ink)}
.bs-mini-top{display:flex;align-items:baseline;gap:7px}
.bs-mini-pct{font-family:var(--font-display);font-size:14px;font-weight:600}
.bs-mini-group.izq .bs-mini-pct{color:var(--izq-ink)}
.bs-mini-group.der .bs-mini-pct{color:var(--der-ink)}
.bs-mini-cat{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted)}
.bs-mini-title{
  font-family:var(--font-display);font-size:14px;line-height:1.35;margin-top:4px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.bs-mini-meta{font-size:11px;color:var(--ink-muted);margin-top:5px}
.bs-mini-empty{font-size:12px;color:var(--ink-muted);padding:12px 0;font-style:italic}
.bs-aside-link{
  display:inline-block;margin-top:16px;font-size:12px;color:var(--ink-secondary);
  border-top:0.5px solid var(--border);padding-top:14px;width:100%;
  font-family:var(--font-ui);
}
.bs-aside-link:hover{color:var(--accent-ink)}
@media (max-width:900px){
  .home-top{grid-template-columns:1fr}
  .bs-aside{border-left:none;border-top:1px solid var(--ink);padding-left:0;padding-top:20px;margin-top:8px}
}

@media (max-width:520px){
  .bias-legend-inline{width:100%; margin-top:4px}
}
 
.bias-legend-inline{
  display:inline-flex; align-items:center; gap:12px;
  font-size:10.5px; font-weight:400;
  text-transform:none; letter-spacing:0;
  color:var(--ink-muted);
}

/* ---------- card ---------- */
.card{
  background:var(--bg-elevated);border:0.5px solid var(--border);border-radius:0;
  overflow:hidden;display:flex;flex-direction:column;
}
.card-top{display:flex;flex-direction:column}

.card-media {
  position: relative;
  aspect-ratio: 16/8.4;
  display: flex;
  align-items: flex-end;
  padding: 0;
  background: var(--cat-tint, var(--bg-sunken));
  border: none;
  border-right: none;
  overflow: hidden;
}
.card.hero .card-media{aspect-ratio:16/6.6}
@media (min-width:700px){
  .card.hero .card-top{flex-direction:row;align-items:stretch}
  .card.hero .card-media{width:38%;aspect-ratio:auto;flex:none}
  .card.hero .card-body{flex:1;padding:20px 26px 22px;justify-content:center}
  .card.hero .desglose-panel{padding:0 26px 22px}
}
.card-media-icon{
  position:absolute;right:-8px;bottom:-14px;width:96px;height:96px;opacity:.15;
  display:flex;align-items:center;justify-content:center;pointer-events:none;
}
.card-media-icon svg{width:100%;height:100%;stroke:var(--ink);fill:none;stroke-width:1}
.card.hero .card-media-icon{width:120px;height:120px;right:-10px;bottom:-18px}
.blindspot-tag{
  align-self:flex-start;display:flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;
  border-radius:5px;font-size:11px;font-weight:500;color:#fff;
  font-family:var(--font-ui);
}
.blindspot-tag svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2}
.bs-izq{background:var(--izq)}
.bs-der{background:var(--der)}
.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.card-cat, .row-cat, .bs-card-cat, .related-cat{
  display:flex;align-items:center;gap:8px;
  font-family:var(--font-ui);
  font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-secondary);
}
.card-cat::after, .row-cat::after, .bs-card-cat::after, .related-cat::after{
  content:"";flex:1;height:1px;background:var(--border-strong);min-width:14px;
}
.card-title{font-family:var(--font-display);font-size:17px;line-height:1.32;cursor:pointer}
.card.hero .card-title{font-size:24px;line-height:1.28}
.card-title:hover{color:var(--accent-ink)}
.card-meta{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-muted);font-family:var(--font-ui)}
.bias-bar-mini{display:flex;height:10px;border-radius:0;overflow:hidden;background:var(--bg-sunken);gap:1px;clip-path:inset(0 100% 0 0)}
.bias-bar-mini span{display:flex;align-items:center;justify-content:center;overflow:hidden;height:100%;border-radius:0}
.bias-bar-mini span em{font-style:normal;font-size:9px;font-weight:600;color:#fff;letter-spacing:.01em;white-space:nowrap;padding:0 4px;font-family:var(--font-ui)}
.bias-bar-mini.hero{height:12px}
.bias-bar-mini.hero span em{font-size:10.5px}
.card-foot{
  display:flex;align-items:center;justify-content:space-between;margin-top:auto;
  padding-top:10px;border-top:0.5px solid var(--border);
}
.desglose-btn{
  display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-secondary);
  padding:4px 2px;font-family:var(--font-ui);
}
.desglose-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;transition:transform .15s}
.desglose-btn.open svg{transform:rotate(180deg)}
.desglose-btn:hover{color:var(--ink)}
.open-detail-link{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--ink-muted);cursor:pointer;font-family:var(--font-ui)}
.open-detail-link:hover{color:var(--accent-ink)}
.open-detail-link svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8}

.desglose-panel{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}
.desglose-panel.open{display:grid}
.card .desglose-panel{padding:0 16px 16px}

.row-list{display:block}
.row-card{
  display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;
  padding:18px 6px;border-top:0.5px solid var(--border);
}
.row-list .row-card:last-child{border-bottom:0.5px solid var(--border)}
.row-media{
  position:relative;width:92px;height:92px;border-radius:0;flex:none;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:var(--cat-tint, var(--bg-sunken));
}
.row-media svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.7}
.cat-politica{--cat-tint:color-mix(in srgb, #5B6EE8 14%, var(--bg-sunken))}
.cat-economia{--cat-tint:color-mix(in srgb, #C0842A 14%, var(--bg-sunken))}
.cat-sociedad{--cat-tint:color-mix(in srgb, #2E9E8F 14%, var(--bg-sunken))}
.cat-cultura{--cat-tint:color-mix(in srgb, #A0529E 14%, var(--bg-sunken))}
.cat-medioambiente{--cat-tint:color-mix(in srgb, #4C9A4C 14%, var(--bg-sunken))}
.cat-ciencia{--cat-tint:color-mix(in srgb, #7A5CC2 14%, var(--bg-sunken))}
.cat-deportes{--cat-tint:color-mix(in srgb, #C2542E 14%, var(--bg-sunken))}
.row-body{min-width:0;display:flex;flex-direction:column;gap:7px}
.row-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.row-title{font-family:var(--font-display);font-size:16.5px;line-height:1.32;cursor:pointer;text-wrap:pretty}
.row-title:hover{color:var(--accent-ink)}
.row-meta{display:flex;align-items:center;gap:12px}
.row-meta .card-meta{white-space:nowrap}
.row-meta .bias-bar-mini{flex:1;max-width:320px;min-width:160px}
.row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:none}
.row-card .desglose-panel{grid-column:1 / -1;margin-top:14px}
@media (max-width:640px){
  .row-card{grid-template-columns:64px 1fr;grid-template-areas:"media body" "panel panel"}
  .row-media{width:64px;height:64px;grid-area:media}
  .row-body{grid-area:body}
  .row-actions{grid-column:1 / -1;flex-direction:row;justify-content:space-between;margin-top:6px}
  .row-card .desglose-panel{grid-area:panel}
}

/* ---------- detail ---------- */
.back-btn{
  display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-secondary);
  margin-bottom:20px;padding:6px 4px;font-family:var(--font-ui);
}
.back-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.back-btn:hover{color:var(--ink)}
.detail-cat{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-ink);font-weight:500;font-family:var(--font-ui)}
.detail-head h1{font-size:34px;line-height:1.22;margin:8px 0 12px}
.dek{font-family:var(--font-display);font-size:16px;color:var(--ink-secondary);line-height:1.6}
.detail-meta{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;color:var(--ink-muted);font-family:var(--font-ui)}
.tag-pill{
  display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:5px;font-size:11.5px;font-weight:500;color:#fff;
  font-family:var(--font-ui);
}

@media (min-width:640px){
  .dek{text-align:justify;hyphens:auto}
  .dek::first-letter{
    font-family:var(--font-display); font-size:52px; line-height:.8;
    float:left; padding:4px 8px 0 0; font-weight:700; color:var(--ink);
  }
}

.ia-summary{margin-top:32px;background:var(--bg-elevated);border:0.5px solid var(--border);border-radius:0;padding:22px}
.ia-summary-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.ia-summary-head h2{font-size:19px}
.ia-badge{
  display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--accent-ink);
  background:var(--accent-bg);padding:5px 11px;border-radius:6px;font-family:var(--font-ui);
}
.ia-badge svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8}
.ia-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;font-family:var(--font-ui)}
.ia-tab{padding:8px 15px;border-radius:0;font-size:13px;border:0.5px solid var(--border-strong);color:var(--ink-secondary);background:var(--bg-elevated)}
.ia-tab:hover{background:var(--bg-sunken);color:var(--ink)}
.ia-tab-sep{width:0.5px;height:20px;background:var(--border-strong);margin:0 2px}
.ia-tab[data-side="izquierda"].active{background:var(--izq);border-color:var(--izq);color:#fff}
.ia-tab[data-side="centro"].active{background:var(--cen);border-color:var(--cen);color:#fff}
.ia-tab[data-side="derecha"].active{background:var(--der);border-color:var(--der);color:#fff}
.ia-tab-compare.active{background:var(--accent);border-color:var(--accent);color:#fff}
.ia-panel-single{border-radius:0;padding:18px 20px}
.ia-panel-single h3{font-family:var(--font-ui);font-size:13px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:12px}
.ia-panel-single ul{display:flex;flex-direction:column;gap:11px;font-size:14.5px;line-height:1.6}
.ia-panel-single li{padding-left:16px;position:relative}
.ia-panel-single li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55}
.ia-disclaimer{margin-top:16px;font-size:11.5px;color:var(--ink-muted);font-style:italic;font-family:var(--font-display)}
#ia-disclaimer-single{display:none}

.ia-compare-scroll{overflow-x:auto}
.ia-compare-head,.ia-compare-row{  display:grid;
  grid-template-columns:1.3fr minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  min-width:520px;}
.ia-compare-head{padding-bottom:10px;border-bottom:0.5px solid var(--border-strong);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-family:var(--font-ui)}
.ia-compare-head .h-izq{color:var(--izq-ink)}
.ia-compare-head .h-cen{color:var(--cen-ink)}
.ia-compare-head .h-der{color:var(--der-ink)}
.ia-compare-row{padding:13px 0;border-bottom:0.5px solid var(--border)}
.ia-compare-row:last-child{border-bottom:none}
.ia-compare-aspecto{font-size:13.5px;font-weight:500;padding-top:1px}
.ia-compare-cell { min-width:0;overflow-wrap:break-word }
.estado-absent { color: var(--ink-muted); font-style: italic; }
.estado-minimal,
.estado-mentioned { color: var(--ink-secondary); }
.estado-dominant { font-weight: 600; }
.ia-compare-cell.izq.estado-dominant { color: var(--izq-ink); }
.ia-compare-cell.cen.estado-dominant { color: var(--cen-ink); }
.ia-compare-cell.der.estado-dominant { color: var(--der-ink); }


.metric-block{background:var(--bg-elevated);border:0.5px solid var(--border);border-radius:0;padding:18px 20px}
.metric-block-full{margin-top:20px}
.metric-label-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink-secondary);margin-bottom:12px;font-family:var(--font-ui)}
.metric-value{font-weight:500;color:var(--ink)}
.bias-bar-lg{display:flex;height:8px;border-radius:0;overflow:hidden}
.bias-bar-lg span{display:block;height:100%}
.bias-legend-row{display:flex;gap:16px;margin-top:10px;font-size:12.5px;flex-wrap:wrap;font-family:var(--font-ui)}
.bl-item{display:flex;align-items:center;gap:6px;color:var(--ink-secondary)}
.bl-item::before{content:"";width:8px;height:8px;border-radius:50%}
.bl-note{font-size:11.5px;color:var(--ink-muted);margin-top:6px;line-height:1.4;font-family:var(--font-ui)}
.bl-izq::before{background:var(--izq)}
.dist-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;padding-top:16px;border-top:0.5px solid var(--border)}
.dist-col-count{font-size:12px;font-weight:500;color:var(--ink-secondary);margin-bottom:8px;font-family:var(--font-ui)}
.dist-col-izq .dist-col-count{color:var(--izq-ink)}
.dist-col-cen .dist-col-count{color:var(--cen-ink)}
.dist-col-der .dist-col-count{color:var(--der-ink)}
.dist-col-note{font-size:10.5px;color:var(--ink-muted);margin:-6px 0 8px;line-height:1.4;font-family:var(--font-ui)}
.dist-outlets{display:flex;flex-direction:column;gap:7px}
.dist-row-neutral{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;
  margin-top:14px;padding-top:14px;border-top:0.5px dashed var(--border);
}
.dist-row-neutral .dist-col-count{margin-bottom:0}
.dist-row-neutral .dist-col-note{margin:0}
.dist-row-neutral .dist-outlets-row{display:flex;flex-wrap:wrap;gap:6px 14px;flex:1 0 100%}
.outlet-chip{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-secondary);font-family:var(--font-ui)}
.outlet-chip-mono{
  position:relative;width:18px;height:18px;border-radius:50%;overflow:hidden;
  display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;flex:none;
}
.outlet-chip-mono img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.dist-col-izq .outlet-chip-mono{background:var(--izq-bg);color:var(--izq-ink)}
.dist-col-cen .outlet-chip-mono{background:var(--cen-bg);color:var(--cen-ink)}
.dist-col-der .outlet-chip-mono{background:var(--der-bg);color:var(--der-ink)}
.dist-row-neutral .outlet-chip-mono{background:var(--bg-sunken);color:var(--ink-secondary)}
.bl-cen::before{background:var(--cen)}
.bl-der::before{background:var(--der)}
.bl-item b{color:var(--ink);font-weight:500}

.source-tabs{display:flex;gap:6px;margin-top:10px;border-bottom:0.5px solid var(--border);padding-bottom:0;font-family:var(--font-ui)}
.stab{padding:9px 4px;font-size:14px;color:var(--ink-muted);border-bottom:2px solid transparent;margin-right:16px}
.stab:hover{color:var(--ink-secondary)}
.stab.active{color:var(--ink);border-color:var(--accent);font-weight:500}
.source-list{display:flex;flex-direction:column;margin-top:6px}
.source-list-head{
  font-family:var(--font-display);font-size:19px;
  margin-top:14px;
  padding-top:14px;
  border-top:2px solid var(--ink);
}
.source-row{
  display:grid;grid-template-columns:168px 1fr auto;gap:16px;align-items:center;
  padding:16px 6px;border-bottom:0.5px solid var(--border);
}
.source-outlet{display:flex;flex-direction:column;gap:5px;min-width:0}
.outlet-name-row{display:flex;align-items:center;gap:7px}
.outlet-dot{width:8px;height:8px;border-radius:50%;flex:none}
.outlet-name{font-size:14px;font-weight:500;font-family:var(--font-ui)}
.outlet-owner{font-size:11.5px;color:var(--ink-muted);line-height:1.4;font-family:var(--font-ui)}
.source-headline{min-width:0}
.source-headline a{font-size:14.5px;line-height:1.4;display:flex;align-items:center;gap:6px;font-family:var(--font-ui)}
.source-headline a:hover{color:var(--accent-ink)}
.source-headline a svg{width:12px;height:12px;stroke:var(--ink-muted);fill:none;stroke-width:1.8;flex:none}
.fact-badge{
  font-family:var(--font-mono);font-size:12.5px;font-weight:500;padding:5px 10px;border-radius:7px;
  white-space:nowrap;text-align:center;min-width:58px;
}
.fact-good{background:var(--fact-good-bg);color:var(--fact-good)}
.fact-mid{background:var(--fact-mid-bg);color:var(--fact-mid)}
.fact-low{background:var(--fact-low-bg);color:var(--fact-low)}

/* ---------- blindspot ---------- */
.bs-controls{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.segmented{display:flex;background:var(--bg-sunken);border-radius:99px;padding:3px;font-family:var(--font-ui)}
.seg{padding:7px 16px;border-radius:99px;font-size:13px;color:var(--ink-secondary)}
.seg.active{background:var(--bg-elevated);color:var(--ink);font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.info-btn{
  width:26px;height:26px;border-radius:50%;border:0.5px solid var(--border-strong);color:var(--ink-muted);
  font-family:var(--font-display);font-size:13px;display:flex;align-items:center;justify-content:center;
}
.info-btn:hover{color:var(--ink);border-color:var(--ink-muted)}
.bs-note{
  margin-top:14px;padding:12px 16px;background:var(--accent-bg);color:var(--accent-ink);
  border-radius:0;font-size:13.5px;line-height:1.55;width:100%;box-sizing:border-box;
  font-family:var(--font-ui);
}
.bs-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:26px;margin-top:26px}
.bs-divider{width:1px;background:var(--border-strong);align-self:stretch}
.bs-col{text-align:center}
.bs-col h2{font-size:22px;margin-bottom:3px}
.bs-col-izq h2{color:var(--izq-ink)}
.bs-col-der h2{color:var(--der-ink)}
.bs-col-sub{font-size:13px;color:var(--ink-muted);margin-bottom:16px;font-family:var(--font-ui)}
.bs-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.bs-empty{font-size:13px;color:var(--ink-muted);padding:14px 0;grid-column:1 / -1;font-family:var(--font-ui)}
.bs-card{
  background:var(--bg-elevated);border:0.5px solid var(--border);border-radius:0;
  padding:14px 15px 16px;display:flex;flex-direction:column;gap:9px;cursor:pointer;
}
.bs-card:hover{border-color:var(--border-strong)}
.bs-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bs-pct{display:flex;align-items:baseline;gap:4px}
.bs-pct .num{font-family:var(--font-display);font-size:22px;line-height:1}
.bs-pct .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted);font-family:var(--font-ui)}
.bs-pct-izq .num{color:var(--izq-ink)}
.bs-pct-der .num{color:var(--der-ink)}
.bs-card-icon svg{width:16px;height:16px;stroke:var(--ink-muted);fill:none;stroke-width:1.6}
.bs-card-title{
  font-family:var(--font-display);font-size:14.5px;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.bs-card:hover .bs-card-title{color:var(--accent-ink)}
.bs-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:2px}
.bs-card-foot .tnum{font-size:11.5px;color:var(--ink-muted);font-family:var(--font-ui)}
@media (max-width:480px){
  .bs-list{grid-template-columns:1fr}
}
@media (max-width:640px){
  .desglose-panel{grid-template-columns:1fr}
}
@media (max-width:900px){
  .masthead-top{padding:calc(8px + env(safe-area-inset-top)) 16px 8px}
  .nav{padding:0 16px;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .nav-main{flex-wrap:nowrap}
  .nav-item{scroll-snap-align:start;white-space:nowrap}
  .nav-item + .nav-item{border-left:0.5px solid var(--border)}
  .nav-item span:last-child{white-space:nowrap}
  .legend{display:none}
  .content{padding:22px 16px 48px}
  .site-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom))}
  .dist-columns{grid-template-columns:1fr}
  .bs-columns{grid-template-columns:1fr}
  .bs-divider{width:100%;height:1px;margin:4px 0}
  .source-row{grid-template-columns:1fr;gap:8px}
}
.card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.curve-svg{width:100%;height:auto;display:block;margin:12px 0 6px}
.curve-lag{font-size:13.5px;color:var(--ink-secondary);line-height:1.5;margin-bottom:4px;font-family:var(--font-ui)}
.curve-lag b{color:var(--ink);font-weight:600}
.curve-note{padding-top:10px;font-size:11.5px;color:var(--ink-muted);line-height:1.4;font-family:var(--font-ui)}

.dg-box{
  background:var(--bg-elevated);
  border:0.5px solid var(--border);
  border-top:3px solid currentColor;
  border-radius:0;
  padding:14px 14px 12px;
  font-size:12.5px;
  line-height:1.5;
  font-family:var(--font-ui);
  min-width:0;
  overflow-wrap:break-word;
  word-break:break-word;
}
.dg-izq{color:var(--izq-ink);border-top-color:var(--izq)}
.dg-cen{color:var(--cen-ink);border-top-color:var(--cen)}
.dg-der{color:var(--der-ink);border-top-color:var(--der)}

.dg-head{
  display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;
  gap:6px 8px;margin-bottom:9px;
  padding-bottom:7px;border-bottom:0.5px solid var(--border);
}
.dg-head h5{min-width:0;overflow-wrap:break-word}
.dg-count{min-width:0;white-space:nowrap}
.dg-head h5{
  font-size:11px;text-transform:uppercase;letter-spacing:.06em;
  font-weight:600;margin:0;
}
.dg-count{font-size:12px;opacity:.7;font-weight:500}

.dg-box ul{display:flex;flex-direction:column;gap:7px;min-width:0}
.dg-box li{padding-left:13px;position:relative;overflow-wrap:break-word}
.dg-box li::before{
  content:"";position:absolute;left:0;top:9px;
  width:6px;height:1.5px;background:currentColor;opacity:.45;
}
.dg-empty{font-style:italic;opacity:.6;font-size:12px}

.related{margin-top:40px;padding-top:24px;border-top:2px solid var(--ink)}
.related-head{
  font-family:var(--font-ui);font-size:13px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ink-muted);font-weight:600;margin-bottom:14px;
}
.related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px}
.related-item{
  display:flex;flex-direction:column;gap:5px;
  padding:14px 12px;border-radius:0;
}
.related-item:hover{background:var(--bg-sunken)}
.related-title{
  font-family:var(--font-display);font-size:15px;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.related-item:hover .related-title{color:var(--accent-ink)}
.related-meta{font-size:11.5px;color:var(--ink-muted);margin-top:auto;font-family:var(--font-ui)}