/*
Theme Name: La Opinión Nacional
Theme URI: https://laopinionnacional.com.ar
Author: La Hilandería Medios
Description: Tema del diario La Opinión Nacional. Un mismo tema para las ediciones Argentina, Uruguay y Paraguay; la edición se elige en Apariencia › Personalizar › La Opinión Nacional.
Version: 1.8.2
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: lon
*/

@font-face{font-family:'UnifrakturMaguntia';src:url(assets/fonts/UnifrakturMaguntia.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Old Standard TT';src:url(assets/fonts/OldStandard-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Old Standard TT';src:url(assets/fonts/OldStandard-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Old Standard TT';src:url(assets/fonts/OldStandard-Italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Libre Caslon Text';src:url(assets/fonts/LibreCaslonText.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Condensed';src:url(assets/fonts/IBMPlexSansCondensed-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans Condensed';src:url(assets/fonts/IBMPlexSansCondensed-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Libre Caslon Text';src:url(assets/fonts/LibreCaslonText-Italic.woff2) format('woff2');font-weight:400 700;font-style:italic;font-display:swap}

:root{
  --papel:#F6F1E6;
  --tinta:#1A1A1A;
  --sepia:#5A4A2F;
  --gris:#3B3428;
  --filete:#C9BFA8;
  --foto:#D9D1BF;
  --acento:#6CACE4;
  --marca:#12355B;
  --sans:'IBM Plex Sans Condensed','Arial Narrow',sans-serif;
  --gotica:'UnifrakturMaguntia',serif;
  --romana:'Old Standard TT',Georgia,serif;
  --texto:'Libre Caslon Text',Georgia,serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--texto);-webkit-font-smoothing:antialiased}
a{color:var(--tinta);text-decoration:none}
a:hover{color:var(--marca)}
img{max-width:100%;height:auto;display:block}
.contenedor{max-width:1200px;margin:0 auto;padding:0 24px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Barra superior */
.barra{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-family:var(--sans);font-size:14px;color:var(--marca)}
.datos-barra{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px;font-size:13px;color:var(--tinta)}
.datos-barra li{white-space:nowrap}
.datos-barra .etq{color:var(--sepia)}
.datos-barra strong{color:var(--marca);font-weight:600}
.slogan{margin:4px 0 0;text-align:center;font-family:var(--romana);font-style:italic;font-size:19px;color:var(--marca)}
.ediciones{display:flex;gap:18px;flex-wrap:wrap;font-weight:600}
.ediciones a{color:var(--marca);padding:4px 0;border-bottom:3px solid transparent}
.ediciones a.activa{border-bottom-color:var(--acento)}

/* Cabezal */
.cabezal{text-align:center;padding:18px 0 0;border-top:4px double var(--marca)}
.cabezal .marca{margin:0;font-family:var(--gotica);font-weight:400;font-size:clamp(44px,8vw,104px);line-height:1.05}
.cabezal .marca a,.cabezal .marca a:hover{color:var(--marca)}
.bajada-edicion{margin-top:10px;padding:6px 0 14px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--marca)}
.bajada-edicion .marca-color{display:inline-block;width:40px;height:5px;background:var(--acento)}
.secciones{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;padding:12px 16px;background:var(--marca);font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.secciones a{color:var(--papel)}
.secciones a:hover{color:var(--acento)}
.secciones ul{list-style:none;margin:0;padding:0;display:contents}
.secciones li{display:inline}

/* Antetítulos y títulos */
.ante{margin:0 0 6px;font-family:var(--sans);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--marca)}
.ante a{color:var(--marca)}
.titulo{margin:0;font-family:var(--romana);font-weight:700;line-height:1.18}
.copete{font-style:italic;color:var(--gris);line-height:1.5}
.rotulo{margin:0 0 12px;font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--marca);border-bottom:3px double var(--marca);padding-bottom:8px}
.rotulo a{color:var(--marca)}

/* Portada */
.portada{display:flex;flex-wrap:wrap;gap:32px;padding-top:28px}
.principal{flex:999 1 560px;min-width:0}
.principal .titulo{font-size:clamp(30px,4vw,46px);line-height:1.12}
.principal .copete{font-size:19px;margin:14px 0 18px}
.principal .foto img{width:100%;aspect-ratio:16/9;object-fit:cover}
.principal .resumen{margin:16px 0 0;font-size:17px;line-height:1.65;column-count:2;column-gap:28px;column-rule:1px solid var(--filete)}
.lateral{flex:1 1 300px;min-width:0;border-left:1px solid var(--tinta);padding-left:24px}
.lateral .item{padding:12px 0;border-bottom:1px solid var(--filete)}
.lateral .item h3{margin:0;font-family:var(--romana);font-size:20px;line-height:1.25}
.lateral .firma{margin:6px 0 0;font-style:italic;font-size:14px;color:var(--sepia)}
.lateral ol{margin:0;padding-left:22px;font-family:var(--romana);font-size:17px;line-height:1.45}
.lateral ol li{padding:6px 0}
.lateral .bloque+.bloque{margin-top:24px}

.franja{border-top:3px double var(--marca);margin-top:32px;padding-top:22px}
.grilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.tarjeta .foto img{width:100%;aspect-ratio:3/2;object-fit:cover}
.tarjeta .ante{margin-top:12px}
.tarjeta .titulo{font-size:22px;line-height:1.22}
.regiones-lista{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--filete);font-family:var(--sans);font-size:15px}
.regiones-lista a{color:var(--marca)}

/* Nota */
.nota{max-width:780px;margin:0 auto;padding:32px 0}
.nota .titulo{font-size:clamp(30px,4.5vw,48px);line-height:1.1}
.nota .copete{font-size:20px;margin:16px 0}
.nota .meta{font-family:var(--sans);font-size:14px;color:var(--marca);border-top:1px solid var(--marca);border-bottom:1px solid var(--marca);padding:8px 0;margin-bottom:22px;display:flex;flex-wrap:wrap;gap:6px 18px}
.nota .foto img{width:100%}
.cuerpo{font-size:19px;line-height:1.72;margin-top:22px}
.cuerpo p:first-of-type::first-letter{font-family:var(--gotica);color:var(--marca);float:left;font-size:66px;line-height:.9;padding:6px 8px 0 0}
.cuerpo h2{font-family:var(--romana);font-size:26px}
.compartir{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.compartir a{border:1px solid var(--marca);color:var(--marca);padding:8px 14px;font-family:var(--sans);font-weight:600;font-size:14px}
.relacionadas{border-top:3px double var(--marca);padding-top:20px;margin-top:20px}

/* Archivo */
.encabezado-archivo{padding:28px 0 8px;border-bottom:3px double var(--marca)}
.encabezado-archivo h1{margin:0;font-family:var(--romana);font-size:clamp(28px,4vw,42px)}
.paginacion{display:flex;justify-content:center;gap:8px;margin:36px 0;font-family:var(--romana)}
.paginacion .page-numbers{border:1px solid var(--tinta);padding:6px 12px}
.paginacion .current{background:var(--marca);border-color:var(--marca);color:var(--papel)}

/* Sponsors */
.sponsors{margin-top:40px;border-top:1px solid var(--tinta);border-bottom:1px solid var(--tinta);overflow:hidden;padding:14px 0}
.sponsors .pista{display:flex;gap:56px;align-items:center;width:max-content;animation:desliza 40s linear infinite}
.sponsors img{height:46px;width:auto;filter:grayscale(1);opacity:.85}
.sponsors img:hover{filter:none;opacity:1}
@keyframes desliza{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sponsors .pista{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}

/* Pie */
.pie{margin-top:32px;padding:26px 0 36px;border-top:4px double var(--marca)}
.pie-cabeza{text-align:center}
.pie .marca{margin:0;font-family:var(--gotica);font-size:38px;color:var(--marca)}
.pie .lema{margin:4px 0 0;font-family:var(--sans);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--sepia)}
.pie-columnas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px 32px;margin-top:26px;padding:22px 0;border-top:1px solid var(--filete);border-bottom:1px solid var(--filete)}
.pie-columnas h2{margin:0 0 10px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--marca)}
.pie-columnas h2::before{content:"";display:inline-block;width:10px;height:3px;background:var(--acento);margin-right:6px;vertical-align:middle}
.pie-columnas ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-family:var(--romana);font-size:15px}
.pie-columnas ul+ul{margin-top:6px}
.pie-columnas p{margin:0 0 6px;font-family:var(--romana);font-size:15px;overflow-wrap:anywhere}
.pie-columnas a{color:var(--tinta)}
.pie-columnas a:hover{color:var(--marca);text-decoration:underline}
.pie .producto{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:22px;font-family:var(--romana);font-size:13px;color:var(--sepia)}
.pie .producto img{height:44px;width:auto}
.pie .legal{margin:14px auto 0;max-width:820px;text-align:center;font-family:var(--sans);font-size:12px;line-height:1.5;color:var(--sepia)}
.pie .legal a{color:var(--marca)}

/* Búsqueda */
.buscador{display:flex;gap:8px;margin:18px 0}
.buscador input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--tinta);background:#fff;font-family:var(--texto);font-size:16px}
.buscador button{padding:10px 16px;border:1px solid var(--marca);background:var(--marca);color:var(--papel);font-family:var(--romana);cursor:pointer}

@media (max-width:720px){
  .lateral{border-left:0;padding-left:0;border-top:1px solid var(--tinta);padding-top:16px}
  .principal .resumen{column-count:1}
  .barra{justify-content:center}
  .datos-barra{justify-content:center;font-size:12px;gap:2px 12px}
  .slogan{font-size:16px}
  .bajada-edicion{font-size:12px;letter-spacing:.08em;gap:8px}
  .bajada-edicion .marca-color{width:16px}
}

/* ---------- Home nacional ---------- */
.ultimo-momento{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--filete);font-family:var(--sans);font-size:14px;overflow:hidden}
.ultimo-momento .etiqueta{flex:none;background:var(--marca);color:var(--papel);border-left:4px solid var(--acento);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:12px;padding:4px 8px}
.ultimo-momento ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.ultimo-momento time{color:var(--marca);font-weight:600;margin-right:4px}
.apertura{display:flex;flex-wrap:wrap;gap:32px;padding-top:24px}
.apertura .principal{flex:999 1 560px;min-width:0}
.apertura .principal .foto img{width:100%;aspect-ratio:16/9;object-fit:cover}
.apertura .principal .ante{margin-top:14px}
.apertura .principal .titulo{font-size:clamp(30px,4vw,48px);line-height:1.1}
.apertura .principal .copete{font-size:19px;margin:12px 0 0}
.diario-home{flex:1 1 300px;min-width:0;max-width:420px;border-left:1px solid var(--marca);padding-left:24px}
.diario-tapa{display:block;box-shadow:0 1px 0 var(--filete),0 10px 24px rgba(18,53,91,.18);border:1px solid var(--filete);background:#fff}
.diario-tapa img{width:100%;height:auto}
.boton-diario{display:block;margin-top:16px;background:var(--marca);color:var(--papel);text-align:center;padding:14px 16px;font-family:var(--sans);font-weight:600;font-size:16px;letter-spacing:.04em}
.boton-diario:hover{background:#0c2742;color:var(--papel)}
.diario-peso{margin:8px 0 0;font-family:var(--sans);font-size:13px;color:var(--sepia);text-align:center}
.diario-peso a{color:var(--marca);text-decoration:underline}
.grilla.cuatro{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.mapa-regiones{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 24px}
.region-card{padding:12px 0;border-bottom:1px solid var(--filete);display:flex;flex-direction:column;gap:4px}
.region-card h3{margin:0;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.region-card h3 a{color:var(--marca)}
.region-card h3::before{content:"";display:inline-block;width:10px;height:3px;background:var(--acento);margin-right:6px;vertical-align:middle}
.region-titulo{font-family:var(--romana);font-weight:700;font-size:17px;line-height:1.25}
.region-card time,.region-vacia{font-family:var(--sans);font-size:12px;color:var(--sepia)}
.seccion-grilla{display:flex;flex-wrap:wrap;gap:28px}
.seccion-lead{flex:2 1 420px;min-width:0}
.seccion-lead .foto img{width:100%;aspect-ratio:16/9;object-fit:cover}
.seccion-lead .ante{margin-top:12px}
.seccion-lead .titulo{font-size:28px}
.seccion-lead .copete{font-size:17px}
.seccion-lista{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:18px}
.seccion-lista .tarjeta .foto img{aspect-ratio:16/9}
.seccion-lista .tarjeta .titulo{font-size:19px}
.seccion-grilla .lateral{flex:1 1 260px}
/* Menú de provincias */
.secciones{position:relative}
.menu-regiones{position:static}
.menu-regiones summary{cursor:pointer;color:var(--papel);list-style:none}
.menu-regiones summary::-webkit-details-marker{display:none}
.menu-regiones summary::after{content:" ▾"}
.menu-regiones[open] .panel-regiones{display:grid}
.panel-regiones{display:none;position:absolute;z-index:20;left:50%;transform:translateX(-50%);top:100%;width:min(880px,92vw);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 18px;background:var(--papel);border:1px solid var(--marca);border-top:4px solid var(--acento);padding:18px;text-align:left;text-transform:none;letter-spacing:0;font-weight:400;font-size:15px;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.panel-regiones a{color:var(--marca)}
/* Página del diario */
.diario-destacado{display:flex;flex-wrap:wrap;gap:36px;padding:28px 0;align-items:flex-start}
.diario-destacado .diario-tapa{flex:1 1 320px;max-width:520px}
.diario-datos{flex:1 1 280px}
.diario-datos .titulo{font-size:34px}
.diario-datos .boton-diario{display:inline-block;padding:14px 28px}
.diario-datos .diario-peso{text-align:left}
.grilla-tapas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px}
.tapa-chica img{width:100%;border:1px solid var(--filete)}
.tapa-chica span{display:block;margin-top:6px;font-family:var(--sans);font-size:13px;color:var(--marca)}
@media (max-width:720px){
  .diario-home{border-left:0;padding-left:0;max-width:none;border-top:1px solid var(--marca);padding-top:16px}
  .diario-home .diario-tapa{max-width:360px;margin:0 auto}
}

/* ---------- Ediciones dentro del sitio ---------- */
.item-lista{padding:10px 0;border-bottom:1px solid var(--filete)}
.item-lista h3{margin:0;font-family:var(--romana);font-size:18px;line-height:1.25}
.edicion-bloque .rotulo{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom-color:var(--acento-bloque,var(--marca))}
.edicion-bloque .rotulo::before{content:"";display:inline-block;width:14px;height:4px;background:var(--acento-bloque,var(--acento));margin-right:8px;vertical-align:middle}
.edicion-bloque .rotulo a:first-of-type{flex:1}
.ver-edicion{font-weight:600;letter-spacing:.04em;text-transform:none;font-size:13px}

/* ================================================================== */
/* Portada 2.0: estructura de gran diario nacional                     */
/* ================================================================== */
.cabezal .marca{font-size:clamp(40px,6.4vw,86px)}
.secciones{z-index:20}
body.fijo .secciones{position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px rgba(0,0,0,.18)}
body.fijo.admin-bar .secciones{top:32px}
@media (max-width:782px){body.fijo.admin-bar .secciones{top:46px}}
@media (max-width:680px){
  .secciones{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;white-space:nowrap;gap:0 20px}
  .secciones::-webkit-scrollbar{display:none}
}
.secciones .mini-marca{display:none;font-family:var(--gotica);font-weight:400;font-size:24px;letter-spacing:0;text-transform:none;color:var(--papel);margin-right:12px}
body.fijo .secciones .mini-marca{display:inline}

.h-rotulo{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--marca);padding-bottom:6px;border-bottom:2px solid var(--marca)}
.h-rotulo .punto{width:9px;height:9px;border-radius:50%;background:#C8102E;animation:late 1.6s ease-in-out infinite}
@keyframes late{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.h-rotulo .punto{animation:none}}

/* Notas */
.h-nota{min-width:0}
.h-foto{display:block;overflow:hidden;background:var(--foto)}
.h-foto img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .4s}
.h-nota:hover .h-foto img{transform:scale(1.03)}
.h-titulo{margin:10px 0 0;font-family:var(--romana);font-weight:700;line-height:1.2;font-size:21px}
.h-titulo a{color:var(--tinta)}
.h-titulo a:hover{color:var(--marca)}
.h-volanta{color:var(--marca)}
.h-copete{margin:8px 0 0;font-family:var(--texto);font-size:16px;line-height:1.5;color:var(--gris)}
.h-meta{margin:8px 0 0;font-family:var(--sans);font-size:12px;letter-spacing:.04em;color:var(--sepia)}
.h-lead .h-foto img{aspect-ratio:16/9}
.h-lead .h-titulo{font-size:clamp(28px,3.4vw,42px);line-height:1.1;margin-top:14px}
.h-lead .h-copete{font-size:18px;font-style:italic}
.h-texto .h-titulo:first-child{margin-top:0}
.h-texto,.h-lista .h-titulo{min-width:0}

/* Apertura */
.h-apertura{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr) minmax(0,1fr);gap:0;padding-top:22px}
.h-col{padding:0 22px;min-width:0}
.h-col:first-child{padding-left:0}
.h-col:last-child{padding-right:0}
.h-col+.h-col{border-left:1px solid var(--filete)}
.h-col-segundas .h-nota+.h-nota{margin-top:20px;padding-top:20px;border-top:1px solid var(--filete)}
.h-cable{list-style:none;margin:0;padding:0}
.h-cable li{display:grid;grid-template-columns:44px 1fr;gap:6px;padding:9px 0;border-bottom:1px solid var(--filete);font-family:var(--romana);font-size:15px;line-height:1.3}
.h-cable time{font-family:var(--sans);font-weight:600;font-size:13px;color:#C8102E;padding-top:1px}
.h-cable b{color:var(--marca)}

/* Fila de cuatro */
.h-fila{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px;padding-top:22px;border-top:3px double var(--marca)}
.h-fila .h-nota{padding:0 18px}
.h-fila .h-nota:first-child{padding-left:0}
.h-fila .h-nota:last-child{padding-right:0}
.h-fila .h-nota+.h-nota{border-left:1px solid var(--filete)}
.h-fila .h-titulo{font-size:18px}

/* Banda "Lo más leído" */
.h-banda{margin-top:30px;background:var(--marca);color:var(--papel);padding:20px 24px 22px;border-top:5px solid var(--acento)}
.h-banda-rotulo{margin:0 0 14px;font-family:var(--gotica);font-weight:400;font-size:28px;color:var(--papel)}
.h-leidas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.h-leidas li{display:flex;gap:10px;align-items:flex-start}
.h-leidas .num{font-family:var(--romana);font-weight:700;font-size:40px;line-height:.9;color:var(--acento)}
.h-leidas a{color:var(--papel);font-family:var(--romana);font-size:16px;line-height:1.3}
.h-leidas a:hover{color:var(--acento)}

/* Secciones */
.h-seccion{margin-top:34px}
.h-seccion-rotulo{margin:0 0 16px;padding-top:8px;border-top:4px solid var(--marca);font-family:var(--romana);font-weight:700;font-size:26px}
.h-seccion-rotulo a{color:var(--marca)}
.h-seccion-grilla{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0}
.h-seccion.con-lateral .h-seccion-grilla{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}
.h-seccion-grilla>*{padding:0 22px;min-width:0}
.h-seccion-grilla>*:first-child{padding-left:0}
.h-seccion-grilla>*:last-child{padding-right:0}
.h-seccion-grilla>*+*{border-left:1px solid var(--filete)}
.h-lead-sec .h-foto img{aspect-ratio:16/9}
.h-lead-sec .h-titulo{font-size:28px;line-height:1.15}
.h-lista-foto{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--filete)}
.h-lista-foto:first-child{padding-top:0}
.h-lista-foto .h-titulo{margin:0;font-size:17px}
.h-lista-foto .h-foto img{aspect-ratio:4/3}

/* Lateral: diario y opinión */
.h-lateral .h-diario{margin-bottom:26px}
.h-lateral .diario-tapa{display:block;box-shadow:0 10px 24px rgba(18,53,91,.18);border:1px solid var(--filete);background:#fff}
.h-opinion .h-columna{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--filete)}
.h-columna .inicial{width:48px;height:48px;border-radius:50%;background:var(--acento);color:var(--marca);display:flex;align-items:center;justify-content:center;font-family:var(--gotica);font-size:28px}
.h-columna .autor{margin:0 0 4px;font-family:var(--sans);font-size:13px;color:var(--sepia)}
.h-columna h3{margin:0;font-family:var(--romana);font-size:17px;line-height:1.25}

/* Ediciones Uruguay y Paraguay */
.h-ediciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:34px;margin-top:34px}
.h-edicion .h-seccion-rotulo{border-top-color:var(--acento-bloque,var(--acento))}
.h-edicion-lista .h-nota{padding:10px 0;border-bottom:1px solid var(--filete)}
.h-edicion-lista .h-titulo{font-size:17px;margin:0}
.h-pais .mapa-regiones{margin-top:0}

@media (max-width:1000px){
  .h-apertura{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .h-col-lead{grid-column:1 / -1;padding:0 0 20px !important;border:0 !important;border-bottom:1px solid var(--filete) !important;margin-bottom:20px}
  .h-col-segundas{padding-left:0 !important;border-left:0 !important}
  .h-fila{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .h-fila .h-nota:nth-child(3){padding-left:0;border-left:0}
  .h-leidas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h-seccion.con-lateral .h-seccion-grilla{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .h-seccion.con-lateral .h-lateral{grid-column:1 / -1;padding:22px 0 0 !important;border-left:0 !important;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}
}
@media (max-width:680px){
  .h-apertura,.h-fila,.h-seccion-grilla,.h-seccion.con-lateral .h-seccion-grilla{grid-template-columns:minmax(0,1fr)}
  .h-col,.h-fila .h-nota,.h-seccion-grilla>*{padding:0 !important;border-left:0 !important}
  .h-col+.h-col,.h-seccion-grilla>*+*{margin-top:20px;padding-top:20px !important;border-top:1px solid var(--filete)}
  .h-fila .h-nota+.h-nota{margin-top:18px;padding-top:18px !important;border-top:1px solid var(--filete)}
  .h-leidas{grid-template-columns:minmax(0,1fr)}
  .h-lista-foto{grid-template-columns:96px minmax(0,1fr)}
  .h-banda{padding:18px 16px}
}
.h-edicion .h-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--filete)}
.h-edicion .h-media .h-titulo{margin-top:0;font-size:20px}
.h-edicion .h-media .h-copete{font-size:15px}
.h-seccion-grilla:not(.x) .h-lead-sec .h-foto img{max-height:360px}
@media (max-width:680px){.h-edicion .h-media{grid-template-columns:minmax(0,1fr)}}

.cuerpo h2{margin:34px 0 12px;padding-top:14px;border-top:1px solid var(--filete);color:var(--marca);line-height:1.2}
.meta .lectura::before{content:"·";margin:0 6px 0 2px;color:var(--sepia)}

/* "La clave": firma de las notas de La Opinión Nacional */
.clave{margin:14px 0 4px;padding:2px 0 2px 14px;border-left:4px solid var(--marca);font-family:var(--sans);font-size:17px;line-height:1.45;font-weight:500;color:var(--tinta,#1b1b1b)}
.clave-rotulo{display:inline-block;margin-right:6px;padding:1px 7px 2px;background:var(--marca);color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;vertical-align:2px;border-radius:2px}
.nota .clave{font-size:19px;margin:18px 0 6px}
.h-clave{margin:10px 0 0;font-size:15px;padding-left:11px;border-left-width:3px}
.h-lead .h-clave{font-size:17px}
.h-clave .clave-rotulo{font-size:10px}
@media (max-width:700px){.nota .clave{font-size:17px}.h-lead .h-clave{font-size:15px}}