


.sec-num{font:600 11px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-media)}
.sec-h{font:900 clamp(32px,4.6vw,54px)/1.02 var(--display);letter-spacing:-.015em;margin:12px 0 12px;max-width:17em}
.sec-lede{font:400 clamp(17px,1.6vw,20px)/1.55 var(--texto);color:#2e2822;max-width:var(--ancho-prosa)}
.sec-cab{margin-bottom:var(--esp-cabecera)}
.bloque{padding:var(--esp-seccion) 0;border-top:1px solid var(--linea-suave)}
.bloque:first-child{border-top:0}



.home-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,70px);
  align-items:center;min-height:min(86svh,820px);padding:clamp(40px,6vh,80px) 0 clamp(48px,8vh,90px)}
.home-hero .ced{font:600 11.5px/1.6 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-media)}

.home-hero>div:first-child{container-type:inline-size;min-width:0}
.home-hero h1{font:900 clamp(44px,5.6vw,84px)/0.98 var(--display);letter-spacing:-.02em;margin:.18em 0 .2em}
@supports (font-size:1cqi){ .home-hero h1{font-size:clamp(44px,15.2cqi,84px)} }
.home-hero h1 span{display:block}
.hero-frac{font:700 clamp(21px,2.5vw,29px)/1 var(--display);color:var(--acento);font-variant-numeric:tabular-nums}
.hero-sub{font:600 10.5px/1.6 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-baja);margin-top:6px}
.hero-cita{font:400 clamp(18px,2vw,21px)/1.5 var(--texto);font-style:italic;color:#2e2822;max-width:420px;margin:22px 0 0}
.hero-firma{width:132px;opacity:.92;mix-blend-mode:multiply;margin-top:18px}
.home-hero .acciones{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-hoja{justify-self:end;width:min(100%,620px)}

.home-cifras{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--linea);background:var(--linea)}
.home-cifras>*{background:var(--papel-hoja);padding:18px 18px 19px;transition:var(--transicion);text-align:center}
.home-cifras a:hover{background:#fbf3e4}
.arch-cifras{grid-template-columns:repeat(3,1fr)}
.home-cifras .n{font:700 clamp(26px,3vw,38px)/1 var(--display);font-variant-numeric:tabular-nums}
.home-cifras .l{font:600 10.5px/1.45 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-media);margin-top:7px}

.puertas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.puerta{border:1px solid var(--linea);background:var(--papel-hoja);overflow:hidden;transition:var(--transicion)}
.puerta:hover{box-shadow:var(--sombra-pieza)}
.puerta .im{aspect-ratio:4/3;overflow:hidden;background:var(--papel-hoja)}
.puerta .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.puerta:hover .im img{transform:scale(1.03)}
.puerta .tx{padding:16px 18px 20px;border-top:1px solid var(--linea-suave)}
.puerta .k{font:600 10.5px/1.5 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-media)}
.puerta h3{font:900 22px/1.06 var(--display);margin:6px 0 5px}
.puerta p{margin:0;font-size:14.5px;line-height:1.45;color:var(--tinta-media)}


.home-cita{border-left:1px solid var(--linea);padding:10px 0 10px 30px;margin:0;max-width:52em}
.home-cita p{font:400 clamp(22px,3vw,34px)/1.4 var(--texto);font-style:italic;color:#2e2822;margin:0}
.home-cita cite{display:block;font:600 11px/1.6 var(--ui);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-baja);margin-top:14px}


.home-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px)}
.home-peli .pantalla{aspect-ratio:3/2;overflow:hidden;background:var(--sala);border:10px solid var(--papel-hoja);box-shadow:var(--sombra-hoja)}

.home-peli .pantalla img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}
.home-peli:hover .pantalla img{transform:scale(1.02)}
.home-peli .cap{padding:14px 2px 0}
.home-peli .k{font:600 10.5px/1.5 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-media)}
.home-peli h3{font:900 clamp(24px,2.6vw,34px)/1.02 var(--display);margin-top:5px}


.peli-grid .cartel{padding:12px;max-width:460px}
.peli-grid .cartel img{width:100%;height:auto;display:block}


.ficha{padding-top:26px}
.acento{color:var(--acento)}
.volver{font:600 11px/1 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-media)}
.volver:hover{color:var(--acento)}
.ficha-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(300px,4fr);gap:clamp(30px,5vw,70px);margin-top:20px;align-items:start}
.ficha-visor-col{position:sticky;top:88px}
.visor-frida{position:relative;background:var(--sala);border:1px solid var(--linea);box-shadow:var(--sombra-hoja)}
.osd{width:100%;height:min(74vh,640px)}
.visor-pista{position:absolute;left:14px;top:12px;z-index:5;font:600 10.5px/1.4 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--papel-hoja);background:rgba(15,12,9,.55);border:1px solid var(--linea-papel);padding:7px 10px;max-width:60%}
.visor-ced{position:absolute;left:14px;bottom:12px;right:14px;z-index:5;color:var(--papel-hoja);font:600 10.5px/1.6 var(--ui);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.9)}
.visor-ced .ob{display:block;font:400 16px/1.3 var(--texto);font-style:italic;text-transform:none;letter-spacing:0}
.visor-plano{padding:0}
.visor-plano .hoja img{cursor:zoom-in}

.marco-vacio{border:1px solid var(--linea);background:var(--papel-hoja);box-shadow:var(--sombra-pieza);padding:clamp(24px,4vw,44px)}
.marco-vacio .adentro{border:1px solid var(--linea-suave);min-height:min(52vh,460px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}
.ref-grande{font:700 clamp(34px,5vw,64px)/1 var(--display);color:var(--tinta-media);letter-spacing:-.01em}
.marco-vacio p{max-width:20em;margin:16px 0 0;font:600 10.5px/1.7 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-baja)}

.hs{width:26px;height:26px;border-radius:50%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0}
.hs::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 3px rgba(158,43,30,.35),0 1px 6px rgba(0,0,0,.5);transition:transform .2s}
.hs:hover::after,.hs.on::after{transform:scale(1.25)}
.hs-lbl{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;font:600 10.5px/1 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--papel-hoja);background:var(--acento);padding:6px 9px;opacity:0;pointer-events:none;transition:.2s}
.hs:hover .hs-lbl,.hs.on .hs-lbl{opacity:1}
.nota-detalle{margin-top:14px;border:1px solid var(--linea);background:var(--papel-hoja);padding:16px 18px;box-shadow:var(--sombra-pieza)}
.nota-detalle .k{font:600 10.5px/1.5 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-media)}
.nota-detalle p{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--tinta)}

.ficha-datos .serie-tag{font:600 11px/1.4 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-baja)}
.titulo-obra{font-family:var(--texto);font-style:italic;font-weight:400;font-size:clamp(34px,4.6vw,52px);line-height:1.08;letter-spacing:0;margin:8px 0 4px}
.glosa{font:400 15px/1.4 var(--texto);font-style:italic;color:var(--tinta-media)}
.anio-grande{font:700 clamp(26px,3vw,38px)/1 var(--display);color:var(--tinta);margin:10px 0 20px}
.tabla-razonada{width:100%;border-collapse:collapse;margin:8px 0}
.tabla-razonada td{padding:9px 0;border-bottom:1px solid var(--linea-suave);font-size:15px;line-height:1.4;vertical-align:top}
.tabla-razonada td:first-child{width:40%;font:600 10.5px/1.5 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-baja);padding-right:14px}
.dato-edicion{font-family:var(--display);font-weight:700;color:var(--acento)}
.biblio{margin-top:22px}
.biblio h4{font:700 10.5px/1.5 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-baja);margin-bottom:8px}
.biblio ol{margin:0;padding-left:1.3em;font-size:13.5px;line-height:1.5;color:var(--tinta-media)}
.biblio li{margin:.3em 0}
.observ{margin-top:20px;font-size:14.5px;line-height:1.55;color:var(--tinta-media)}
.citar{margin-top:24px;padding-top:18px;border-top:1px solid var(--linea)}
.citar p{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:var(--tinta-media)}

.ficha .ca{margin:0 0 22px}

.ficha-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;padding-top:22px;border-top:1px solid var(--linea)}
.ficha-nav a{font:400 16px/1.3 var(--texto);color:var(--tinta);padding:6px 0}
.ficha-nav a:hover{color:var(--acento)}
.ficha-nav .der{text-align:right}
.mismos{margin-top:44px}
.mismos-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px}
.pieza{display:block;background:var(--papel-hoja);border:1px solid var(--linea);aspect-ratio:3/4;overflow:hidden;position:relative}
.pieza img{width:100%;height:78%;object-fit:contain;background:var(--papel-hoja);padding:6px}
.pieza-ref{display:flex;height:78%;align-items:center;justify-content:center;font:700 15px/1 var(--display);color:var(--tinta-media);border-bottom:1px solid var(--linea-suave)}
.pieza-tit{display:block;padding:6px 8px;font:400 11px/1.3 var(--texto);font-style:italic;color:var(--tinta-media);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


.cat-cab{padding:clamp(36px,6vh,64px) 0 10px}
.cat-lede{max-width:min(880px,100%)}
.cat-facetas{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.chip{font:600 11px/1.3 var(--ui);letter-spacing:.03em;text-transform:uppercase;padding:9px 13px;border:1px solid var(--linea);background:var(--papel-hoja);color:var(--tinta-media);cursor:pointer;font-variant-numeric:tabular-nums}
.chip.on{background:var(--tinta);color:var(--papel-hoja);box-shadow:inset 0 -2px 0 var(--acento)}
.cat-barra{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px;font:600 11px/1.5 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-baja);margin:6px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--linea);font-variant-numeric:tabular-nums}

.cat-grid{columns:4 260px;column-gap:14px}
.cat-pieza{display:block;background:var(--papel-hoja);border:1px solid var(--linea);break-inside:avoid;margin:0 0 14px;transition:var(--transicion)}
.cat-pieza:hover{box-shadow:var(--sombra-pieza)}
.cat-pieza .im{padding:10px 10px 0}
.cat-pieza .im img{width:100%;height:auto}
.cat-pieza .cap{padding:9px 11px 12px}
.cat-pieza .r{font:600 10.5px/1.4 var(--ui);letter-spacing:.03em;color:var(--acento);font-variant-numeric:tabular-nums}
.cat-pieza .r .zoombadge{font:600 10.5px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-baja)}
.cat-pieza .tt{font:400 14px/1.2 var(--texto);font-style:italic;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.cat-pieza .vacio{margin:10px 10px 0;border:1px solid var(--linea-suave);aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px}
.cat-pieza .vacio .ref{font:700 clamp(20px,2vw,28px)/1 var(--display);color:var(--tinta-media)}
.cat-pieza .vacio .ced{font:600 10.5px/1.6 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-baja);margin-top:10px;max-width:14em}
.colofon-mirie{margin-top:70px;padding:44px 0 10px;border-top:1px solid var(--linea);text-align:center}
.colofon-mirie p{font:400 clamp(20px,2.4vw,28px)/1.4 var(--texto);font-style:italic;color:#2e2822;max-width:24em;margin:0 auto}
.colofon-mirie cite{display:block;font:600 11px/1.6 var(--ui);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-baja);margin-top:16px}



.salas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,40px);margin-top:26px}
.sala-card{display:block;border:1px solid var(--linea);background:var(--papel-hoja);transition:var(--transicion)}
.sala-card:hover{box-shadow:var(--sombra-pieza)}
.sala-card .im{padding:clamp(18px,2.5vw,30px) clamp(18px,2.5vw,30px) 0}
.sala-card .im img{width:100%;height:auto}
.sala-card .tx{padding:clamp(16px,2.2vw,24px) clamp(18px,2.5vw,30px) clamp(20px,2.5vw,28px)}
.sala-card .palabra{font:600 10.5px/1.5 var(--ui);letter-spacing:.07em;text-transform:uppercase;color:var(--tinta-media)}
.sala-card h3{font:900 clamp(24px,2.6vw,34px)/1.02 var(--display);margin:6px 0 8px}
.sala-card p{margin:0 0 10px;font-size:15px;line-height:1.5;color:var(--tinta-media);max-width:30em}
.sala-card .n{font:600 10.5px/1.5 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-media);font-variant-numeric:tabular-nums}
.sala-card .n b{color:var(--acento);font-weight:700}

.sala-hero{background:var(--sala);color:var(--papel-hoja);padding:clamp(48px,8vh,90px) 0;margin-bottom:20px}
.sala-hero .palabra{font:600 11px/1.5 var(--ui);letter-spacing:.07em;text-transform:uppercase;color:#e8d9b5}
.sala-hero h1{font:900 clamp(38px,6vw,72px)/1 var(--display);margin:10px 0 14px}
.sala-hero p{font:400 clamp(18px,2vw,22px)/1.45 var(--texto);color:rgba(254,248,235,.86);max-width:30em}


.citas-lista{columns:2 380px;column-gap:clamp(24px,3vw,40px);margin-top:10px}
.cita-julio{break-inside:avoid;border:1px solid var(--linea);background:var(--papel-hoja);padding:22px 24px;margin:0 0 18px}
.cita-julio blockquote{margin:0;font:400 clamp(19px,2vw,23px)/1.42 var(--texto);font-style:italic;color:#2e2822}
.cita-julio .tema{font:600 10.5px/1.5 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-baja);margin-top:12px}
.voz-nota{font:600 10.5px/1.7 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-baja);max-width:52em}
.voz-bocinas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.5vw,28px);margin-top:18px}


.prosa-larga{max-width:var(--ancho-texto)}
.prosa-larga p{font:400 17px/1.66 var(--texto);color:#241f1a;margin:0 0 1.1em}
.voz-sub{font:900 clamp(24px,2.6vw,34px)/1.06 var(--display);letter-spacing:-.015em;margin:10px 0 10px}
.ca-ancha{max-width:640px}
.cat-pie-honesto{margin-top:60px;padding-top:26px;border-top:1px solid var(--linea);max-width:var(--ancho-texto)}
.cat-pie-honesto p{font:400 15.5px/1.6 var(--texto);color:var(--tinta-media);margin:0 0 .7em}
.cat-pie-honesto b{font-family:var(--display);font-weight:700;color:var(--tinta)}
.cat-pie-honesto .oficio a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--linea)}
.cat-pie-honesto .oficio a:hover{text-decoration-color:var(--acento)}



.voz-lanzador{padding:clamp(48px,9vh,110px) clamp(24px,4vw,72px) clamp(20px,4vh,40px);text-align:center}
.voz-lanzador .sec-num{margin-bottom:clamp(24px,5vh,48px)}
.voz-cita{margin:0 auto;max-width:none;min-height:6.3em}
.voz-cita blockquote{margin:0;font:400 clamp(21px,2.8vw,40px)/1.32 var(--texto);font-style:italic;color:#241f1a}
.voz-cita figcaption{font:600 11px/1.6 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-baja);margin-top:22px}
.voz-gestos{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:clamp(26px,4vh,40px)}
.voz-otra{font:620 12.5px/1 var(--ui);letter-spacing:.05em;text-transform:uppercase;padding:14px 22px;
  border:1.5px solid var(--linea);background:transparent;color:var(--tinta-media);cursor:pointer;transition:var(--transicion)}
.voz-otra:hover{border-color:var(--acento);color:var(--acento)}
.voz-lanzador .voz-nota{margin-top:clamp(28px,5vh,46px)}
.voz-nota{font:600 10.5px/1.7 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-baja);max-width:52em}
.voz-lanzador .voz-nota{margin-left:auto;margin-right:auto}


.voz-recorrido{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:34px 26px}
.voz-recorrido li{border:0}
.voz-recorrido a{display:block}
.voz-recorrido .im{position:relative;display:grid;place-items:center;background:var(--papel-hoja);box-shadow:var(--sombra-pieza);aspect-ratio:5/6;padding:clamp(12px,1.6vw,20px);transition:var(--transicion)}
.voz-recorrido .im img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.voz-recorrido .dur{position:absolute;right:9px;bottom:9px;font:600 10.5px/1 var(--ui);letter-spacing:.06em;color:var(--papel);background:rgba(15,12,9,.82);padding:6px 9px;font-variant-numeric:tabular-nums}
.voz-recorrido .dur .acento-play{color:#e88a99;margin-right:5px}
.voz-recorrido a:hover .im{transform:translateY(-4px);box-shadow:0 16px 36px rgba(23,19,16,.18)}
.voz-recorrido .tx{display:block;margin-top:13px;position:relative;padding-right:38px}
.voz-recorrido .n{position:absolute;right:0;top:2px;font:700 13px/1 var(--display);color:var(--tinta-baja);font-variant-numeric:tabular-nums;transition:var(--transicion)}
.voz-recorrido a:hover .n{color:var(--acento)}
.voz-recorrido .tt{display:block;font:400 17.5px/1.3 var(--texto);font-style:italic}
.voz-recorrido .ced{display:block;font:600 10.5px/1.5 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-baja);margin-top:4px;font-variant-numeric:tabular-nums}


.cita-critica[hidden]{display:none}
.cita-critica{margin:0}
.cita-critica p{margin:0;font:400 clamp(17px,1.9vw,21px)/1.5 var(--texto);font-style:italic;color:#2e2822}
.cita-critica cite{display:block;margin-top:12px;font:600 10.5px/1.6 var(--ui);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-baja)}

.cita-critica.suelta{border-left:1px solid var(--linea);padding-left:26px;max-width:30em}
.cita-critica.suelta p{font-size:clamp(21px,2.6vw,30px);line-height:1.45}
.cita-critica.suelta cite{font-size:11.5px;margin-top:14px}
.cita-critica.oscuro{max-width:34em;margin-top:18px}
.cita-critica.oscuro p{color:#e9dfc9}
.cita-critica.oscuro cite{color:#a99d87}


.critica-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--linea);border:1px solid var(--linea);margin-top:34px}
.critica-cita{margin:0;background:var(--papel-hoja);padding:clamp(20px,2.6vw,30px)}
.critica-cita p{margin:0;font:400 clamp(16.5px,1.6vw,19px)/1.5 var(--texto);font-style:italic;color:#2e2822}
.critica-cita cite{display:block;margin-top:14px;font:600 11px/1.6 var(--ui);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta)}
.critica-cita cite span{display:block;color:var(--tinta-baja);font-weight:500;letter-spacing:.04em}


.recorrido-nav{border:1px solid var(--linea);border-left:2px solid var(--acento);background:var(--papel-hoja);padding:12px 16px;margin:0 0 22px}
.recorrido-nav .kicker{font-variant-numeric:tabular-nums}
.recorrido-nav .pasos{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.recorrido-nav .pasos a{font:400 14.5px/1.4 var(--texto);color:var(--tinta-media)}
.recorrido-nav .pasos a:hover{color:var(--acento)}
.recorrido-nav .pasos .sig{color:var(--tinta);font-style:italic}
.texto-curatorial{margin:0 0 22px}
.texto-curatorial p{margin:8px 0 0;font:400 16px/1.62 var(--texto);color:#241f1a}
.reverso{margin-top:52px;background:var(--papel-hoja);border:1px solid var(--linea-suave);box-shadow:var(--sombra-pieza);
  padding:clamp(22px,3vw,34px) clamp(22px,3.5vw,40px);max-width:56em}
.reverso p{margin:10px 0 0;font:400 16.5px/1.5 var(--texto);font-style:italic;color:var(--tinta-media)}
.reverso cite{display:block;font:600 10.5px/1.6 var(--ui);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-baja);margin-top:10px}


.tabla-tecnicas{width:100%;max-width:520px;border-collapse:collapse}
.tabla-tecnicas td{padding:10px 0;border-bottom:1px solid var(--linea-suave);font:400 16px/1.4 var(--texto)}
.tabla-tecnicas td.frac{text-align:right;font:700 17px/1 var(--display)}


.tl{list-style:none;margin:0;padding:0;max-width:820px}
.tl li{display:grid;grid-template-columns:110px 1fr;gap:clamp(18px,3vw,38px);padding:0 0 34px;position:relative}
.tl li::before{content:"";position:absolute;left:110px;top:6px;bottom:-6px;width:1px;background:var(--linea-suave);transform:translateX(clamp(9px,1.5vw,19px))}
.tl li:last-child::before{display:none}
.tl .anio{text-align:right;font:700 17px/1.35 var(--display);color:var(--tinta-media);white-space:nowrap}
.tl-era{margin-top:26px}
.tl-era:first-child{margin-top:0}
.tl-era .anio{font:700 clamp(26px,3vw,38px)/1 var(--display);color:var(--tinta)}
.tl-era h2{font:900 clamp(22px,2.4vw,30px)/1.05 var(--display);margin:0 0 4px}
.tl-era p{margin:0;font:400 15.5px/1.5 var(--texto);font-style:italic;color:var(--tinta-media)}
.tl-hito h3{font:700 18px/1.2 var(--display);margin:0 0 6px}
.tl-hito p{margin:0;font:400 15.5px/1.6 var(--texto);color:#2e2822;max-width:38em}
.tl-obra{display:inline-block;margin-top:14px}
.tl-obra .ced{display:block;font:600 10.5px/1.5 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-baja);margin-top:8px}
a.tl-obra:hover .ced{color:var(--acento)}
.hoja-mini{display:block;width:min(180px,42vw);background:var(--papel-hoja);padding:8px;box-shadow:var(--sombra-pieza)}
.hoja-mini img{width:100%;height:auto;display:block}


.reg{margin-top:clamp(40px,7vh,72px);padding-top:clamp(36px,6vh,60px);border-top:1px solid var(--linea)}
.reg-h{font:900 clamp(24px,3vw,36px)/1.05 var(--display);letter-spacing:-.015em;margin:12px 0 10px}
.reg-nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin:22px 0 8px}
.reg-nav a{font:600 11px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-media);text-decoration:none;padding:6px 0}
.reg-nav a:hover{color:var(--tinta);box-shadow:inset 0 -2px 0 var(--acento)}
.reg-dec{margin-top:clamp(30px,5vh,48px)}
.reg-dec-cab{display:flex;align-items:baseline;gap:14px;padding-bottom:8px;border-bottom:1px solid var(--linea)}
.reg-dec-anio{font:700 clamp(26px,3vw,38px)/1 var(--display)}
.reg-dec-cab .ced{font:600 10.5px/1.6 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-baja)}
.reg-ev{display:grid;grid-template-columns:110px 1fr auto;gap:8px clamp(18px,3vw,38px);padding:14px 0;border-bottom:1px solid var(--linea-suave)}
.reg-ev>*{min-width:0}
.reg-cuerpo{overflow-wrap:break-word}
.reg-anio{text-align:right;font:700 17px/1.4 var(--display);color:var(--tinta-media);white-space:nowrap}
.reg-tipo{font:600 10.5px/1.5 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-baja);margin-bottom:2px}
.reg-titulo{font:480 17.5px/1.35 var(--texto)}
.reg-titulo.obra{font:400 18px/1.35 var(--texto);font-style:italic}
.reg-sub{font:400 15px/1.5 var(--texto);color:var(--tinta-media);margin-top:2px}
.reg-fuente{margin-top:8px}
.reg-fuente>summary{font:600 10.5px/1.5 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-media);cursor:pointer;list-style:none;width:fit-content}
.reg-fuente>summary::-webkit-details-marker{display:none}
.reg-fuente>summary::before{content:"▸ ";color:var(--tinta-baja)}
.reg-fuente[open]>summary::before{content:"▾ "}
.reg-fuente>summary:hover{color:var(--tinta)}
.reg-fuente blockquote{margin:10px 0 4px;padding-left:14px;border-left:1px solid var(--linea);font:400 15px/1.55 var(--texto);color:#2e2822;max-width:38em}
.reg-fuente cite{display:block;font:600 10.5px/1.6 var(--ui);letter-spacing:.06em;text-transform:uppercase;font-style:normal;color:var(--tinta-baja);margin-top:4px}
.reg-facs{display:block;width:76px;padding:6px;align-self:start}
.reg-facs img{width:100%;height:auto;display:block}
.reg-colofon{margin:clamp(30px,5vh,48px) 0 0;font:400 15px/1.6 var(--texto);font-style:italic;color:var(--tinta-media);max-width:var(--ancho-prosa)}

.reg-fondo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px}
.reg-fondo>.ced{width:100%;margin:0}
.reg-obra{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--linea-suave);background:var(--papel-hoja);padding:4px 10px 4px 4px;text-decoration:none;box-shadow:var(--sombra-pieza)}
.reg-obra img{width:30px;height:38px;object-fit:contain;display:block}
.reg-obra .rt{font:400 13.5px/1.3 var(--texto);font-style:italic;color:var(--tinta-media)}
.reg-obra:hover .rt{color:var(--tinta)}
.reg-lectura,.reg-cat{font:600 10.5px/1.6 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-media);text-decoration:none}
.reg-lectura:hover,.reg-cat:hover{color:var(--tinta)}
@media(max-width:720px){
  .reg-ev{grid-template-columns:64px 1fr}
  .reg-anio{font-size:15px}
  .reg-facs{grid-column:2;justify-self:start}
}


.bio-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(260px,4fr);gap:clamp(30px,5vw,70px);align-items:start}
.bio-foto{margin:0}
.bio-foto .hoja{display:block}
.tabla-premios{width:100%;max-width:760px;border-collapse:collapse}
.tabla-premios td{padding:12px 0;border-bottom:1px solid var(--linea-suave);vertical-align:top;font-size:15.5px;line-height:1.5}
.tabla-premios td.anio{width:86px;font:700 17px/1.4 var(--display);color:var(--tinta-media);padding-right:18px}
.tabla-premios b{font-weight:640}
.tabla-premios .donde{color:var(--tinta-media);font-size:14px}
.colec-lista{list-style:none;margin:0;padding:0;columns:2 320px;column-gap:clamp(24px,4vw,56px);max-width:900px}
.colec-lista li{break-inside:avoid;padding:8px 0;border-bottom:1px solid var(--linea-suave);font:400 15px/1.5 var(--texto);color:var(--tinta-media)}
.colec-lista b{font-weight:600;color:var(--tinta)}
.biblio-lista{margin:0;padding-left:1.4em;max-width:var(--ancho-texto);font:400 15px/1.62 var(--texto);color:var(--tinta-media)}
.biblio-lista li{margin:.55em 0}


.peli-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(30px,5vw,70px);align-items:start}
.peli-sub{font:400 15px/1.5 var(--texto);font-style:italic;color:var(--tinta-media);margin:4px 0 18px}
.peli-laureles{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--linea);background:var(--linea);margin-top:18px}
.laurel{background:var(--papel-hoja);padding:14px 16px}
.laurel b{display:block;font:640 14.5px/1.3 var(--texto)}
.laurel span{display:block;font:600 10.5px/1.5 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-baja);margin-top:5px}
.peli-prensa{margin-top:24px;font:400 14.5px/1.7 var(--texto);color:var(--tinta-media);max-width:34em}
.peli-prensa a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--linea)}
.peli-prensa a:hover{text-decoration-color:var(--acento)}
.peli-reveal{font:700 clamp(17px,1.8vw,20px)/1.3 var(--display);color:var(--acento);margin:6px 0 20px}


.arch-secciones{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.5vw,30px)}
.arch-sec{border:1px solid var(--linea);background:var(--papel-hoja);padding:clamp(18px,2.5vw,28px)}
.arch-sec .letra{font:700 clamp(28px,3vw,40px)/1 var(--display);color:var(--tinta-media)}
.arch-sec h3{font:900 19px/1.15 var(--display);margin:10px 0 8px}
.arch-sec p{margin:0 0 12px;font:400 14.5px/1.55 var(--texto);color:var(--tinta-media)}
.arch-sec .ced{font:600 10.5px/1.5 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-baja)}
.arch-grid{margin-top:8px}
.arch-grid .cat-pieza{margin:0 0 14px}


.colab-bloques{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,28px)}
.colab-caja{border:1px solid var(--linea);background:var(--papel-hoja);padding:clamp(20px,2.5vw,30px);position:relative}
.colab-caja h3{font:900 21px/1.1 var(--display);margin:0 0 8px}
.colab-caja p{margin:0;font:400 15px/1.55 var(--texto);color:var(--tinta-media)}
.colab-frac{font:700 15px/1 var(--display);color:var(--acento);margin-bottom:12px;font-variant-numeric:tabular-nums}
.colab-doble{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:start}
.colab-doble .boton{margin-top:18px}

@media(max-width:900px){
  .home-hero{grid-template-columns:minmax(0,1fr);min-height:0}
  .hero-hoja{justify-self:start;order:-1;width:min(100%,480px)}
  .ficha-grid{grid-template-columns:1fr}
  .ficha-visor-col{position:relative;top:0}
  .osd{height:56vh}
  .mismos-grid{grid-template-columns:repeat(3,1fr)}
  .salas-grid,.home-duo,.voz-bocinas{grid-template-columns:1fr}
  .puertas{grid-template-columns:1fr}
  .home-cifras{grid-template-columns:1fr 1fr}
  .arch-cifras{grid-template-columns:1fr}
  .ficha-nav{grid-template-columns:1fr}
  .ficha-nav .der{text-align:left}
  .cat-grid{columns:2 150px}
  .citas-lista{columns:1}
  .tl li{grid-template-columns:64px 1fr}
  .tl li::before{left:64px}
  .tl .anio{font-size:14px}
  .tl-era .anio{font-size:22px}
  .bio-grid,.peli-grid,.colab-doble{grid-template-columns:1fr}
  .bio-foto{max-width:380px}
  .colab-bloques{grid-template-columns:1fr}
  .arch-secciones{grid-template-columns:1fr}
  .peli-laureles{grid-template-columns:1fr}
  .colec-lista{columns:1}
  .voz-cita{min-height:0}
}


.hsala{position:relative;height:100svh;min-height:560px;background:var(--sala);overflow:hidden}
.hsala>img{width:100%;height:100%;object-fit:cover;object-position:center 26%;opacity:.94;filter:contrast(1.02)}
.hsala .velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,12,9,.34) 0%,rgba(15,12,9,0) 32%,rgba(15,12,9,.74) 100%)}
.hsala .titulo{position:absolute;left:clamp(20px,5vw,56px);right:clamp(20px,5vw,56px);bottom:clamp(46px,9vh,100px);color:var(--papel)}
.hsala .ced{font:600 11px/1.6 var(--ui);letter-spacing:.07em;text-transform:uppercase;opacity:.85}
.hsala h1{font:900 clamp(52px,9vw,132px)/0.95 var(--display);letter-spacing:-.02em;max-width:12ch;text-wrap:balance}
.hsala .pie-foto{margin-top:12px;font:400 14px/1.4 var(--texto);font-style:italic;opacity:.8}
.hsala .frac{position:absolute;right:clamp(20px,5vw,56px);bottom:clamp(46px,9vh,100px);color:var(--papel);font:600 13px/1 var(--ui);letter-spacing:.06em;opacity:.9}
.hsala .baja{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;color:var(--papel);font:600 10.5px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;opacity:.8}
@media(max-width:700px){.hsala .frac{display:none}.hsala>img{object-position:36% 26%}}
.hobra{position:relative;height:92svh;min-height:520px;background:var(--sala);overflow:hidden;display:flex;align-items:flex-end;text-decoration:none}

.hobra>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:clamp(18px,4vh,44px);opacity:.96;transition:transform .8s ease}
.hobra:hover>img{transform:scale(1.015)}
.hobra .velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,12,9,.05),rgba(15,12,9,.66))}
.hobra .tx{position:relative;z-index:2;padding:clamp(22px,4vw,52px);color:var(--papel)}
.hobra .k{font:600 11px/1.6 var(--ui);letter-spacing:.07em;text-transform:uppercase;opacity:.85}
.hobra h2{font:900 clamp(32px,4.6vw,58px)/1.0 var(--display);letter-spacing:-.018em;margin-top:6px}
.hobra p{margin-top:8px;font:400 16.5px/1.6 var(--texto);max-width:52ch;opacity:.9}

.hmos{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-auto-rows:150px;grid-auto-flow:dense;gap:10px;max-height:clamp(540px,68vh,740px);overflow:hidden;position:relative}
.hmos a{display:block;background:var(--papel-hoja);box-shadow:0 1px 2px rgba(23,19,16,.2);overflow:hidden}
.hmos a img{width:100%;height:100%;object-fit:contain;padding:5px;box-sizing:border-box;display:block}
.hmos a:nth-child(7n+2),.hmos a:nth-child(7n+5){grid-row:span 2}
.hmos a:nth-child(9n+4){grid-column:span 2}
.hmos::after{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(180deg,rgba(246,239,222,0),var(--papel));pointer-events:none}

.hmos-mas{display:block;width:max-content;margin:-10px auto 0;position:relative;z-index:2;font:600 13.5px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta);border:1px solid var(--tinta);background:var(--papel-hoja);padding:17px 30px;text-decoration:none;transition:var(--transicion)}
.hmos-mas:hover{background:var(--tinta);color:var(--papel-hoja)}
.hcierre{background:var(--sala);color:var(--papel);margin-top:clamp(48px,8vh,96px)}
.hcierre .in{max-width:var(--ancho);margin:0 auto;padding:clamp(56px,9vh,110px) clamp(20px,5vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hcierre blockquote{font:400 clamp(24px,3vw,38px)/1.3 var(--texto);font-style:italic;max-width:22ch;margin:0}
.hcierre .quien{margin-top:12px;font:600 11px/1.6 var(--ui);letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.hcierre .colab h3{font:900 clamp(24px,2.8vw,36px)/1.05 var(--display);margin:0}
.hcierre .colab p{margin-top:10px;opacity:.85;max-width:40ch}
.hcierre .colab a{display:inline-block;margin-top:18px;font:600 12px/1 var(--ui);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--papel);padding:13px 20px;text-decoration:none;color:var(--papel);transition:var(--transicion)}
.hcierre .colab a:hover{background:var(--papel);color:var(--tinta)}
@media(max-width:840px){.hcierre .in{grid-template-columns:1fr}}

.foto-seccion{margin:26px 0 0;background:var(--papel-hoja);box-shadow:var(--sombra-pieza,0 1px 2px rgba(23,19,16,.2))}
.foto-seccion img{width:100%;display:block}
.foto-seccion figcaption{padding:10px 14px;font:400 13.5px/1.5 var(--texto);font-style:italic;color:var(--tinta-media)}
