/* SKIN «Rotativo clásico» — NYT / Chicago Tribune.
   Blanco puro, tinta casi negra, filetes FINOS (hairlines) por todas partes,
   cabecera centrada con nameplate serif clásico, secciones en versalitas Franklin,
   fotos a color protagonistas, rojo de rotativa solo en el «4», enlaces. Sobrio y denso. */

body{background:#fff;}
.wrap{max-width:1200px;}

/* Topbar de servicio con hairline */
.topbar{background:#fff;color:var(--muted);border-bottom:1px solid var(--border);font-size:11px;}
.topbar a{color:var(--ink);}

/* Nameplate gótico centrado, doble hairline debajo */
.masthead{background:#fff;padding:26px 24px 10px;border-bottom:1px solid var(--ink);position:relative;}
.masthead::after{content:"";display:block;position:absolute;left:0;right:0;bottom:3px;border-bottom:1px solid var(--ink);}
.masthead .wrap{flex-direction:column;align-items:center;gap:2px;}
.wordmark{font-family:var(--display);font-weight:700;font-size:clamp(44px,7vw,72px);border-left:none;padding-left:0;letter-spacing:-.01em;}
.wordmark .four{color:var(--accent);}
.motto{text-align:center;max-width:none;font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);}

/* Nav: versalitas Franklin, centrada, hairline */
.mainnav{background:#fff;border-top:none;border-bottom:1px solid var(--border);}
.mainnav .wrap{justify-content:center;gap:2px;padding:8px 24px;}
.mainnav a{font-size:11.5px;letter-spacing:.1em;color:var(--ink);padding:6px 12px;border-bottom:none;}
.mainnav a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px;border-bottom:none;}
.mainnav .search-link{margin-left:0;}

/* Titulares: serif clásica, pesos moderados; enlaces azul marino discreto */
h1,h2,h3{font-weight:700;letter-spacing:0;}
.deck{font-style:normal;color:#444;}
.card h3 a:hover,.lead h1 a:hover,.hero-side h3 a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}

/* Retícula de columnas con hairlines verticales (sin cajas ni sombras) */
.grid{background:transparent;border:none;gap:0;}
.card{background:#fff;padding:4px 20px 20px;border-right:1px solid var(--border);}
.card:hover{outline:none;}
.card:last-child{border-right:none;}
.card .deck{color:#555;}
.kicker{color:var(--accent);font-size:11px;letter-spacing:.14em;}
.badge{border-radius:0;background:#fff;border:1px solid var(--ink);}
.badge-contraste{background:var(--ink);color:#fff;border:none;}

/* Portada: héroe con hairlines, jerarquía tipográfica */
.hero{border-bottom:1px solid var(--ink);padding-bottom:24px;}
.lead h1{font-weight:700;font-size:clamp(32px,4.4vw,50px);line-height:1.06;}
.lead .deck{font-size:1.1rem;color:#444;}
.hero-side{border-left:1px solid var(--border);}
.hero-side .mini{border-bottom:1px solid var(--border);}
.section-head{border-bottom:1px solid var(--ink);gap:10px;}
.section-head h1,.section-head h2{font-family:var(--ui);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;}
.section-head .more{color:var(--accent);}
.sidebar h2,.sidebar h3{border-bottom:1px solid var(--ink);}
.sidebar ol li{border-bottom:1px solid var(--border);}

/* Nota: medida clásica, byline en versalitas, SIN capitular (sobriedad NYT) */
.article .body p:first-of-type::first-letter{all:unset;}
.article .byline{text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;border-color:var(--border);}
.article .body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
.article .body blockquote{border-left:1px solid var(--ink);font-size:1.35rem;color:#333;}
.contrast-band{background:#fff;color:var(--ink);border:none;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);border-left:none;border-image:none;padding:24px 0;}
.contrast-band h1,.contrast-band .deck{color:var(--ink);}
.contrast-band .kicker{color:var(--accent);}
.contrast-band .byline{color:var(--muted);border-color:var(--border);}
.contrast-band .byline a{color:var(--ink);}
.methodology{background:var(--fill);color:var(--ink);border-top:1px solid var(--ink);}
.methodology h3,.methodology a{color:var(--ink);}
.methodology .src{border-top:1px solid var(--border);}
.methodology .src .num{color:var(--accent);}
.methodology .metodo{color:var(--muted);}

/* Botones sobrios, footer claro con hairlines */
.btn,.comment-form button,.foot-news button{background:var(--ink);color:#fff;border-radius:3px;font-weight:600;}
.btn:hover,.comment-form button:hover{background:var(--accent);}
.comment-form input,.comment-form textarea,.foot-news input{border:1px solid var(--border);}
.site-footer{background:#fff;color:var(--muted);border-top:2px solid var(--ink);}
.site-footer h3{color:var(--ink);}
.site-footer h3 .four{color:var(--accent);}
.site-footer h4{color:var(--ink);}
.site-footer a{color:var(--muted);} .site-footer a:hover{color:var(--accent);}
.foot-legal{border-top:1px solid var(--border);}
.pagination a{color:var(--accent);}
.announcement{background:var(--fill);color:var(--ink);border-bottom:1px solid var(--border);}