/* Victoria Liendo · v3 · estilo compartido */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/cormorant-garamond-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/cormorant-garamond-latin-300-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/playfair-display-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/playfair-display-latin-wght-italic.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format("woff2")}
:root{--paper:#f7f1e5;--paper2:#efe6d3;--ink:#1b1916;--mute:#5f574c;--line:#d8cdb8;--accent:#86563a;
--serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--pad:clamp(20px,4.2vw,64px);--gap:clamp(14px,1.8vw,28px);--max:1440px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--line);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--accent);text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:var(--pad);top:-60px;background:var(--ink);color:var(--paper);padding:10px 16px;z-index:10;text-decoration:none}
.skip:focus{top:10px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.sc{font:500 11.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
h1,h2,h3{font-family:var(--serif);font-weight:300;margin:0;letter-spacing:-.01em}
i,em{font-style:italic}

/* Encabezado */
.bar{border-bottom:1px solid var(--line)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.mark{font:500 25px/1 var(--serif);text-decoration:none;letter-spacing:-.005em}
.mark:hover{color:var(--accent)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(14px,2vw,30px);flex-wrap:wrap}
.nav a{font:500 11.5px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--mute);padding:6px 0;border-bottom:1px solid transparent;display:inline-block}
.nav a:hover{color:var(--ink);border-color:var(--line)}
.nav a[aria-current=page]{color:var(--ink);border-color:var(--accent)}
.menu-btn{display:none;font:500 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--ink);padding:11px 16px;cursor:pointer}
@media (max-width:900px){
 .js .menu-btn{display:inline-block}
 .js .nav{flex-basis:100%;display:none}
 .js .nav.open{display:block}
 .js .nav ul{flex-direction:column;gap:0;border-top:1px solid var(--line);margin-top:8px}
 .js .nav li{border-bottom:1px solid var(--line)}
 .js .nav a{display:block;padding:15px 0;font-size:12.5px}
 .nav{flex-basis:100%}
}

/* Cabecera de portada / de página */
.hd{padding:clamp(28px,4vw,56px) 0 clamp(40px,6vw,88px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:32px}
.hd .tx{grid-column:1/8;display:flex;flex-direction:column;justify-content:space-between;gap:36px;min-height:0}
.hd .ph{grid-column:8/13;margin:0}
.hd.land .tx{grid-column:1/-1;flex-direction:column;gap:clamp(28px,4vw,56px)}
.hd.land .tx>div{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gap);flex-wrap:wrap}
.hd.land .ph{grid-column:1/-1}
.hd.land .ph img{width:100%;aspect-ratio:21/9;object-fit:cover}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 10px}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--line)}
.crumbs a{text-decoration:none}
.crumbs [aria-current]{color:var(--ink)}
.eyebrow{display:flex;justify-content:space-between;align-items:baseline}
.eyebrow a{text-decoration:none;font:500 11.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:3px}
.eyebrow a:hover{color:var(--accent)}
.name{font-size:clamp(68px,11.2vw,176px);line-height:.9;font-weight:300;margin:0 0 .22em -.04em}
.t1{font-size:clamp(54px,8vw,128px);line-height:.94;font-weight:300;margin:.35em 0 0 -.03em}
.hd.land .t1{margin:0}
.lead{font:italic 300 clamp(22px,2.2vw,30px)/1.3 var(--serif);margin:.8em 0 0;max-width:30ch;color:var(--ink)}
.hd.land .lead{margin:0;max-width:34ch;text-align:right}
.say{margin:0;font:italic 300 clamp(30px,3.3vw,50px)/1.12 var(--serif);max-width:15ch}
.say cite{display:block;margin-top:16px;font:500 11.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.say a{text-decoration:none}
.say a:hover cite{color:var(--accent)}
figure{margin:0}
.ph img,.fig img{width:100%;background:var(--paper2)}
.ph.port img{aspect-ratio:4/5;object-fit:cover}
figcaption{font:400 12.5px/1.5 var(--sans);color:var(--mute);margin-top:10px;max-width:60ch}
figcaption b{display:block;font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}
figcaption a{color:var(--mute)}

/* Índice de la home */
.idx{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.idx a{display:grid;grid-template-columns:72px minmax(0,1.15fr) minmax(0,1fr) 40px;align-items:baseline;gap:var(--gap);padding:22px 0;border-top:1px solid var(--line);text-decoration:none}
.idx .n{color:var(--mute)}
.idx .ti{font:300 clamp(32px,3.4vw,50px)/1.05 var(--serif);transition:color .2s}
.idx .fr{color:var(--mute);font-size:16px;line-height:1.45;max-width:44ch}
.idx .ar{justify-self:end;font:300 26px/1 var(--serif);color:var(--accent);transition:transform .2s}
.idx a:hover .ti{color:var(--accent)}
.idx a:hover .ar{transform:translateX(5px)}
.idx a:hover .fr{color:var(--ink)}
@media (max-width:760px){
 .idx a{grid-template-columns:36px minmax(0,1fr) 28px;row-gap:6px;padding:18px 0}
 .idx .fr{grid-column:2/3;grid-row:2}
 .idx .ar{grid-column:3;grid-row:1}
}

/* Listas */
.sec{padding:0 0 clamp(48px,7vw,104px)}
.gh{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding-top:22px;margin:0 0 clamp(8px,1.4vw,18px)}
.gh h2{font-size:clamp(30px,3.4vw,48px);font-weight:300;line-height:1.05}
.gh h2 i{font-weight:300}
.yr{display:grid;grid-template-columns:minmax(120px,22%) minmax(0,1fr);column-gap:var(--gap);padding:clamp(18px,2.2vw,30px) 0;border-top:1px solid var(--line)}
.yr:first-of-type{border-top:0}
.yr>h3{font:300 clamp(34px,3.4vw,52px)/1 var(--serif);color:var(--accent);position:sticky;top:20px;align-self:start}
.rows{list-style:none;margin:0;padding:0}
.rows li+li{border-top:1px solid var(--line)}
a.row{display:grid;grid-template-columns:84px minmax(0,1fr) 28px;gap:var(--gap);padding:18px 0;text-decoration:none;align-items:baseline;position:relative}
a.row.nd{grid-template-columns:minmax(0,1fr) 28px}
a.row .d{color:var(--mute);font:500 11.5px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
a.row .m{display:block}
a.row .t{display:block;font:400 clamp(21px,1.9vw,27px)/1.22 var(--serif);transition:color .2s}
a.row .o{display:block;margin-top:5px;font:500 11.5px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
a.row .k{display:block;margin-top:8px;font-size:15px;line-height:1.5;color:var(--mute);max-width:62ch}
a.row .ar{justify-self:end;color:var(--accent);font:300 22px/1 var(--serif)}
a.row:hover .t{color:var(--accent)}
.small a.row{padding:14px 0}
.small a.row .t{font-size:clamp(19px,1.6vw,22px)}
.js .bm[hidden]{display:none}
.bm-wrap{display:flex;justify-content:flex-end;padding-top:6px}
.btn-more{font:500 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;background:none;border:0;border-bottom:1px solid var(--accent);color:var(--ink);padding:10px 0 8px;cursor:pointer}
.btn-more:hover{color:var(--accent)}
.btn-more[hidden]{display:none}
.js .btn-more{display:inline-block}
.btn-more{display:none}
.eps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--gap)}
.eps li{border-top:1px solid var(--line)}
.eps a{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:16px 0;text-decoration:none;align-items:baseline}
.eps b{font:300 30px/1 var(--serif);color:var(--accent)}
.eps span{font:400 clamp(19px,1.6vw,23px)/1.25 var(--serif)}
.eps a:hover span{color:var(--accent)}
.allnl{display:flex;justify-content:flex-end;margin-top:18px}
.lnk{font:500 11.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:4px}
.lnk:hover{color:var(--accent)}
@media (max-width:900px){.eps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
 .yr{grid-template-columns:1fr;row-gap:2px}.yr>h3{position:static}
 a.row{grid-template-columns:minmax(0,1fr) 24px;row-gap:4px}
 a.row .d{grid-column:1/3;grid-row:1}
 a.row .m{grid-column:1;grid-row:2}
 a.row .ar{grid-column:2;grid-row:2}
 a.row.nd .m,a.row.nd .ar{grid-row:1}
 .eps{grid-template-columns:1fr}
}

/* Lámina de dominio público */
.plate{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding-bottom:clamp(48px,7vw,104px)}
.plate figure{grid-column:7/13}
.plate.l figure{grid-column:1/7}
.plate.w figure{grid-column:1/-1}
.plate.w img{aspect-ratio:21/8;object-fit:cover}
.plate.c figure{grid-column:4/10}
@media (max-width:760px){.plate figure,.plate.l figure,.plate.c figure{grid-column:1/-1}}

/* Cronología */
.tl{list-style:none;margin:0;padding:0}
.tl li{display:grid;grid-template-columns:minmax(120px,22%) minmax(0,1fr);column-gap:var(--gap);padding:clamp(20px,2.4vw,34px) 0;border-top:1px solid var(--line)}
.tl .y{font:300 clamp(32px,3.4vw,50px)/1 var(--serif);color:var(--accent)}
.tl .y small{display:block;margin-top:10px;font:500 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.tl h3{font:400 clamp(24px,2.4vw,34px)/1.15 var(--serif)}
.tl p{margin:10px 0 0;max-width:60ch;color:var(--mute);font-size:16px}
.tl .lk{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:14px}
.tl .lk a{font:500 11.5px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}
.tl .lk a:hover{border-color:var(--accent);color:var(--accent)}
.tl .fut .y,.tl .fut h3{color:var(--mute)}
.tl .fut .y{color:var(--mute)}
.nota{padding:0 0 clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.nota p{grid-column:4/12;margin:0;font:300 clamp(22px,2.1vw,29px)/1.4 var(--serif);max-width:44em}
@media (max-width:760px){.tl li{grid-template-columns:1fr;row-gap:8px}.nota p{grid-column:1/-1}}

/* Novelas */
.book{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:32px;border-top:1px solid var(--ink);padding:26px 0 clamp(48px,7vw,104px)}
.book>.sc{grid-column:1/-1}
.book h2{grid-column:1/-1;font-size:clamp(38px,5.4vw,84px);line-height:1;margin-bottom:8px}
.book .cv{grid-column:1/5}
.book .cv img{width:100%;box-shadow:0 1px 0 var(--line)}
.book .bd{grid-column:6/13}
.dates{display:flex;gap:clamp(24px,4vw,60px);margin:0 0 30px;flex-wrap:wrap}
.dates span{display:block}
.dates b{display:block;font:300 clamp(24px,2.4vw,34px)/1.2 var(--serif);margin-top:4px}
.bd .lead{max-width:32em;margin:0 0 26px}
.quote{font:italic 300 clamp(22px,2.1vw,28px)/1.3 var(--serif);margin:0 0 28px;max-width:30em;border-left:1px solid var(--accent);padding-left:20px}
.quote cite{display:block;margin-top:8px;font:500 11.5px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--mute)}
.s{max-width:36em;margin:0 0 1em}
.cta{display:inline-block;margin-top:10px;background:var(--ink);color:var(--paper);font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:16px 24px;text-decoration:none;border:1px solid var(--ink)}
.cta:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.pre{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start;margin-top:clamp(24px,4vw,56px);padding-top:32px;border-top:1px solid var(--line)}
.pre .fm{grid-column:6/13}
.fm h3{font-size:clamp(30px,3.2vw,46px);margin:4px 0 22px}
.fld{margin-bottom:22px}
.fld label,.chk{font-size:14px}
.fld label{display:block;font:500 11.5px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.fld input{width:100%;font:400 18px/1.4 var(--sans);color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--ink);padding:10px 0;border-radius:0}
.fld input:focus-visible{outline-offset:4px}
.chk{display:flex;gap:12px;align-items:flex-start;margin:6px 0 24px;color:var(--mute);line-height:1.5}
.chk input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent);flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.btn{background:var(--ink);color:var(--paper);font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:17px 26px;border:1px solid var(--ink);cursor:pointer}
.btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.msg{min-height:1.5em;margin:16px 0 0;font-size:15px}
.msg.err{color:#9a2b1d}.msg.ok{color:#2f5d3a}
.q2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:28px}
.q2 .cv{grid-column:1/4}.q2 .cv img{width:100%}
.q2 .bd{grid-column:5/13;align-self:center}
@media (max-width:900px){
 .book .cv{grid-column:1/8}.book .bd{grid-column:1/-1}
 .pre .fm{grid-column:1/-1;margin-top:24px}.q2 .cv{grid-column:1/6}.q2 .bd{grid-column:1/-1}
}

/* Contacto */
.ct{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:24px;border-top:1px solid var(--ink);padding:26px 0 clamp(40px,5vw,72px)}
.ct>div{grid-column:span 4}
.ct h2{font-size:clamp(28px,2.6vw,38px);margin-bottom:12px}
.ct p{margin:0;font-size:19px}
.ct a{text-underline-offset:.25em}
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);padding-bottom:clamp(48px,7vw,104px)}
.strip img{aspect-ratio:4/5;object-fit:cover;width:100%;background:var(--paper2)}
@media (max-width:900px){.ct>div{grid-column:1/-1}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Pie */
footer{border-top:1px solid var(--line);padding:36px 0 44px;background:var(--paper)}
.next{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;padding-bottom:32px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.next a{font:300 clamp(28px,3.4vw,48px)/1.1 var(--serif);text-decoration:none}
.next a:hover{color:var(--accent)}
.fnav ul{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px 26px}
.fnav a{font:500 11.5px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--mute)}
.fnav a:hover{color:var(--accent)}
.row2{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:baseline}
.row2 a{text-decoration:none}
details{border-top:1px solid var(--line);padding:12px 0;margin-top:20px}
details summary{cursor:pointer;font:500 11.5px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding:6px 0}
details p,details li{font-size:14px;color:var(--mute);line-height:1.55;max-width:80ch}
details ul{padding-left:18px}
details a{color:var(--mute)}
@media (max-width:900px){
 .hd{grid-template-columns:1fr}
 .hd .tx,.hd .ph{grid-column:1/-1}
 .hd .ph{max-width:520px}
 .hd.land .tx>div{flex-direction:column;align-items:flex-start;gap:12px}
 .hd.land .lead{text-align:left}
 .hd.land .ph img{aspect-ratio:16/9}
}
@media print{.bar,.skip,footer details{display:none}}

/* Home: más compacta (entra en ~1,5 pantallas) */
.hd.home{padding-bottom:clamp(32px,4vw,52px)}
.hd.home .tx{grid-column:1/9}
.hd.home .ph{grid-column:9/13}
.hd.home+nav .idx a{padding:17px 0}
.idx a{grid-template-columns:72px minmax(0,1fr) minmax(0,1.25fr) 40px}
@media (max-width:900px){.hd.home .tx,.hd.home .ph{grid-column:1/-1}.hd.home .ph{max-width:420px}}
@media (max-width:760px){.idx a{grid-template-columns:36px minmax(0,1fr) 28px}.hd.home+nav .idx a{padding:16px 0}}
@media (max-width:760px){.gh{flex-direction:column;align-items:flex-start;gap:6px}.gh .sc{text-align:left}}

/* Medios y editoriales */
.jump{border-top:1px solid var(--line);padding:clamp(18px,2.4vw,30px) 0 clamp(8px,1.6vw,20px)}
.jump ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.jump a{font:500 11.5px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--ink);padding:5px 0;border-bottom:1px solid transparent;display:inline-block}
.jump a:hover{color:var(--accent);border-color:var(--accent)}
.jump .c{color:var(--mute)}
.inst{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,1fr);column-gap:var(--gap);padding:clamp(22px,2.8vw,40px) 0;border-top:1px solid var(--line);scroll-margin-top:12px}
.inst .ih{align-self:start;position:sticky;top:20px}
.inst h2{font:300 clamp(34px,3.6vw,54px)/1.02 var(--serif);margin:0 0 10px}
.inst .ih .sc+.sc{margin-top:4px;color:var(--accent)}
.inst a.row{grid-template-columns:104px minmax(0,1fr) 28px}
.inst .rows li:first-child a.row{padding-top:8px}
.inst .bm .rows{border-top:1px solid var(--line)}
.inst .allnl{padding-top:8px}
@media (max-width:900px){.inst{grid-template-columns:1fr;row-gap:10px}.inst .ih{position:static}}
@media (max-width:760px){.inst a.row{grid-template-columns:minmax(0,1fr) 24px}.inst a.row .d{grid-column:1/3}}

/* ===== v3 · color y vida: ilustración botánica inglesa de 1920, muy sutil ===== */
:root{--accent-w:#ead9cc;
 --h-escritura:#4d6b42;--w-escritura:#dfe6d2;--h-prensa:#76558a;--w-prensa:#e5dcec;--h-entrevistas:#a14a60;--w-entrevistas:#f0d9dc;
 --h-tv:#7a5c14;--w-tv:#efe1b8;--h-medios:#3d6b68;--w-medios:#d5e5df;--h-cronologia:#86563a;--w-cronologia:#ecdacb;--h-novelas:#8c4668;--w-novelas:#efd8e1;--h-contacto:#50663a;--w-contacto:#dfe5cc}
body[data-s=escritura]{--accent:var(--h-escritura)}body[data-s=prensa]{--accent:var(--h-prensa)}
body[data-s=entrevistas]{--accent:var(--h-entrevistas)}body[data-s=tv]{--accent:var(--h-tv)}
body[data-s=medios]{--accent:var(--h-medios)}body[data-s=cronologia]{--accent:var(--h-cronologia)}
body[data-s=novelas]{--accent:var(--h-novelas)}body[data-s=contacto]{--accent:var(--h-contacto)}
.t1{color:var(--accent)}
.gh{border-top-color:var(--accent)}
.book,.ct{border-top-color:var(--accent)}
.sc{color:var(--mute)}

/* Fotos: sin cuadros duros; marco de papel y sombra tenue */
.ph{position:relative}
.ph.port img,.strip img{border-radius:2px}
.ph.port>picture>img,.hd .ph>picture>img{box-shadow:0 22px 40px -28px rgba(92,64,34,.5)}
.ph figcaption{font-size:12px}

/* Índice de la home: un tono por sección */
.idx .n{color:var(--s,var(--mute));position:relative;font-weight:500}
.idx .n::before{content:"";position:absolute;left:-9px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:var(--sw,transparent);z-index:-1;opacity:.9}
.idx li{position:relative;isolation:isolate}
.idx .ar{color:var(--s,var(--accent))}
.idx a:hover .ti{color:var(--s,var(--accent))}
.yr>h3,.tl .y,.eps b{color:var(--accent)}

/* Línea que se dibuja al pasar sobre filas */
a.row::after,.idx a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--s,var(--accent));transform:scaleX(0);transform-origin:left center;transition:transform .55s ease;pointer-events:none}
.idx a{position:relative}
a.row:hover::after,a.row:focus-visible::after,.idx a:hover::after,.idx a:focus-visible::after{transform:scaleX(1)}
a.row:hover .ar{transform:translate(2px,-2px)}a.row .ar{transition:transform .25s}

/* Aparición suave al scrollear (clase puesta por JS; sin JS o con «reducir movimiento» no existe) */
.rv{opacity:0;transform:translateY(12px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}

/* Foto doble: B&N visible, color debajo que se funde (.6 s) al pasar el mouse, tocar o entrar en pantalla */
.duo{display:block;position:relative;overflow:hidden;aspect-ratio:var(--ar,1);background:var(--paper2);cursor:default}
.duo picture{position:absolute;inset:0;display:block}
.duo img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;box-shadow:none}
.duo .c{opacity:0;transition:opacity .6s ease}
.duo:hover .c,.duo.on .c{opacity:1}
.strip figure .duo{aspect-ratio:4/5}
.strip .duo img,.hd .duo img{border-radius:0}
/* portada: la propia, chica, superpuesta con leve desfase; alterna sola, muy despacio */
.pair .duo.mini{position:absolute;left:-14%;top:60%;width:42%;min-width:140px;max-width:200px;border:5px solid var(--paper);box-shadow:0 14px 28px -16px rgba(60,40,20,.55);z-index:3}
.pair .duo.mini .c{animation:alt 18s ease-in-out infinite}
@keyframes alt{0%,32%{opacity:0}46%,82%{opacity:1}96%,100%{opacity:0}}
.pair .duo.mini:hover .c,.pair .duo.mini.on .c{animation:none;opacity:1}
.duo.av{width:96px;border-radius:50%;flex:none}
.ig{display:flex;align-items:center;gap:16px}
@media (max-width:900px){.pair .duo.mini{left:-6px;top:auto;bottom:64px;width:36%}}

/* Episodios de La aventura interior: miniatura aprobada (o ramita de jazmín propia) + número + título */
.eps a{grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;padding:14px 0}
.eps .tx{display:block;min-width:0}
.eps .tx b{display:block;font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px}
.eps .tx>span{display:block;font:400 clamp(19px,1.6vw,23px)/1.25 var(--serif)}
.eps .th{display:block;position:relative;width:96px;height:96px}
.eps .th picture{display:contents}
.eps .th img{display:block;width:100%;height:100%;object-fit:cover;background:var(--paper2);border:1px solid var(--line)}
.eps .th.two img{position:absolute;width:70px;height:70px;box-shadow:0 1px 0 var(--paper)}
.eps .th.two picture:first-child img{left:0;top:0}
.eps .th.two picture:last-child img{right:0;bottom:0;border-color:var(--paper);outline:1px solid var(--line)}
.bm .eps{border-top:0}
@media (prefers-reduced-motion:no-preference){.eps .th img{transition:transform .5s ease}.eps a:hover .th:not(.sp) img{transform:scale(1.04)}.eps a:hover .th.two img{transform:none}}
@media (max-width:560px){.eps a{grid-template-columns:84px minmax(0,1fr);gap:14px}.eps .th{width:84px;height:84px}.eps .th.two img{width:62px;height:62px}}

/* =====================================================================
   v4 · editorial: papel crema, tinta, rojo labial / terracota, verde botella y azul profundo.
   Recortes con borde irregular y cinta, círculos y arcos de color, sellos numerados,
   números gigantes y contrastes tipográficos (Playfair Display + Cormorant + Inter, todo local).
   ===================================================================== */
:root{--paper:#f3ecde;--paper2:#e7dcc6;--ink:#17140f;--mute:#554c40;--line:#d3c6ad;--accent:#a3221f;
 --disp:"Playfair Display","Didot","Bodoni MT",Georgia,serif;
 --h-escritura:#1f5a45;--w-escritura:#c9dccd;--h-prensa:#26406b;--w-prensa:#cfd9e8;--h-entrevistas:#a3221f;--w-entrevistas:#f0cdc2;
 --h-tv:#8a4510;--w-tv:#f0d7a9;--h-medios:#1d5656;--w-medios:#c8dfda;--h-cronologia:#9c4521;--w-cronologia:#efcdb4;
 --h-novelas:#8f1d2c;--w-novelas:#efc6c3;--h-contacto:#a3401f;--w-contacto:#f1d3b9}
html{background:var(--paper)}
body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .15 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
main{overflow-x:clip}
.bar{background:var(--paper);border-bottom:2px solid var(--ink)}
.mark{font:italic 500 28px/1 var(--disp);letter-spacing:-.01em}
.nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}
h1,h2,h3{font-weight:400}
.sc{color:var(--mute)}

/* Titulares: didone gigante frente a versalitas chicas */
.name{font:400 clamp(72px,12.4vw,196px)/.84 var(--disp);letter-spacing:-.045em;margin:.5em 0 .16em -.05em;color:var(--ink);position:relative;z-index:3}
.name span{display:block}
.name span+span{font-style:italic;padding-left:.55em;color:var(--accent)}
.t1{font:400 clamp(50px,8.2vw,134px)/.9 var(--disp);letter-spacing:-.04em;color:var(--ink);margin:.28em 0 0 -.03em;position:relative;z-index:3;text-wrap:balance;overflow-wrap:anywhere}
.hd.land .t1{margin:0}
.lead{font:italic 400 clamp(22px,2.3vw,32px)/1.25 var(--serif);color:var(--accent);max-width:24ch}
.say{font:italic 400 clamp(26px,2.9vw,42px)/1.14 var(--disp);max-width:16ch;position:relative;z-index:3}
.say cite{font-family:var(--sans)}
.eyebrow{border-bottom:1px solid var(--ink);padding-bottom:10px}
.eyebrow a{border-color:var(--accent)}
.gh{border-top:2px solid var(--ink)}
.gh h2{font:italic 400 clamp(30px,3.6vw,54px)/1.05 var(--disp);letter-spacing:-.02em}
.yr>h3,.tl .y{font:400 clamp(34px,4.2vw,68px)/.92 var(--disp);letter-spacing:-.04em;color:var(--accent)}
.tl .y small{font-family:var(--sans)}
.tl .fut .y{color:var(--mute)}
.tl li{border-top:1px solid var(--ink)}
.yr{border-top:1px solid var(--ink)}
.book{border-top:2px solid var(--ink)}
.book h2{font:400 clamp(44px,6.2vw,100px)/.95 var(--disp);letter-spacing:-.04em}
.book h2 i{color:var(--accent)}
.fm h3,.ct h2,.inst h2{font-family:var(--disp);letter-spacing:-.02em}
.inst h2{font-size:clamp(30px,3.2vw,48px)}
a.row .t{font-family:var(--serif);font-weight:500}
a.row .ar,.eps b,.idx .ar{color:var(--accent)}
.cta{background:var(--accent);border-color:var(--accent);color:#fff}
.cta:hover{background:var(--ink);border-color:var(--ink)}
.quote{border-left:3px solid var(--accent)}

/* Cabeceras */
.hd{position:relative}
.hd .tx{position:relative;z-index:3}
.hd .ph{position:relative;z-index:2}
.disc{position:absolute;z-index:0;border-radius:50%;background:var(--sw,var(--w-escritura));pointer-events:none;width:clamp(200px,29vw,440px);aspect-ratio:1;right:-3%;top:-4%}
.arch{position:absolute;z-index:1;pointer-events:none;width:clamp(70px,9vw,140px);aspect-ratio:3/4.4;border:2px solid var(--accent);border-radius:999px 999px 0 0;right:36%;bottom:8%}
.hd.land .arch{right:auto;left:62%;bottom:auto;top:-10px}
.hd.land .disc{right:auto;left:-4%;top:auto;bottom:-6%;width:clamp(160px,22vw,320px)}
.stamp{position:absolute;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:clamp(88px,8.6vw,124px);aspect-ratio:1;border:2px solid var(--accent);border-radius:50%;background:var(--paper);color:var(--accent);transform:rotate(-9deg);text-align:center;box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5px var(--accent)}
.stamp b{font:italic 400 clamp(17px,1.8vw,24px)/1 var(--disp);letter-spacing:-.01em}
.stamp i{font:500 9px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;font-style:normal;max-width:9ch}
.hd:not(.home) .stamp{right:calc(33.4% - 20px);top:4%}
.hd.land .stamp{right:6%;top:-18px}
.arrow{position:absolute;z-index:4;pointer-events:none;width:clamp(70px,8vw,120px);height:auto;color:var(--ink)}

/* Recortes: borde irregular, cinta, sombra de papel */
.cut{position:relative;transform:rotate(var(--rot,0deg));transition:transform .5s ease}
.cut.c1{--rot:-1.1deg}.cut.c2{--rot:.9deg}.cut.c3{--rot:-.5deg}
.cut>picture{display:block;filter:drop-shadow(0 16px 16px rgba(45,28,10,.26))}
.cut>picture>img{box-shadow:none!important;border-radius:0!important}
.cut.c1>picture>img{clip-path:polygon(0 1.5%,14% 0,38% 1.2%,61% 0,85% 1%,100% .5%,99% 22%,100% 49%,98.6% 76%,100% 100%,77% 98.6%,53% 100%,28% 98.7%,0 100%,1.3% 71%,0 46%,1.2% 22%)}
.cut.c2>picture>img{clip-path:polygon(1% 0,22% 1.4%,47% 0,72% 1.3%,100% 0,98.8% 27%,100% 55%,99% 80%,100% 100%,80% 98.7%,55% 100%,31% 98.6%,2% 100%,0 76%,1.2% 49%,0 24%)}
.cut.c3>picture>img{clip-path:polygon(0 0,26% 1.2%,52% 0,79% 1.4%,100% 1%,98.8% 30%,100% 58%,98.7% 83%,99% 100%,70% 98.7%,44% 100%,19% 98.5%,0 99%,1.4% 68%,0 41%,1.3% 18%)}
.cut::before{content:"";position:absolute;z-index:3;left:50%;top:-13px;width:86px;height:26px;margin-left:-43px;background:rgba(214,176,112,.62);transform:rotate(-3deg);box-shadow:0 1px 2px rgba(0,0,0,.14);clip-path:polygon(0 8%,6% 0,12% 10%,18% 0,100% 0,96% 30%,100% 55%,95% 100%,12% 100%,6% 90%,0 100%,3% 50%)}
.cut.c2::before{left:18%;transform:rotate(5deg);background:rgba(170,200,185,.6)}
.cut.c3::before{left:auto;right:6%;margin:0;transform:rotate(-6deg);background:rgba(224,186,170,.66)}
.cut figcaption{margin-top:14px;font-size:12px;color:var(--mute)}
.pc::before,.cph.nt::before{display:none}
@media (prefers-reduced-motion:no-preference){.cut:hover{transform:rotate(calc(var(--rot,0deg)*-1.8)) scale(1.012)}}
.ph.port img,.ph.land img{background:var(--paper2)}

/* Home */
.hd.home{padding-bottom:clamp(30px,4vw,52px)}
.hd.home .tx{grid-column:1/9}
.hd.home .ph{grid-column:8/13}
.hd.home .disc{right:-2%;top:6%}
.hd.home .arch{right:auto;left:49%;bottom:2%}
.hd.home .stamp.big{right:auto;left:56%;top:auto;bottom:6%;width:clamp(100px,10vw,150px);text-decoration:none;pointer-events:auto}
.hd.home .stamp.big b{font-size:clamp(17px,1.7vw,24px);max-width:7ch;line-height:1}
.hd.home .stamp.big:hover{background:var(--accent);color:#fff}
.hd.home .stamp.big:hover b,.hd.home .stamp.big:hover i{color:#fff}
.hd.home .arrow{left:52%;top:46%;transform:rotate(18deg)}
.hd.home .eyebrow a{font-weight:500}

/* Sumario */
.sumario{position:relative}
.sumario .sh{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:2px solid var(--ink);padding-top:14px}
.sumario .sh h2{font:italic 400 clamp(40px,5.4vw,84px)/.95 var(--disp);letter-spacing:-.03em}
.hd.home+.sumario nav,.sumario nav{display:block}
.idx{border-bottom:2px solid var(--ink)}
.idx a{grid-template-columns:clamp(70px,8vw,128px) minmax(0,1fr) minmax(0,1.1fr) 40px;align-items:center;padding:12px 0;border-top:1px solid var(--ink)}
.hd.home+nav .idx a,.sumario .idx a{padding:12px 0}
.idx .n{font:400 clamp(40px,5.2vw,82px)/.9 var(--disp);letter-spacing:-.05em;color:var(--s,var(--accent));position:relative;z-index:0}
.idx .n::before{left:-4px;top:50%;width:clamp(44px,4.6vw,70px);height:clamp(44px,4.6vw,70px);margin-top:calc(clamp(44px,4.6vw,70px)/-2);opacity:.75}
.idx .ti{font:400 clamp(28px,3.2vw,48px)/1.02 var(--disp);letter-spacing:-.02em}
.idx li:nth-child(even) .ti{font-style:italic}
.idx .fr{font-size:15px;color:var(--mute)}
.idx li:nth-child(even) a{padding-left:clamp(0px,3.4vw,52px)}
.idx a:hover .ti{color:var(--s,var(--accent))}
@media (max-width:760px){
 .idx a{grid-template-columns:clamp(56px,16vw,72px) minmax(0,1fr) 28px;row-gap:2px;padding:12px 0}
 .idx .n{grid-row:1/3;font-size:44px}.idx .ti{font-size:28px}
 .idx .fr{grid-column:2/3;grid-row:2}.idx .ar{grid-column:3;grid-row:1/3}
 .idx li:nth-child(even) a{padding-left:0}
}

/* Escritura: montón de láminas aprobadas, como recortes sobre la mesa */
.pilewrap{position:relative;margin:0 0 clamp(40px,6vw,90px);padding:clamp(14px,2vw,30px) 0}
.pilewrap .disc{left:4%;right:auto;top:-8%;width:clamp(160px,22vw,320px);background:var(--w-escritura)}
.pilewrap .stamp{left:4%;top:auto;bottom:-4%;right:auto}
.pilewrap .arrow{right:10%;top:-22px;transform:scaleX(-1) rotate(8deg)}
.pile{position:relative;display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap;padding:12px 0}
.pc{margin:0 clamp(-26px,-1.8vw,-10px);width:clamp(120px,16vw,230px);flex:none;z-index:1}
.pc img{width:100%;height:auto}
.pc.p1{margin-top:34px;--rot:-5deg}.pc.p2{margin-top:-24px;--rot:3deg;z-index:2}.pc.p3{--rot:-2deg;z-index:3;width:clamp(140px,19vw,270px)}.pc.p4{margin-top:-30px;--rot:5deg;z-index:2}.pc.p5{margin-top:30px;--rot:-3deg}
@media (max-width:760px){.pile{flex-wrap:wrap;gap:6px 0}.pc{width:34%;margin:0 -2%}.pc.p3{width:42%}}

/* Episodios sin lámina: círculo o arco de color con el número */
.eps .th.sp{display:flex;align-items:center;justify-content:center;border:0;background:var(--w-escritura);border-radius:50%;width:84px;height:84px}
.eps .th.sp i{font:italic 400 34px/1 var(--disp);color:var(--h-escritura);letter-spacing:-.03em}
.eps .th.sp.k1{border-radius:999px 999px 0 0;background:var(--w-entrevistas)}.eps .th.sp.k1 i{color:var(--h-entrevistas)}
.eps .th.sp.k2{background:var(--w-tv)}.eps .th.sp.k2 i{color:var(--h-tv)}
.eps .th.sp.k3{border-radius:999px 999px 0 0;background:var(--w-medios)}.eps .th.sp.k3 i{color:var(--h-medios)}
.eps .th{flex:none}
.eps .th img{border:0}
.eps .th.sp{margin:6px 0 6px 6px}
.eps a:hover .th.sp{transform:rotate(-6deg)}
.eps .th.sp{transition:transform .4s ease}
.plate{padding-bottom:clamp(60px,8vw,110px)}
.plate figure{padding-top:14px}

/* Contacto, a lo Rouje: foto grande, collage, frase de apertura y cierre */
.cx{position:relative;padding-bottom:clamp(30px,5vw,70px)}
.cx-top{padding:clamp(20px,3vw,36px) 0 6px}
.cx-hero{position:relative;display:grid;grid-template-rows:auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end;padding:clamp(14px,2vw,30px) 0 clamp(50px,7vw,100px)}
.cx-hero .disc{left:42%;right:auto;top:6%;width:clamp(240px,34vw,500px);background:var(--w-contacto)}
.cx-hero .arch{left:3%;right:auto;bottom:auto;top:14%;width:clamp(80px,10vw,150px);border-color:var(--h-contacto)}
.cph{margin:0;position:relative}
.cph img{width:100%;height:auto;object-fit:cover;background:var(--paper2)}
.cx-hero .big{grid-column:1/7;grid-row:1/3;position:relative;z-index:2}
.cx-hero .big img{aspect-ratio:4/5}
.cx-hero .s1{grid-column:8/10;grid-row:2;align-self:end;z-index:3}
.cx-hero .s1 img{aspect-ratio:4/5}
.cx-hero .s2{grid-column:10/13;grid-row:2;align-self:end;margin-bottom:-5%;z-index:3}
.cx-hero .s2 img{aspect-ratio:4/5}
.cx-open{grid-column:7/13;grid-row:1;align-self:start;position:relative;z-index:4;padding:4% 0 6%}
.cx-open .t1{font-size:clamp(60px,9vw,150px);margin:.1em 0 0 -.03em;color:var(--accent);font-style:italic;pointer-events:auto}
.cx-open .open{font:400 clamp(26px,3vw,46px)/1.12 var(--serif);font-style:italic;margin:.45em 0 0;max-width:15ch;color:var(--ink)}
.cx-open .stamp{position:static;display:flex;margin:22px 0 0 clamp(80px,13vw,200px)}
.chan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);border-top:2px solid var(--ink);margin:0 0 clamp(60px,8vw,120px)}
.ch{padding:20px 0 0;position:relative}
.ch .no{display:block;font:400 clamp(52px,6vw,100px)/.85 var(--disp);letter-spacing:-.05em;color:var(--w-contacto);-webkit-text-stroke:1px var(--h-contacto)}
.ch h2{font:italic 400 clamp(26px,2.6vw,38px)/1.1 var(--disp);margin:.3em 0 .4em}
.ch p{margin:0;font-size:20px}
.ch a,.pt a{text-underline-offset:.25em;text-decoration-color:var(--accent)}
.press{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;margin-bottom:clamp(60px,8vw,120px);background:var(--ink);color:var(--paper);padding:clamp(28px,4vw,60px) clamp(20px,3vw,48px);border-radius:0}
.press .arch{position:absolute;right:6%;top:-40px;border-color:var(--paper);opacity:.0}
.press .pp{grid-column:1/5;margin:-80px 0 -80px;position:relative;z-index:2}
.press .pp img{aspect-ratio:4/5;object-fit:cover}
.press .pt{grid-column:6/13}
.press .sc{color:#e6c9a3}
.press h2{font:400 clamp(32px,4vw,60px)/1.05 var(--disp);letter-spacing:-.02em;margin:.3em 0 .4em}
.press h2 i{color:#f0b9a4}
.press p{margin:.4em 0;max-width:40ch;color:#e9e1d1}
.press .big{font:italic 400 clamp(26px,3vw,44px)/1.2 var(--disp);margin-top:.7em}
.press a{color:#fff;text-decoration-color:#f0b9a4}
.press a:hover{color:#f0b9a4}
.reel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start;margin-bottom:clamp(40px,6vw,90px)}
.reel .r1{grid-column:1/5}.reel .r1 img{aspect-ratio:4/5}
.reel .r2{grid-column:5/10;margin-top:clamp(40px,7vw,110px)}.reel .r2 img{aspect-ratio:3/2}
.reel .r3{grid-column:10/13;margin-top:clamp(0px,2vw,30px)}.reel .r3 img{aspect-ratio:4/5}
.adieu{text-align:center;padding:clamp(20px,4vw,60px) 0 0}
.close{font:400 clamp(40px,7.4vw,120px)/.98 var(--disp);letter-spacing:-.04em;margin:0;color:var(--ink)}
.close i{color:var(--accent)}
@media (max-width:900px){
 .cx-hero{grid-template-columns:repeat(6,minmax(0,1fr))}
 .cx-hero .big{grid-column:1/6;grid-row:1;max-width:none}
 .cx-hero .s1{grid-column:4/7;grid-row:2;margin:-18% 0 0 0}
 .cx-hero .s2{display:none}
 .cx-open{grid-column:1/-1;grid-row:3;padding:30px 0 0}.cx-hero{grid-template-rows:none}
 .cx-open .stamp{margin-left:0}
 .chan{grid-template-columns:1fr}
 .press{grid-template-columns:1fr}.press .pp{grid-column:1;width:62%;margin:-70px 0 24px}.press .pt{grid-column:1}
 .reel .r1{grid-column:1/7}.reel .r2{grid-column:2/13;margin-top:20px}.reel .r3{grid-column:6/13;margin-top:20px}
 .hd:not(.home) .stamp{right:auto;left:60%;top:2%}
 .hd.home .stamp.big{left:auto;right:8%;bottom:4%}
 .hd.home .arrow{display:none}
}
.hd .ph.land{overflow:visible}
.hd.land .ph img{aspect-ratio:21/9}
footer{background:var(--ink);color:var(--paper);margin-top:clamp(40px,6vw,80px)}
footer .sc,footer .sc a{color:#e6d9c0}
footer a{color:var(--paper);text-decoration-color:rgba(255,255,255,.4)}
footer a:hover{color:#f0b9a4}
footer .next{border-color:rgba(255,255,255,.3)}
footer .next a{font-family:var(--disp);font-style:italic}
footer .fnav{border-color:rgba(255,255,255,.3)}
footer .row2{border-color:rgba(255,255,255,.3)}
footer details,footer details p,footer details li,footer details a,footer details summary{color:#dccfb8}
@media print{.disc,.arch,.stamp,.arrow{display:none}}
footer .fnav a,footer .next a,footer .row2 a{color:var(--paper)}
footer .fnav a[aria-current=page]{color:#f0b9a4}
footer .fnav a:hover,footer .next a:hover,footer .row2 a:hover{color:#f0b9a4}
footer .next .sc{color:#e6d9c0}
footer :focus-visible{outline-color:#f0b9a4}
.hd.home .tx,.hd.home .ph{grid-row:1}
@media (max-width:900px){.hd.home .tx{grid-row:1}.hd.home .ph{grid-row:2}}
.hd.home .tx{grid-column:1/8}
.hd.home .disc{left:27%;right:auto;top:4%;width:clamp(200px,27vw,400px)}
.idx .n{font-variant-numeric:lining-nums}
.hd .disc{top:8px}
.hd.land .arch{left:54%;top:46px;width:clamp(60px,7vw,110px)}
.hd.land .stamp{right:5%;top:12px}
.hd.land .disc{left:auto;right:7%;top:auto;bottom:-2%;width:clamp(120px,15vw,210px)}
.yr>h3,.tl .y,.idx .n,.ch .no{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.hd.home .eyebrow{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline}
.press a,.press .mail{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:520px){.press a[data-mail],.press .mail,.press a{font-size:clamp(17px,5.4vw,24px)}}
@media(max-width:600px){.hd:not(.home):not(.land) .stamp{top:84px;right:5%}.hd.land .stamp{top:70px}}
@media(max-width:600px){.hd:not(.home) .arch{display:none}.hd.land .disc{top:40px;bottom:auto;right:-6%;width:120px}.hd.land .stamp{top:84px}}
@media(max-width:600px){.hd:not(.home) .stamp{display:none}}
/* ronda 5: tira de las 14 láminas aprobadas (SI), grandes y decorativas */
.pile{flex-wrap:wrap;row-gap:clamp(6px,1.4vw,22px);padding:18px 0 8px}
.pile .pc,.pile .pc.p1,.pile .pc.p2,.pile .pc.p3,.pile .pc.p4,.pile .pc.p5{width:clamp(120px,12.6vw,196px);margin:0 clamp(-22px,-1.4vw,-8px);z-index:1}
.pile .pc:nth-child(3n+1){margin-top:22px}.pile .pc:nth-child(3n+2){margin-top:-14px;z-index:2}.pile .pc:nth-child(3n){margin-top:6px}
.pile .pc:nth-child(5n+3){width:clamp(140px,14.6vw,226px);z-index:3}
@media (max-width:760px){.pile .pc,.pile .pc.p1,.pile .pc.p2,.pile .pc.p3,.pile .pc.p4,.pile .pc.p5{width:33%;margin:0 -1.5%}.pile .pc:nth-child(5n+3){width:38%}}

/* ronda 6: cita de apertura de Contacto (solo se dibuja si build.py define CITA) */
.cita{display:block;width:auto;border-left:0;max-width:none;margin:0 0 clamp(60px,8vw,120px);padding:clamp(28px,5vw,72px) 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);position:relative}
.cita blockquote{margin:0}
.cita blockquote p{max-width:17em;font:italic 400 clamp(34px,5.4vw,88px)/1.04 var(--disp);letter-spacing:-.03em;margin:0;color:var(--ink);text-wrap:balance}
.cita figcaption{margin-top:clamp(18px,2.4vw,32px);font:500 12px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.cita figcaption i{text-transform:none;letter-spacing:.02em;font:italic 400 18px/1.4 var(--serif)}

/* ronda 8 · barra «headroom»: aparece al subir, se oculta al bajar. Sobria, mismo lenguaje que la barra de arriba. */
.hr,.totop{display:none}
.js .hr{display:block;position:fixed;top:0;left:0;right:0;z-index:50;background:var(--paper);border-bottom:2px solid var(--ink);box-shadow:0 6px 18px rgba(23,20,15,.10);transform:translateY(-105%);visibility:hidden;transition:transform .26s ease,visibility 0s linear .26s}
.js .hr.on{transform:none;visibility:visible;transition:transform .26s ease,visibility 0s}
.hr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px}
.hr .mark{font:italic 500 21px/1 var(--disp);text-decoration:none;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}
.hr-r{display:flex;align-items:center;gap:clamp(14px,2vw,26px)}
.hr-sum,.hr-ct{font:500 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:none;border:0;border-bottom:1px solid var(--ink);padding:9px 0 7px;text-decoration:none;cursor:pointer}
.hr-ct{color:var(--accent);border-color:var(--accent)}
.hr-sum:hover,.hr-ct:hover{color:var(--accent);border-color:var(--accent)}
.hr-sum::after{content:" +";}
.hr-sum[aria-expanded=true]::after{content:" −"}
.hr-menu{border-top:1px solid var(--line);background:var(--paper);max-height:calc(100vh - 54px);overflow:auto}
.hr-menu[hidden]{display:none}
.hr .hr-menu .wrap{display:block;min-height:0}
.hr-menu ol{list-style:none;margin:0;padding:6px 0 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap)}
.hr-menu a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font:400 20px/1.2 var(--disp);text-decoration:none;color:var(--ink)}
.hr-menu a:hover{color:var(--accent)}
.js .totop{display:inline-block;position:fixed;right:clamp(14px,2.4vw,32px);bottom:clamp(14px,2.4vw,28px);z-index:50;font:500 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--paper);background:var(--ink);padding:13px 16px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}
.js .totop.on{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .22s ease,visibility 0s}
.totop:hover{color:var(--paper);background:var(--accent)}
.hr :focus-visible,.totop:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.totop:focus-visible{outline-color:var(--ink);outline-offset:3px;box-shadow:0 0 0 2px var(--paper)}
@media (max-width:700px){
 .hr .wrap{min-height:48px;gap:10px}
 .hr .mark{font-size:18px}
 .hr-r{gap:14px}
 .hr-menu ol{grid-template-columns:1fr}
 .hr-menu a{font-size:19px;padding:13px 0}
}
@media print{.hr,.totop{display:none!important}}