/* vm-revista.css - The Week como revista (visor hojeable + portada de seccion). 2026-10-03 Vera (Opus 5.5, subagente), pedido de
   Thomas. Colores APROBADOS en el prototipo (no cambiar): mesa crema #f1e9da/#e2d5bf, hojas blancas, Editor's view #f8f7f4,
   contratapa azul #14213d, terracota #b5653e. Fuentes del tema: Playfair Display, Source Serif 4, Inter (en vez de IBM Plex Sans).
   Todo va con prefijo vm-rv / rv- para no chocar con screen.css. */
.vm-rv,.vm-rvx{--desk:#f1e9da;--desk2:#e2d5bf;--rv-ink:#14213d;--rv-paper:#ffffff;--rv-text:#222a36;--rv-terra:#b5653e;--rv-muted:#6f675e;--rv-rule:#e0d4c2;
  --rv-disp:"Playfair Display",Georgia,serif;--rv-body:"Source Serif 4",Georgia,serif;--rv-ui:Inter,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
.vm-rv[hidden],.vm-rv-tomag[hidden],.vm-rv-tools[hidden]{display:none!important}
.vm-rv{background:radial-gradient(ellipse at 50% 35%,var(--desk) 0%,var(--desk2) 100%);padding:22px 16px 26px;margin-top:18px}
.vm-rv-in{max-width:1100px;margin:0 auto}
.vm-rv-head{max-width:860px;margin:0 auto 14px;text-align:center}
.vm-rv-head .vm-kicker{display:inline-block;margin-bottom:6px}
.vm-rv-title{font:700 clamp(24px,3.4vw,38px)/1.12 var(--rv-disp);color:var(--rv-ink);margin:4px 0 10px;text-wrap:balance}
.vm-rv-head .vm-byline{border:0;padding:0;font-size:13px}
.vm-rv-tools{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;margin:0 auto 14px;font-family:var(--rv-ui)}
.vm-rv-hint{font-size:12px;color:var(--rv-muted);letter-spacing:.02em}
.vm-rv-toggle{font:600 13px/1 var(--rv-ui);background:transparent;color:var(--rv-ink);border:1px solid var(--rv-ink);border-radius:999px;padding:9px 16px;cursor:pointer}
.vm-rv-toggle:hover{background:var(--rv-ink);color:#fff}
.vm-rv-toggle:focus-visible,.vm-rv-nav button:focus-visible,.rv-toc-go:focus-visible{outline:2px solid var(--rv-terra);outline-offset:2px}
.vm-rv-tomag{margin:0 0 18px;background:var(--rv-ink,#14213d);color:#fff;border-color:#14213d}
.vm-rv-wrap{filter:drop-shadow(0 18px 22px rgba(40,30,15,.28)) drop-shadow(0 3px 4px rgba(40,30,15,.18))}
.vm-rv-nav{display:flex;justify-content:center;align-items:center;gap:14px;margin:18px auto 0;font-family:var(--rv-ui)}
.vm-rv-nav button{font:600 13px/1 var(--rv-ui);background:var(--rv-ink);color:#fff;border:0;border-radius:999px;padding:10px 18px;cursor:pointer}
.vm-rv-pos{font-size:13px;color:var(--rv-muted);font-variant-numeric:tabular-nums;min-width:4.5em;text-align:center}
/* en modo revista se ocultan cabecera, figura y cuerpo del articulo (siguen en el HTML: lectores, buscadores, "Read as article") */
html.vm-rv-on .vm-rv-article .vm-article-head,html.vm-rv-on .vm-rv-article .vm-article-figure,html.vm-rv-on .vm-rv-article .gh-content{display:none}
/* figuras del articulo normal (tarjetas HTML con data-rv) */
.vm-rv-fig{margin:1.4em 0}
.vm-rv-fig img{display:block;width:100%;height:auto}
.vm-rv-fig figcaption{font:400 13px/1.4 var(--sans,Inter,sans-serif);color:#6b7280;margin-top:6px}
.vm-rv-portada{max-width:520px;margin-left:auto;margin-right:auto}
/* ---- paginas */
.rv-page{background:var(--rv-paper);color:var(--rv-text);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(120,95,60,.18)}
.rv-page.--left{box-shadow:inset 0 0 0 1px rgba(120,95,60,.16),inset -18px 0 22px -14px rgba(60,40,20,.28),inset 4px 0 0 0 #f2f2f2,inset 6px 0 0 0 #dcdcdc,inset 8px 0 0 0 #f2f2f2}
.rv-page.--right{box-shadow:inset 0 0 0 1px rgba(120,95,60,.16),inset 18px 0 22px -14px rgba(60,40,20,.28),inset -4px 0 0 0 #f2f2f2,inset -6px 0 0 0 #dcdcdc,inset -8px 0 0 0 #f2f2f2}
.rv-cover img{width:100%;height:100%;object-fit:cover;display:block}
.rv-pc{padding:7% 9% 11%;height:100%;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:.55em;min-height:0;font-family:var(--rv-body)}
.rv-kick{font:600 .66rem/1.3 var(--rv-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--rv-terra);margin:0;display:flex;align-items:center;gap:.6em}
.rv-kick::after{content:"";flex:1;height:1px;background:var(--rv-rule)}
.rv-pc h2{font-family:var(--rv-disp);font-weight:700;font-size:clamp(1rem,2.3vw,1.5rem);line-height:1.15;margin:0;text-wrap:balance;color:var(--rv-ink)}
.rv-ph{margin:.2em 0 .1em;flex:none}
.rv-ph img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;max-width:100%}
.rv-ph figcaption{font:italic .56rem/1.35 var(--rv-ui);color:var(--rv-muted);margin-top:.3em}
.rv-txt{font-size:clamp(.72rem,1.2vw,.9rem);line-height:1.5;overflow-y:auto;min-height:0;flex:1;padding-right:.7em;
  -webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent);mask-image:linear-gradient(to bottom,#000 88%,transparent);padding-bottom:1.6em;
  scrollbar-width:thin;scrollbar-color:var(--rv-terra) transparent;overscroll-behavior:contain}
.rv-txt::-webkit-scrollbar{width:5px}
.rv-txt::-webkit-scrollbar-track{background:linear-gradient(90deg,transparent 2px,var(--rv-rule) 2px,var(--rv-rule) 3px,transparent 3px)}
.rv-txt::-webkit-scrollbar-thumb{background:var(--rv-terra);border-radius:4px}
.rv-txt p{margin:0 0 .75em;hyphens:auto}
.rv-txt > p.rv-dc::first-letter{font-family:var(--rv-disp);float:left;font-size:3.2em;line-height:.85;padding:.06em .08em 0 0;color:var(--rv-terra)}
.rv-txt .rv-why{background:#faf6f0;border-left:3px solid var(--rv-terra);padding:.6em .8em;font-size:.95em}
.rv-txt .rv-why strong{font-family:var(--rv-ui);font-size:.72em;letter-spacing:.12em;text-transform:uppercase;color:var(--rv-terra);display:block;margin-bottom:.2em}
.rv-txt .rv-cov{font:400 .64rem/1.5 var(--rv-ui);color:var(--rv-muted);border-top:1px solid var(--rv-rule);padding-top:.6em}
.rv-txt .rv-by{font:400 .66rem/1.5 var(--rv-ui);color:var(--rv-muted)}
.rv-txt .rv-by strong{color:var(--rv-terra);letter-spacing:.12em}
.rv-txt .rv-note,.rv-toc-wrap .rv-note{font-size:.85em;color:var(--rv-muted)}
.rv-page a{color:var(--rv-terra);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.rv-toc{list-style:none;padding:0;margin:.3em 0 .8em;font-size:clamp(.72rem,1.25vw,.9rem)}
.rv-toc-go{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:1.6em 1fr auto;gap:.5em;padding:.45em 0;border-bottom:1px dotted #cbbfae;cursor:pointer;font-family:var(--rv-body);color:var(--rv-text)}
.rv-toc-go:hover .rv-tt{color:var(--rv-terra)}
.rv-n{font-family:var(--rv-disp);color:var(--rv-terra)}
.rv-pg{font-family:var(--rv-ui);font-variant-numeric:tabular-nums;color:var(--rv-muted)}
.rv-lead{font-family:var(--rv-disp);font-style:italic;color:var(--rv-ink);font-size:clamp(.8rem,1.35vw,1rem);line-height:1.4}
.rv-chart-img{width:100%;max-width:100%;border:1px solid var(--rv-rule);display:block}
.rv-small{font:400 .62rem/1.45 var(--rv-ui);color:var(--rv-muted);margin:0}
.rv-list{padding-left:1.1em;margin:0} .rv-list li{margin-bottom:.8em}
.rv-op{background:#f8f7f4} .rv-op h2{font-style:italic}
.rv-folio{position:absolute;bottom:4%;left:0;right:0;text-align:center;font:400 .6rem/1 var(--rv-ui);color:var(--rv-muted);letter-spacing:.1em}
.rv-back{background:var(--rv-ink)}
.rv-bc{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;color:#fff;text-align:center;padding:10%;box-sizing:border-box;font-family:var(--rv-body)}
.rv-mast{font-family:var(--rv-disp);font-weight:700;font-size:clamp(1.6rem,5vw,3rem);letter-spacing:.02em;border-bottom:2px solid var(--rv-terra);padding-bottom:.2em}
.rv-bc p{margin:0}
.rv-bc .rv-sm{font:400 .72rem/1.6 var(--rv-ui);color:#c9cfdb}
.rv-blank .rv-pc{align-items:center;justify-content:center}
.rv-mast-sm{color:var(--rv-rule);border-color:var(--rv-rule);font-size:1.4rem}
@media (max-width:700px){
  .vm-rv{padding:14px 12px 20px;margin-top:10px}
  .vm-rv-hint{display:none}
  .vm-rv-tools{justify-content:center}
  .rv-txt{font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){.vm-rv *{scroll-behavior:auto}}
/* ---- portada de la seccion /tag/the-week/ : ultima edicion grande + archivo de tapas */
.vm-rvx{background:radial-gradient(ellipse at 50% 20%,var(--desk) 0%,var(--desk2) 100%);padding:26px 0 40px;margin-top:18px}
.vm-rvx-head{text-align:center;margin-bottom:22px}
.vm-rvx-head .vm-tag-title{font-family:var(--rv-disp)}
.vm-rvx-lead{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:36px;align-items:center;max-width:900px;margin:0 auto 40px;color:var(--rv-ink);text-decoration:none}
.vm-rvx-cover{display:block;aspect-ratio:3/4;overflow:hidden;background:var(--rv-ink);box-shadow:0 14px 26px rgba(40,30,15,.3),0 2px 4px rgba(40,30,15,.2)}
.vm-rvx-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.vm-rvx-info{display:flex;flex-direction:column;gap:12px}
.vm-rvx-k{font:600 12px/1.3 var(--rv-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--rv-terra)}
.vm-rvx-t{font:700 clamp(24px,3.2vw,36px)/1.15 var(--rv-disp)}
.vm-rvx-x{font:400 18px/1.5 var(--rv-body);color:#374151}
.vm-rvx-btn{align-self:flex-start;font:600 14px/1 var(--rv-ui);background:var(--rv-ink);color:#fff;border-radius:999px;padding:11px 20px}
.vm-rvx-lead:hover .vm-rvx-btn{background:var(--rv-terra)}
.vm-rvx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:26px;margin-top:20px}
.vm-rvx-grid:empty{display:none}
.vm-rvx-prev:has(.vm-rvx-grid:empty){display:none}
.vm-rvx-item{display:flex;flex-direction:column;gap:8px;color:var(--rv-ink);text-decoration:none}
.vm-rvx-item:hover .vm-rvx-it{color:var(--rv-terra)}
.vm-rvx-d{font:600 11px/1.3 var(--rv-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--rv-terra)}
.vm-rvx-it{font:600 15px/1.3 var(--rv-body)}
.vm-rvx-empty{text-align:center;font:400 18px/1.5 var(--rv-body);color:#374151}
@media (max-width:700px){.vm-rvx-lead{grid-template-columns:1fr;gap:18px;max-width:340px}.vm-rvx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
/* 2026-10-03 La mesa de las IA: pagina propia por historia, cada IA como una voz con su nombre */
.rv-mesa .rv-txt .rv-ia{border-top:1px solid var(--rv-rule,#e0d4c2);padding-top:.55em;margin:0 0 .8em}
.rv-mesa .rv-txt .rv-ia strong:first-child{display:block;font-family:var(--rv-ui);font-size:.72em;letter-spacing:.12em;text-transform:uppercase;color:var(--rv-terra);margin-bottom:.25em}
.rv-mesa .rv-txt .rv-ia em{font-style:normal;font-weight:600;color:var(--rv-ink,#14213d)}
.rv-mesa .rv-txt{font-size:.94em}

/* 2026-10-04 numeros anteriores */
.vm-rv-btns{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
.vm-rv-btns-art{margin:0 0 14px}
.vm-rv-archivo{text-decoration:none;display:inline-block}