/* CIEPP · páginas internas (archivo de publicaciones, publicación y directorio). Se carga después de ciepp.css. */

body.page{background:var(--papel);color:var(--tinta)}
.page main{position:relative}
.page .footer::before{display:none}

/* ---------- Cabecera de página: paisaje o azul profundo que se funde en el papel ---------- */
.page-head{position:relative;overflow:hidden;background:var(--profundo-2);color:#fff;padding:calc(var(--header-h) + clamp(56px,12vh,140px)) 0 clamp(150px,24vh,250px)}
.page-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(140px,24vh,260px);pointer-events:none;background:linear-gradient(0deg,var(--papel) 0,rgba(246,242,239,.86) 22%,rgba(246,242,239,.4) 60%,rgba(246,242,239,0) 100%)}
.page-head .wrap{position:relative;z-index:1}
.page-head-media{position:absolute;inset:0}
.page-head-media img{width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) 50%;filter:grayscale(1)}
.page-head-media::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(16,16,16,.55) 0,rgba(16,16,16,0) 30%),
  linear-gradient(90deg,rgba(16,16,16,.84) 0,rgba(16,16,16,.66) 40%,rgba(16,16,16,.2) 70%,rgba(16,16,16,.1) 100%)}
@media (max-width:760px){.page-head-media::after{background:linear-gradient(180deg,rgba(16,16,16,.66) 0,rgba(16,16,16,.6) 60%,rgba(16,16,16,.4) 100%)}}
.page-head h1{margin-top:22px;max-width:14ch;font-size:clamp(44px,6.2vw,96px);line-height:1}
.page-head .lead{max-width:36rem}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(26px,5vh,48px);font-size:14px;color:rgba(255,255,255,.72)}
.crumbs a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.crumbs a:hover{color:#fff;border-color:#fff}
.crumbs li + li::before{content:"/";margin-right:8px;opacity:.5}

/* Corte recto en lugar de bruma: la tapa del archivo y la apertura de cada publicación */
.page-head.corte{padding:0}
.page-head.corte::after{display:none}
.page-head .caption{z-index:1}

/* ---------- Piezas de revista: firma y tarjetas (la ilustración .pub-art está en ciepp.css) ---------- */
.firma{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:15px;line-height:1.45}
.firma b{font-weight:500}
.firma > * + *::before{content:"·";margin-right:10px;opacity:.55}

.sumario{--sg:clamp(28px,3.4vw,60px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sg)}
.nota{position:relative;padding:clamp(30px,4.6vh,48px) 0}
.nota a{display:block;height:100%;text-decoration:none;color:inherit}
.nota-text{margin-top:22px}
.nota-kicker{display:flex;align-items:baseline;gap:14px}
.nota .num{font-size:19px;color:var(--tierra-1)}
.nota h3{margin-top:12px;font:400 clamp(25px,2vw,32px)/1.16 var(--serif);letter-spacing:-.012em;color:var(--profundo);text-wrap:balance;transition:color .2s}
.nota-sum{margin-top:12px;max-width:38rem;font-size:17px;line-height:1.62;color:#2E3F47;text-wrap:pretty}
.nota .firma{margin-top:16px;color:var(--profundo)}
.nota a:hover h3{color:var(--azul)}
.nota a:hover .pub-art > img{transform:scale(1.04)}
.nota a:hover .pub-art-cover .pub-cover{transform:translateY(-4px)}
.pub-art-cover .pub-cover{transition:transform .4s cubic-bezier(.2,.65,.25,1)}
.nota-lead{grid-column:span 7;grid-row:span 2}
.nota-lead h3{font-size:clamp(30px,3.1vw,50px);line-height:1.07;letter-spacing:-.02em}
.nota-lead .nota-sum{font-size:clamp(17.5px,.4vw + 15.5px,19.5px)}
.nota-side{grid-column:span 5}
.nota-side::before{content:"";position:absolute;left:calc(var(--sg) / -2);top:0;bottom:0;width:1px;background:var(--linea-papel)}
.nota-side ~ .nota-side{border-top:1px solid var(--linea-papel)}
.nota-side a{display:grid;grid-template-columns:minmax(0,1fr) clamp(104px,30%,176px);gap:clamp(18px,2vw,32px);align-items:start}
.nota-side .pub-art{order:2;aspect-ratio:4/5}
/* Sin foto, la miniatura vertical es la portada entera, sin fondo */
.nota-side .pub-art-cover{aspect-ratio:auto;overflow:visible;background:none}
.nota-side .pub-art-cover .pub-cover{width:100%}
.nota-side .nota-text{margin-top:0}
.nota-side .firma,.nota-std .firma{flex-direction:column}
.nota-side .firma > *::before,.nota-std .firma > *::before{display:none}
.nota-std{grid-column:span 4;border-top:1px solid var(--linea-papel)}
/* Con una sola publicación, la mayor ocupa todo el ancho: foto a la izquierda y texto a la derecha */
.sumario[data-n="1"] .nota-lead{grid-column:1 / -1}
.sumario[data-n="1"] .nota-lead a{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sg);align-items:center}
.sumario[data-n="1"] .nota-lead .nota-text{margin-top:0}

/* ---------- Archivo: tapa ---------- */
.tapa{display:flex;min-height:var(--vh)}
.tapa .page-head-media::after{background:
  linear-gradient(180deg,rgba(12,14,15,.8) 0,rgba(12,14,15,.36) 36%,rgba(12,14,15,.34) 50%,rgba(12,14,15,.9) 100%),
  linear-gradient(90deg,rgba(12,14,15,.5) 0,rgba(12,14,15,0) 64%)}
@media (max-aspect-ratio:1/1){.tapa .page-head-media img{object-position:50% 50%}}
.tapa-in{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(56px,12vh,150px);padding-top:calc(var(--header-h) + clamp(2px,1.2vh,14px));padding-bottom:clamp(36px,6.5vh,72px)}
.tapa-top{container-type:inline-size;border-bottom:1px solid rgba(255,255,255,.36)}
.tapa-strip{display:flex;justify-content:space-between;gap:8px 24px;padding:11px 0;border-top:1px solid rgba(255,255,255,.36);border-bottom:1px solid rgba(255,255,255,.36);font:500 11.5px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:rgba(255,255,255,.86)}
.tapa .cabezal{max-width:none;margin:.13em 0 .1em -.03em;font-size:16.9cqw;line-height:.8;letter-spacing:-.035em;white-space:nowrap}
.tapa-nota{display:grid;grid-template-columns:minmax(0,46rem) auto;gap:28px clamp(32px,6vw,96px);align-items:end;justify-content:space-between}
.tapa-nota .eyebrow{color:var(--arena-2)}
.tapa-nota .pub-badge{color:inherit;letter-spacing:.14em}
.tapa-nota h2{margin-top:20px;max-width:none;font-size:clamp(31px,4vw,64px);line-height:1.05}
.tapa-nota h2 a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s}
.tapa-nota h2 a:hover{background-size:100% 1px}
.tapa-sum{margin-top:20px;max-width:38rem;font-size:clamp(17.5px,.4vw + 15.5px,19.5px);font-weight:300;line-height:1.6;color:rgba(255,255,255,.94);text-wrap:pretty}
.tapa-nota-pie .firma{flex-direction:column;gap:2px;font-size:15.5px;color:rgba(255,255,255,.84)}
.tapa-nota-pie .firma b{color:#fff}
.tapa-nota-pie .firma > *::before{display:none}
.tapa-nota-pie .firma span::first-letter{text-transform:uppercase}
.pub-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* ---------- Archivo: sumario ---------- */
.archivo{padding-top:clamp(56px,9vh,104px);padding-bottom:clamp(90px,16vh,160px)}
.sumario-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px clamp(32px,6vw,96px);align-items:end}
.sumario-head .eyebrow{color:var(--tierra-2)}
.sumario-head h2{margin-top:18px;font-size:clamp(34px,3.6vw,56px);color:var(--profundo)}
.sumario-head h2 em{color:var(--tierra-2)}
.sumario-lead{max-width:36rem;font-size:clamp(17.5px,.4vw + 15.5px,19.5px);line-height:1.65;color:var(--texto);text-wrap:pretty}
/* Los filtros hacen de secciones de la revista: doble filete arriba, pestañas subrayadas */
.archivo-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 32px;margin-top:clamp(36px,6vh,60px);border-top:4px double var(--profundo);border-bottom:1px solid var(--linea-papel)}
.archivo-cuenta{margin-left:auto;padding:18px 0;font:500 12.5px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--tierra-2)}
.filtros{display:flex;flex-wrap:wrap;gap:0 clamp(28px,4vw,56px)}
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:0 clamp(18px,2.2vw,32px)}
.chips-label{font:italic 400 17px/1 var(--serif);color:var(--tierra-2)}
.chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:54px;padding:0;border:0;background:none;font:500 12.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--texto);cursor:pointer;transition:color .2s}
.chip::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--profundo);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.chip:hover,.chip[aria-pressed="true"]{color:var(--profundo)}
.chip[aria-pressed="true"]::after{transform:scaleX(1)}
.chip-n{font:italic 400 14px/1 var(--serif);letter-spacing:0;color:var(--tierra-2)}
.archivo-nada{padding:48px 0;color:var(--texto)}
#archivoLista .sumario{border-bottom:1px solid var(--linea-papel)}

.formatos{margin-top:clamp(70px,12vh,120px)}
.formatos h2{margin-top:18px;font-size:clamp(30px,3vw,44px);color:var(--profundo)}
.formatos h2 em{color:var(--tierra-2)}
.formatos .eyebrow{color:var(--tierra-2)}
.formatos ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);margin-top:clamp(28px,5vh,44px);border-top:4px double var(--profundo)}
.formatos li{padding:22px 0 0}
.formatos .num{display:block;color:var(--tierra-1)}
.formatos h3{margin-top:10px;font:500 21px/1.3 var(--sans);color:var(--profundo)}
.formatos p{margin-top:6px;color:var(--texto);max-width:34rem}
.archivo-vacio{margin-top:clamp(44px,7vh,72px)}

@media (max-width:1180px){
  .tapa-strip > .ancho{display:none}
  .nota-lead,.nota-side{grid-column:span 6}
  .nota-side a{grid-template-columns:minmax(0,1fr) 104px}
}
@media (max-width:1100px){
  .formatos ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .formatos li:nth-child(n+3){margin-top:28px;padding-top:22px;border-top:1px solid var(--linea-papel)}
}
@media (max-width:900px){
  .ancho{display:none}
  .tapa-nota{grid-template-columns:1fr}
  .tapa-nota-pie .firma{flex-direction:row;gap:2px 10px}
  .tapa-nota-pie .firma > * + *::before{display:inline}
  .tapa-nota-pie .firma span::first-letter{text-transform:none}
  .sumario-head{grid-template-columns:1fr}
  .sumario{grid-template-columns:1fr}
  .nota-lead,.nota-side,.nota-std,.sumario[data-n="1"] .nota-lead{grid-column:1 / -1;grid-row:auto}
  .nota-side::before{display:none}
  .nota + .nota{border-top:1px solid var(--linea-papel)}
  .nota-std a,.sumario[data-n="1"] .nota-lead a{display:grid;grid-template-columns:minmax(0,1fr) clamp(104px,30%,176px);gap:18px;align-items:start}
  .nota-std .pub-art{order:2;aspect-ratio:4/5}
  .nota-std .pub-art-cover,.sumario[data-n="1"] .nota-lead .pub-art-cover{aspect-ratio:auto;overflow:visible;background:none}
  .nota-std .pub-art-cover .pub-cover,.sumario[data-n="1"] .nota-lead .pub-art-cover .pub-cover{width:100%}
  .nota-std .nota-text,.sumario[data-n="1"] .nota-lead .nota-text{margin-top:0}
  .sumario[data-n="1"] .nota-lead .pub-art{order:2;aspect-ratio:4/5}
}
@media (max-width:560px){
  .tapa-strip{font-size:10.5px;letter-spacing:.16em}
  .tapa-sum{font-size:17px}
  .firma{flex-direction:column}
  .firma > *::before,.tapa-nota-pie .firma > * + *::before{display:none}
  .tapa-nota-pie .firma{flex-direction:column}
  .nota-side a,.nota-std a{grid-template-columns:minmax(0,1fr) 92px;gap:16px}
  .nota h3{font-size:23px}
  .nota-lead h3{font-size:29px}
  .nota-sum{font-size:16.5px}
  .archivo-bar{flex-direction:column;align-items:flex-start}
  .archivo-cuenta{margin-left:0;padding-top:4px}
  .formatos ol{grid-template-columns:1fr}
  .formatos li + li{margin-top:24px;padding-top:22px;border-top:1px solid var(--linea-papel)}
}

/* ---------- Directorio ---------- */
.directorio{padding-top:clamp(8px,2vh,24px);padding-bottom:clamp(90px,16vh,160px)}
.directorio .board-list{max-width:960px;gap:clamp(36px,5vh,56px) clamp(20px,3vw,44px)}
.directorio .member-name{margin-top:18px;font:400 24px/1.25 var(--serif);color:var(--profundo)}
.directorio .member-role{color:var(--tierra-2)}
@media (max-width:560px){.directorio .board-list{gap:32px 14px}.directorio .member-name{font-size:19px}}

/* ---------- Publicación: apertura a doble página ---------- */
.apertura{display:flex;min-height:min(var(--vh),920px);background:var(--profundo-2)}
.apertura-media{position:absolute;top:0;right:0;bottom:0;width:46%;background:#01354d}
.apertura-media > img{width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) 50%;filter:grayscale(1) contrast(1.04)}
.apertura-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,15,.66) 0,rgba(12,14,15,0) 30%),linear-gradient(270deg,rgba(12,14,15,.5) 0,rgba(12,14,15,0) 16%)}
/* Sin foto (.apertura-portada): la portada generada va centrada sobre el azul, con el isotipo de fondo */
.apertura-portada::before{content:"";position:absolute;right:-14%;top:-4%;width:96%;aspect-ratio:1;background:url(../brand/isotipo.png) center/contain no-repeat;opacity:.07}
.apertura-portada::after{display:none}
.apertura-media .pub-cover{position:absolute;left:50%;top:54%;width:min(44%,300px);transform:translate(-50%,-50%) rotate(1.5deg);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.apertura-in{display:flex;align-items:flex-end;padding-top:calc(var(--header-h) + clamp(24px,5vh,56px));padding-bottom:clamp(40px,7vh,80px)}
.apertura-text{width:100%;max-width:min(46rem,calc(54vw - var(--gutter) - clamp(28px,4vw,72px)))}
.apertura .eyebrow{color:var(--arena-2)}
.apertura h1{margin-top:22px;max-width:none;font-size:clamp(34px,3.7vw,62px);line-height:1.05}
.bajada{margin-top:clamp(18px,3vh,26px);font-size:clamp(17.5px,.45vw + 15px,20px);font-weight:300;line-height:1.6;color:rgba(255,255,255,.92);text-wrap:pretty}
.autoria{display:flex;align-items:center;gap:16px;margin-top:clamp(24px,4vh,38px);padding-top:clamp(18px,3vh,26px);border-top:1px solid rgba(255,255,255,.22)}
.autoria img{flex:none;width:54px;height:54px;border-radius:50%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.autoria span{display:block}
.autoria-nombre{font-size:16.5px;font-weight:500}
.autoria-datos{margin-top:2px;font-size:14.5px;color:rgba(255,255,255,.76)}
.autoria-datos span{display:inline}
@media (max-width:900px){
  .apertura{flex-direction:column;min-height:0}
  .apertura-media{position:relative;width:100%;aspect-ratio:4/3;max-height:58vh}
  .apertura-in{padding-top:clamp(28px,5vh,40px)}
  .apertura-portada{display:none}
  .apertura-portada + .apertura-in{padding-top:calc(var(--header-h) + clamp(28px,5vh,40px))}
  .apertura-text{max-width:42rem}
  .apertura .crumbs{margin-bottom:24px}
}

/* Avance de lectura: lo agrega publicaciones.js al pie de la cabecera fija */
.progreso{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--tierra-1);transform:scaleX(0);transform-origin:0 50%}

.pub-page{display:grid;grid-template-columns:clamp(200px,19vw,250px) minmax(0,40rem);gap:clamp(40px,6vw,96px);padding-top:clamp(48px,8vh,88px);padding-bottom:clamp(72px,12vh,128px)}
.pub-aside{position:relative}
.pub-aside-in{position:sticky;top:calc(70px + 28px)}
.ficha{display:grid;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--linea-papel);font-size:15.5px;line-height:1.45}
.ficha dt{font:500 11.5px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--tierra-2)}
.ficha dd{margin-top:4px;color:var(--profundo)}
.acciones{display:grid;padding:6px 0 0}
.acciones .btn{width:100%;font-size:15px}
.acciones .btn-dark{min-height:46px;margin:18px 0 8px}
.acciones .btn-line{justify-content:space-between;min-height:50px;padding:0;border:0;border-bottom:1px solid var(--linea-papel);border-radius:0;text-align:left}
.acciones .btn-line::after{content:"";flex:none;width:18px;height:1px;background:currentColor;transition:width .3s}
.acciones .btn-line:hover{background:none;color:var(--azul)}
.acciones .btn-line:hover::after{width:30px}
.toc{padding-top:24px}
.toc .label{color:var(--tierra-2);margin-bottom:12px}
.toc .label::before{display:none}
.toc ol{counter-reset:toc}
.toc a{display:block;padding:7px 0 7px 14px;border-left:1px solid var(--linea-papel);font-size:14.5px;line-height:1.4;color:var(--texto);text-decoration:none;transition:color .2s,border-color .2s}
.toc a:hover{color:var(--profundo)}
.toc a[aria-current="true"]{color:var(--profundo);border-left:2px solid var(--azul);padding-left:13px}

.aviso{display:flex;gap:14px;margin-bottom:clamp(36px,6vh,56px);padding:16px 20px;border:1px solid #E5D6CB;border-left:3px solid var(--tierra-2);background:#FBF7F4;font-size:15px;line-height:1.55;color:var(--texto)}
.aviso strong{color:var(--tierra-2);font-weight:500}

.prose{font-size:clamp(18px,.35vw + 16px,20px);line-height:1.72;color:#22323A;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}
.prose section{scroll-margin-top:110px}
.prose section + section{margin-top:clamp(52px,8vh,80px)}
.prose h2{display:flex;gap:16px;align-items:baseline;margin:0 0 22px;font-size:clamp(28px,2.4vw,38px);line-height:1.15;color:var(--profundo);max-width:none}
.prose h2 .num{flex:none;font-size:18px;color:var(--tierra-1)}
.prose p + p{margin-top:1.15em}
.prose strong{font-weight:500;color:var(--profundo)}
.prose a{color:var(--azul);text-underline-offset:3px}
.prose sup{line-height:0}
.prose sup a{padding:0 2px;font-size:12px;font-weight:500;text-decoration:none}
/* Primer párrafo de una columna: capitular y primera línea en mayúsculas espaciadas */
.entrada{display:flow-root}
.entrada::first-letter{float:left;margin:.05em .09em 0 -.02em;font:400 5.9em/.74 var(--serif);letter-spacing:0;color:var(--profundo)}
.entrada::first-line{font-weight:500;letter-spacing:.07em;text-transform:uppercase}
/* Marca de cierre del texto */
.fin::after{content:"";display:inline-block;width:.5em;height:.5em;margin-left:.5em;background:var(--tierra-2)}
.resumen{font-variant-numeric:proportional-nums;font-family:var(--serif);font-size:clamp(21px,1.2vw + 14px,29px);line-height:1.42;hyphens:manual;letter-spacing:-.005em;color:var(--profundo);text-wrap:pretty}
.resumen + .resumen{margin-top:.8em}
.resumen + p:not(.resumen){margin-top:1.6em}

.hallazgos{margin-top:clamp(36px,6vh,52px);padding:clamp(24px,3vw,36px);background:#fff;border:1px solid var(--linea-papel);border-radius:2px}
.hallazgos .label{color:var(--tierra-2)}
.hallazgos .label::before{display:none}
.hallazgos ol{margin-top:8px}
.hallazgos li{display:grid;grid-template-columns:40px 1fr;gap:6px;padding:18px 0;border-bottom:1px solid var(--linea-papel)}
.hallazgos li:last-child{border-bottom:0;padding-bottom:0}
.hallazgos .num{color:var(--tierra-1);padding-top:3px}
.hallazgos p{color:#2E3F47}
.dato{display:block;font-variant-numeric:proportional-nums;font:400 clamp(30px,2.6vw,38px)/1.1 var(--serif);color:var(--azul);margin-bottom:6px}

.grafico{margin:clamp(32px,5vh,44px) 0;padding:clamp(22px,3vw,34px);background:#fff;border:1px solid var(--linea-papel);border-radius:2px}
.grafico figcaption{font:500 16.5px/1.45 var(--sans);color:var(--profundo)}
.grafico figcaption span{display:block;margin-top:4px;font-weight:400;font-size:14.5px;color:var(--texto)}
.barras{width:100%;margin-top:24px;border-collapse:collapse;font-size:15px}
.barras th{width:34%;padding:10px 16px 10px 0;text-align:left;font-weight:400;color:var(--tinta);vertical-align:middle}
.barras td{padding:10px 0;vertical-align:middle}
.barra{display:flex;align-items:center;gap:12px}
.barra i{display:block;height:22px;width:var(--v);background:var(--azul);border-radius:0 2px 2px 0}
.barra-baja i{background:var(--tierra-2)}
.barra b{font-weight:500;font-variant-numeric:tabular-nums;color:var(--profundo)}
.grafico .fuente{margin-top:18px;padding-top:14px;border-top:1px solid var(--linea-papel);font-size:13.5px;color:var(--texto)}
@media (max-width:560px){.barras th{width:42%;font-size:14px}}

.destacado{margin:clamp(40px,7vh,60px) 0;padding:clamp(26px,3.6vh,36px) 0;border-top:1px solid var(--linea-papel);border-bottom:1px solid var(--linea-papel);text-align:center}
.destacado::before{content:"";display:block;width:44px;height:3px;margin:0 auto 22px;background:var(--tierra-1)}
.destacado p{max-width:30rem;margin:0 auto;font:italic 400 clamp(25px,1.4vw + 15px,33px)/1.3 var(--serif);color:var(--profundo);hyphens:manual;text-wrap:balance}

.recs{margin-top:8px;border-top:1px solid var(--linea-papel)}
.recs li{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:24px 0;border-bottom:1px solid var(--linea-papel)}
.recs .num{color:var(--tierra-1);padding-top:3px}
.recs .para{display:block;margin-bottom:6px;font:500 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tierra-2)}
.recs h3{font:500 20px/1.35 var(--sans);color:var(--profundo)}
.recs p{margin-top:6px}
.prose p + .recs{margin-top:1.2em}
.prose .recs + p{margin-top:1.6em}

.notas-title{margin-top:44px;color:var(--tierra-2)!important}
.notas{margin-top:16px;font-size:15.5px;line-height:1.6;color:var(--texto);counter-reset:nota}
.notas li{position:relative;padding-left:30px;counter-increment:nota}
.notas li + li{margin-top:10px}
.notas li::before{content:counter(nota);position:absolute;left:0;font-family:var(--serif);font-style:italic;color:var(--tierra-1)}

.cita{padding:clamp(22px,3vw,30px);background:var(--arena-1);border-radius:2px}
.cita p{font-size:16.5px;line-height:1.65;color:var(--tinta);overflow-wrap:anywhere}
.cita .btn{margin-top:18px;min-height:42px;font-size:14.5px}

.autora{display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:center;margin-top:clamp(44px,7vh,64px);padding:24px 0;border-top:1px solid var(--linea-papel);border-bottom:1px solid var(--linea-papel)}
.autora img{width:96px;aspect-ratio:4/5;object-fit:cover;border-radius:2px;filter:grayscale(1) contrast(1.05)}
.autora .label{color:var(--tierra-2)}
.autora .label::before{display:none}
.autora-nombre{margin-top:8px!important;font:400 26px/1.2 var(--serif);color:var(--profundo)}
.autora p:last-child{margin-top:6px;font-size:16px;line-height:1.55;color:var(--texto)}
.autora a{color:var(--profundo)}
.prose .autora + section{margin-top:clamp(44px,7vh,64px)}

/* Siga leyendo: franja arena entre el texto y el pie */
.seguir{padding:clamp(56px,9vh,96px) 0 clamp(64px,11vh,120px);background:var(--arena-1)}
.seguir-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-bottom:20px;border-bottom:4px double var(--profundo)}
.seguir-head .eyebrow{margin:0;color:var(--tierra-2)}
.seguir-head a{font-size:15.5px;font-weight:500;color:var(--profundo);text-underline-offset:4px}
.seguir-head a:hover{color:var(--azul)}
.seguir .nota{padding-bottom:0}
.seguir .nota-std{border-top:0}
.seguir .pub-art{background:var(--arena-2)}
.seguir .pub-art-cover{background:rgba(255,255,255,.5)}

@media (min-width:1240px){
  /* El texto va centrado, la ficha a la izquierda y las citas destacadas cuelgan en el margen derecho */
  .pub-page{--margen:clamp(13rem,calc(50vw - 20rem - var(--gutter) - 3.5rem),19rem);grid-template-columns:minmax(0,1fr) minmax(0,40rem) minmax(0,1fr);gap:0}
  .pub-aside-in{max-width:min(250px,calc(100% - 48px))}
  .destacado{float:right;clear:right;width:var(--margen);margin:1.55em calc(-1 * var(--margen) - 3.5rem) 1.4em 0;padding:0;border:0;text-align:left}
  .destacado::before{margin:0 0 18px}
  .destacado p{font-size:clamp(23px,1.8vw,28px);text-wrap:pretty}
  .prose .destacado + p{margin-top:1.15em}
}
@media (max-width:960px){
  .pub-page{grid-template-columns:minmax(0,1fr);gap:0}
  /* En pantallas chicas el texto va primero; la ficha y los botones, al final */
  .pub-aside{order:2;margin-top:clamp(52px,8vh,80px);padding-top:28px;border-top:1px solid var(--linea-papel)}
  .pub-aside-in{position:static}
  .ficha{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
  .acciones{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));column-gap:24px}
  .acciones .btn-dark{grid-column:1 / -1}
  .toc{display:none}
}
@media (max-width:900px){
  .seguir .nota + .nota{border-color:var(--arena-3)}
  .seguir .nota{padding-bottom:clamp(30px,4.6vh,48px)}
  .seguir .nota:last-child{padding-bottom:0}
}

/* ---------- Impresión: la publicación como documento ---------- */
@media print{
  @page{margin:18mm 16mm}
  body.page{background:#fff;color:#000;font-size:11pt}
  .header,.footer,.skip,.acciones,.toc,.seguir,.cita .btn,.page-head::after,.apertura-media,.page-head .caption,.autoria img{display:none!important}
  .page-head,.apertura{display:block;min-height:0;background:#fff;color:var(--profundo);padding:0 0 10mm}
  .apertura-in{padding:0}
  .apertura-text{max-width:none}
  .page-head .eyebrow,.autoria-datos{color:var(--tierra-2)}
  .page-head h1,.bajada,.autoria-nombre{color:var(--profundo)}
  .bajada{font-weight:400}
  .autoria{border-color:var(--linea-papel)}
  .crumbs{display:none}
  .pub-page{display:block;padding:0}
  .ficha{grid-template-columns:repeat(4,1fr);margin-bottom:8mm}
  .js .reveal{opacity:1!important;transform:none!important}
  .prose section{break-inside:auto}
  .grafico,.hallazgos,.destacado,.autora{break-inside:avoid}
}