/* María Bernardeau. Estilo base. Una idea: la obra como imagen, el texto como cartela. */
@font-face{font-family:"Newsreader";src:url("fuentes/newsreader-normal.woff2?v=439dd7") format("woff2");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fuentes/newsreader-italic.woff2?v=439dd7") format("woff2");font-weight:300 500;font-style:italic;font-display:swap}

:root{
  --papel:#f3efe7;--papel-2:#ebe6dc;--tinta:#161412;--tinta-2:#3a3733;--gris:#6e6960;--linea:#d8d2c6;
  --corten:#5b3b2b;--porcelana:#efe8dc;--noche:#0e0d0b;--noche-2:#1a1815;--noche-txt:#b8b1a6;
  --serif:"Newsreader","Times New Roman",Times,serif;
  --sans:-apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --pad:max(clamp(1.1rem,4.5vw,4rem),env(safe-area-inset-left,0px));--max:1440px;
  --e:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--serif);font-size:clamp(1.05rem,1.15vw,1.25rem);line-height:1.5;font-variation-settings:"opsz" 16;-webkit-font-smoothing:antialiased}
body.menu-abierto{overflow:hidden;overscroll-behavior:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
p{margin:0 0 1em}
h1,h2,h3{font-weight:400;margin:0}
::selection{background:var(--corten);color:var(--papel)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--corten);outline-offset:3px}
.saltar{position:absolute;left:var(--pad);top:-4rem;background:var(--tinta);color:var(--papel);padding:.6rem 1rem;font-family:var(--sans);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;z-index:60}
.saltar:focus{top:.6rem}

/* Cambio de página: fundido corto, solo donde el navegador lo soporta */
@media(hover:hover) and (pointer:fine){@view-transition{navigation:auto}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.42s;animation-timing-function:var(--e)}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* Cabecera */
.cab{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem var(--pad);background:color-mix(in srgb,var(--papel) 94%,transparent);border-bottom:1px solid transparent;transition:border-color .4s,background .4s}
.cab.pegada{border-bottom-color:var(--linea)}
.marca{font-style:italic;font-size:1.35rem;letter-spacing:.005em;font-variation-settings:"opsz" 28;padding:.3rem 0}
.menu{display:flex;gap:clamp(1rem,2.4vw,2.2rem);font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.menu a{padding:.5rem 0;border-bottom:1px solid transparent;transition:border-color .3s}
.menu a:hover,.menu a[aria-current="page"]{border-bottom-color:var(--tinta)}
.menu .ig{display:none}
.burger{display:none;background:none;border:0;font:inherit;font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:inherit;cursor:pointer;padding:.7rem 0 .7rem 1rem;min-height:44px}
@media(max-width:820px){
  .burger{display:block;position:relative;z-index:21}
  .marca{position:relative;z-index:21}
  .int-cab .rotulo{font-size:clamp(1.9rem,8vw,2.6rem);letter-spacing:.09em}
  .rotulo{font-size:clamp(1.6rem,6.4vw,2.2rem);letter-spacing:.11em}
  .rotulo.mini{font-size:.72rem;letter-spacing:.2em}
  .menu{position:fixed;inset:0;background:var(--papel);flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:0 var(--pad);font-family:var(--serif);font-style:italic;font-size:clamp(2.2rem,9vw,3.2rem);letter-spacing:0;text-transform:none;font-variation-settings:"opsz" 48;transform:translateY(-100%);transition:transform .55s var(--e);z-index:19}
  .menu.abierto{transform:none}
  .menu a{padding:.35em 0;border-bottom:0;opacity:0;transform:translateY(12px);transition:opacity .5s var(--e),transform .5s var(--e)}
  .menu.abierto a{opacity:1;transform:none}
  .menu.abierto a:nth-child(2){transition-delay:.05s}.menu.abierto a:nth-child(3){transition-delay:.1s}.menu.abierto a:nth-child(4){transition-delay:.15s}.menu.abierto a:nth-child(5){transition-delay:.2s}.menu.abierto a:nth-child(6){transition-delay:.25s}
  .menu a[aria-current="page"]{color:var(--gris)}
  .menu .ig{display:block;margin-top:2rem;font-family:var(--sans);font-style:normal;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
  .cab{background:var(--papel)}
  .cab.abierta{background:var(--papel)}
}

/* Títulos con una letra que se apaga (gesto del dossier de la artista) */
.rotulo{font-family:var(--sans);font-weight:400;text-transform:uppercase;letter-spacing:.16em;font-size:clamp(1.3rem,3.2vw,2.6rem);line-height:1.15}
.rotulo .l{color:var(--gris)}
.rotulo.mini{font-size:.7rem;letter-spacing:.2em;color:var(--tinta-2)}
.rotulo.mini .l{color:var(--gris)}

.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.seccion{padding-block:clamp(4rem,9vw,8rem)}
.seccion+.seccion{padding-top:0}

/* Portada */
.portada{min-height:calc(100svh - 4.4rem);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto 1fr auto;grid-template-areas:"top tacto" ". tacto" "bajo tacto";column-gap:clamp(1.5rem,4vw,4rem);padding:clamp(1rem,3vw,2.5rem) var(--pad) clamp(1.5rem,4vw,3rem)}
.portada-top{grid-area:top}
.portada-bajo{grid-area:bajo;padding-bottom:clamp(.5rem,2vw,2rem)}
.ficha{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin:0 0 1.6rem}
.portada h1{font-size:clamp(3rem,7.6vw,7.6rem);line-height:.92;font-weight:300;letter-spacing:-.02em;font-variation-settings:"opsz" 72}
.portada h1 em{font-style:italic;font-weight:300;display:block}
.lema{max-width:30ch;font-size:clamp(1.2rem,1.7vw,1.6rem);line-height:1.35;margin:0;font-variation-settings:"opsz" 24}
.pista{font-family:var(--sans);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#5f5a52;margin:2rem 0 0;opacity:0;transition:opacity 1s 1.2s}
.pista.visible{opacity:1}
.tacto{grid-area:tacto;position:relative;aspect-ratio:3/4;max-height:calc(100svh - 9rem);justify-self:end;align-self:center;width:100%;overflow:hidden;background:#dcdad6;cursor:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;contain:layout paint}
.tacto-base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lupa{position:absolute;left:0;top:0;width:clamp(170px,19vw,280px);aspect-ratio:1;will-change:transform;pointer-events:none}
.lupa-in{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#dcdad6;box-shadow:0 0 0 1px rgba(22,20,18,.55),0 10px 30px rgba(22,20,18,.22);transform:scale(.2);opacity:0;transition:transform .7s var(--e),opacity .5s var(--e)}
.lupa.on .lupa-in{transform:none;opacity:1}
.lupa-plano{position:absolute;left:0;top:0;will-change:transform}
.lupa-plano img{position:absolute;max-width:none}
.lupa-base{inset:0;width:100%;height:100%}
.lupa-parche{-webkit-mask-image:radial-gradient(ellipse closest-side,#000 58%,transparent 90%);mask-image:radial-gradient(ellipse closest-side,#000 58%,transparent 90%)}
@media(max-width:820px){.lupa{width:min(46vw,190px)}}
/* Entrada: una vez, corta, con causa */
.portada h1 em,.portada .ficha,.portada .lema,.tacto{opacity:0;transform:translateY(14px);transition:opacity .9s var(--e),transform .9s var(--e)}
.portada .ficha{transition-delay:.05s}.portada h1 em:nth-child(2){transition-delay:.12s}.portada .lema{transition-delay:.3s}.tacto{transition-delay:.2s;transform:none}
body.cargada .portada h1 em,body.cargada .portada .ficha,body.cargada .portada .lema,body.cargada .tacto{opacity:1;transform:none}
@media(max-width:820px){
  .portada{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"top" "tacto" "bajo";min-height:0;padding-top:clamp(1rem,4vw,2rem);row-gap:0}
  .portada h1{font-size:clamp(3.4rem,17vw,5.4rem);letter-spacing:-.025em;position:relative;z-index:2;margin-bottom:-.32em;pointer-events:none}
  .tacto{aspect-ratio:4/5;max-height:none;justify-self:stretch;cursor:auto;margin-inline:calc(-1 * var(--pad));width:auto}
  .portada-bajo{padding-top:1.6rem}
  .lema{font-size:clamp(1.15rem,5vw,1.4rem)}
  .pista{margin-top:1.4rem}
}

/* Tiras horizontales. Por defecto apiladas (sin JS o con movimiento reducido); guion.js añade .tira-activa */
.sala{background:var(--noche);color:var(--papel);--t-txt:var(--noche-txt);--t-linea:#2a2723;--t-apagada:#6f6a62;--t-barra:var(--papel)}
.sala.clara{background:var(--papel-2);color:var(--tinta);--t-txt:var(--gris);--t-linea:var(--linea);--t-apagada:var(--gris);--t-barra:var(--tinta)}
.sala-pega{padding:clamp(3rem,6vw,5rem) 0}
.sala-cab{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem 2rem;padding:0 var(--pad) clamp(1.5rem,3vw,2.5rem);flex-wrap:wrap}
.sala-cab .rotulo{color:inherit}
.sala-cab .rotulo .l{color:var(--t-apagada)}
.sala-cab p{font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--t-txt);margin:0;max-width:44ch}
.sala-item{margin:0 0 2.2rem}
.sala-item img{width:100%;height:auto;background:#1c1a17}
.sala.clara .sala-item img{background:var(--linea)}
.sala-item figcaption{font-family:var(--sans);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t-txt);margin-top:.8rem;padding-inline:var(--pad)}
.sala.clara .sala-item figcaption{display:none}
.sala-q{margin:0;padding:1.4rem var(--pad) 3rem;font-style:italic;font-size:clamp(1.5rem,7vw,2rem);line-height:1.25;font-variation-settings:"opsz" 36}
.sala-fin{padding:1rem var(--pad) 0}
.sala-fin a{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--t-apagada);padding:.6rem 0 .3rem;display:inline-block}
.tira-txt,.tira-cita,.tira-prensa{padding:0 var(--pad) 3rem}
.tira-cita{margin:0}
.tira-prensa .rotulo{margin-bottom:1.2rem}
.sala-progreso{display:none}

.tira-activa .sala-pega{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:calc(4.4rem + clamp(1.6rem,4.5vh,3rem)) 0 0}
.tira-activa .sala-cab{padding-bottom:0}
.tira-activa .sala-pista{display:flex;align-items:center;gap:clamp(1.6rem,5vw,6rem);padding-inline:var(--pad);will-change:transform;width:max-content;height:100%}
.tira-activa .sala-item{margin:0;flex:0 0 auto}
.tira-activa .sala-item img{height:min(58svh,720px);width:auto;max-width:86vw;object-fit:cover}
.tira-activa .sala-item.ancha img{height:min(66svh,820px)}
.tira-activa .sala-item figcaption{padding:0;max-width:34ch}
.tira-activa .sala-q{flex:0 0 auto;width:clamp(260px,30vw,460px);padding:0;font-size:clamp(1.4rem,2.2vw,2.1rem)}
.tira-activa .sala-fin{flex:0 0 auto;width:clamp(220px,24vw,360px);padding:0}
.tira-activa .tira-txt{flex:0 0 auto;width:clamp(300px,36vw,600px);padding:0}
.tira-activa .tira-txt .prosa.grande{font-size:clamp(1.5rem,2.4vw,2.4rem)}
.tira-activa .tira-cita{flex:0 0 auto;width:clamp(280px,32vw,520px);padding:0;font-size:clamp(1.5rem,2.4vw,2.4rem)}
.tira-activa .tira-prensa{flex:0 0 auto;width:clamp(320px,40vw,640px);padding:0}
.tira-activa .tira-prensa .prensa-item a{grid-template-columns:1fr;gap:.3rem;padding:1rem 0}
.tira-activa .tira-prensa .prensa-item .fecha{grid-column:1}
.tira-activa .tira-prensa .prensa-item .titular{font-size:clamp(1.05rem,1.3vw,1.3rem)}
.tira-activa .sala-progreso{display:block;position:relative;margin:0 var(--pad) 1.4rem;height:1px;background:var(--t-linea)}
.tira-activa .sala-progreso i{position:absolute;inset:0;background:var(--t-barra);transform:scaleX(0);transform-origin:left;will-change:transform}
/* Tiras con el dedo */
/* Respaldo para móviles sin animación ligada al scroll: la tira no se fija, se desliza de lado con el dedo (nativo). */
.tira-swipe .sala-pega{position:static;height:auto;overflow:visible;display:block;padding:clamp(3rem,8vw,4.5rem) 0 2.2rem}
.tira-swipe .sala-cab{padding-bottom:1.4rem;align-items:center}
.tira-swipe .sala-cab::after{content:"Desliza";font-family:var(--sans);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--t-txt)}
.tira-swipe .sala-pista{width:auto;height:auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--pad);-webkit-overflow-scrolling:touch;scrollbar-width:none;will-change:auto;transform:none!important;padding-block:.5rem 1.6rem;align-items:center}
.tira-swipe .sala-pista::-webkit-scrollbar{display:none}
.tira-swipe .sala-pista>*{scroll-snap-align:start}
.tira-swipe .sala-pista::after{content:"";flex:0 0 1px}
/* Tiras movidas por el navegador */
/* Donde el navegador lo permite (Chrome, Safari 26), el recorrido lateral lo anima el propio navegador ligado al scroll,
   fuera del hilo de JavaScript: en móvil es la diferencia entre ir suave e ir a saltos. Si no, lo mueve guion.js. */
@keyframes tiraX{to{transform:translate3d(calc(-1 * var(--ancho,0px)),0,0)}}
@keyframes tiraP{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@supports (animation-timeline:view()){
  .tira-css{view-timeline-name:--tira;view-timeline-axis:block}
  .tira-css .sala-pista{animation:tiraX linear both;animation-timeline:--tira;animation-range:contain 0% contain 100%}
  .tira-css .sala-progreso i{animation:tiraP linear both;animation-timeline:--tira;animation-range:contain 0% contain 100%}
}
@media(max-width:820px){
  .tira-activa .sala-pega{padding-top:calc(4.2rem + 1.8rem)}
  .tira-activa .sala-cab p{display:none}
  .tira-activa .sala-pista{gap:1.4rem}
  .tira-activa .sala-item img{height:min(54svh,480px);max-width:82vw}
  .tira-activa .sala-item.ancha img{height:min(60svh,540px)}
  .tira-activa .sala-q{width:76vw;font-size:clamp(1.4rem,6.4vw,1.9rem)}
  .tira-activa .tira-txt{width:82vw}
  .tira-activa .tira-txt .prosa{font-size:1.05rem;line-height:1.45}
  .tira-activa .tira-txt .prosa.grande{font-size:clamp(1.35rem,6vw,1.8rem)}
  .tira-activa .tira-cita{width:80vw;font-size:clamp(1.4rem,6.4vw,1.9rem)}
  .tira-activa .tira-prensa{width:86vw}
  .tira-activa .sala-fin{width:auto;padding-right:var(--pad);white-space:nowrap}
}

/* Rejilla de obras */
.obras{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,3vw,3rem) clamp(1rem,2.5vw,2.5rem);align-items:start}
.obra{grid-column:span 6}
.obra.h{grid-column:span 7}
.obra.v{grid-column:span 5}
.obra:nth-child(4n+1){grid-column:span 5}
.obra:nth-child(4n+2){grid-column:span 7;margin-top:clamp(2rem,6vw,6rem)}
.obra:nth-child(4n+3){grid-column:span 7}
.obra:nth-child(4n+4){grid-column:span 5;margin-top:clamp(1rem,4vw,4rem)}
.obra a{display:block}
.obra-img{display:block;position:relative;overflow:hidden}
.obra img{width:100%;height:auto;background:var(--papel-2);transition:transform 1.2s var(--e)}
.obra a:hover img{transform:scale(1.015)}
.poema{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(1rem,4vw,2.5rem);background:rgba(243,239,231,.9);opacity:0;transition:opacity .6s var(--e);font-style:italic;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.4;text-align:center;font-variation-settings:"opsz" 24}
.poema>span{max-width:34ch}
@media(hover:hover){.obra a:hover .poema{opacity:1}}
.poema-grande{font-style:italic;font-weight:300;font-size:clamp(1.7rem,3.6vw,3.6rem);line-height:1.2;max-width:26ch;margin:0 0 clamp(2.5rem,6vw,5rem);font-variation-settings:"opsz" 60;letter-spacing:-.01em}
.partes{list-style:none;margin:clamp(2rem,5vw,4rem) 0 0;padding:0;border-top:1px solid var(--linea);max-width:60ch}
.partes li{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--linea);align-items:baseline}
.partes .ano{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.partes .que{font-style:italic;font-size:1.25rem}
@media(max-width:600px){.partes li{grid-template-columns:1fr;gap:.3rem}}
.cartela{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;align-items:baseline;margin-top:.9rem;font-family:var(--sans);font-size:.72rem;letter-spacing:.06em;color:var(--tinta-2)}
.cartela b{font-family:var(--serif);font-weight:400;font-style:italic;font-size:1.15rem;letter-spacing:0;color:var(--tinta);width:100%}
.cartela span{color:var(--gris)}
.cartela .med{white-space:nowrap}
@media(max-width:700px){.obras{display:block}.obra{margin:0 0 3rem!important}.cartela{gap:.3rem .9rem}}

/* Visor */
.visor{border:0;padding:0;background:var(--noche);color:var(--papel);width:100vw;height:100svh;max-width:none;max-height:none;margin:0}
.visor::backdrop{background:rgba(14,13,11,.96)}
.visor-int{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,34ch);height:100%;gap:clamp(1rem,3vw,3rem);padding:clamp(1rem,3vw,3rem) var(--pad)}
.visor-int img{width:100%;height:100%;object-fit:contain;object-position:center}
.visor-txt{align-self:center}
.visor-txt b{display:block;font-weight:400;font-style:italic;font-size:1.8rem;line-height:1.15;margin-bottom:1rem;font-variation-settings:"opsz" 36}
.visor-txt .cartela{flex-direction:column;gap:.3rem;color:#c9c3b8;margin:0 0 1.5rem}
.visor-txt .cartela span{color:#8b857b;white-space:normal}
.visor-txt blockquote{margin:0;font-style:italic;font-size:1.05rem;line-height:1.5;color:#e6e0d5}
.visor-cerrar{position:absolute;top:.5rem;right:var(--pad);background:none;border:0;color:var(--papel);font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:1rem 0 1rem 1rem;min-height:44px}
.visor-nav{position:absolute;bottom:.6rem;left:var(--pad);display:flex;gap:2rem;font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.visor-nav button{background:none;border:0;color:var(--papel);font:inherit;cursor:pointer;padding:1rem 0;min-height:44px;border-bottom:1px solid #6f6a62}
@media(max-width:820px){
  .visor-int{grid-template-columns:1fr;grid-template-rows:minmax(0,52svh) minmax(0,1fr);gap:1rem;padding:3.2rem var(--pad) 4.2rem}
  .visor-txt{align-self:start;overflow:auto;padding-bottom:1rem}
  .visor-txt b{font-size:1.4rem}
  .visor-txt blockquote{font-size:.98rem}
}

/* Bloques de texto */
.prosa{max-width:62ch;font-size:clamp(1.1rem,1.35vw,1.4rem);line-height:1.55;font-variation-settings:"opsz" 20}
.prosa.grande{font-size:clamp(1.5rem,2.6vw,2.6rem);line-height:1.3;max-width:34ch;font-weight:300;font-variation-settings:"opsz" 48}
.dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);align-items:start}
@media(max-width:820px){.dos{grid-template-columns:1fr;gap:2.5rem}}
.pie-rotulo{margin-bottom:clamp(1.5rem,4vw,3rem)}
.enlace{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--tinta);padding:.6rem 0 .3rem;display:inline-block;margin-top:2rem;transition:color .3s,border-color .3s}
.enlace:hover{color:var(--corten);border-color:var(--corten)}
.cita{margin:0;font-style:italic;font-weight:300;font-size:clamp(1.5rem,2.8vw,2.8rem);line-height:1.25;max-width:30ch;font-variation-settings:"opsz" 48;letter-spacing:-.01em}
.cita footer{font-style:normal;font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin-top:1.2rem}
.citas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem) clamp(2rem,6vw,7rem);margin:clamp(2rem,5vw,4rem) 0 0}
.citas .cita{font-size:clamp(1.25rem,1.9vw,1.8rem);max-width:none}
@media(max-width:820px){.citas{grid-template-columns:1fr}}

/* Quién soy en portada */
.quien{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,7rem);align-items:center}
.quien img{width:100%;height:auto}
/* En móvil, la foto primero y a sangre (25-sep, María: «foto mía de primera parte en la bio para que se vea guay en el móvil») */
@media(max-width:820px){.quien{grid-template-columns:1fr;gap:1.6rem}.quien>.rv-img{margin:0 calc(-1*var(--pad))}}

/* Bio: foto oscura después del texto */
.retrato-noche{background:var(--noche);color:var(--papel);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:0 var(--pad) 0 0}
.retrato-noche img{width:100%;height:auto;max-height:92svh;object-fit:cover}
.retrato-noche .prosa{padding-block:clamp(2rem,5vw,5rem);color:#e6e0d5}
.retrato-noche .prosa.grande{color:var(--papel)}
@media(max-width:820px){.retrato-noche{grid-template-columns:1fr;padding:0 0 2rem;gap:1.5rem}.retrato-noche .prosa{padding-inline:var(--pad);padding-block:1.5rem 0}.retrato-noche .prosa.grande{font-size:clamp(1.4rem,6.4vw,1.9rem)}}

/* Listas: exposiciones, formación, escena */
.lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea)}
.lista li{display:grid;grid-template-columns:5.5rem minmax(0,1fr) minmax(0,1fr);gap:.4rem 2rem;padding:1.1rem 0;border-bottom:1px solid var(--linea);align-items:baseline}
.lista.sin-ano li{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lista .ano{font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;color:var(--gris)}
.lista .que{font-style:italic;font-size:1.2rem}
.lista .donde{color:var(--tinta-2)}
.lista .nota{grid-column:2/-1;color:var(--gris);font-size:.95em;margin-top:-.3rem}
.lista.sin-ano .nota{grid-column:1/-1}
@media(max-width:700px){.lista li,.lista.sin-ano li{grid-template-columns:1fr;gap:.25rem}.lista .nota{grid-column:1;margin-top:0}}
.lista-prensa{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea)}
.prensa-item a{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.4rem 2rem;padding:1.4rem 0;border-bottom:1px solid var(--linea);align-items:baseline}
.prensa-item .medio{font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.prensa-item .titular{font-size:clamp(1.15rem,1.6vw,1.55rem);line-height:1.3;font-variation-settings:"opsz" 28;transition:color .3s}
.prensa-item a:hover .titular{color:var(--corten)}
.prensa-item .fecha{grid-column:2;font-family:var(--sans);font-size:.7rem;letter-spacing:.1em;color:var(--gris)}
@media(max-width:700px){.prensa-item a{grid-template-columns:1fr;gap:.3rem;padding:1.2rem 0}.prensa-item .fecha{grid-column:1}}
.enlaces{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin-top:2rem;font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.enlaces a{border-bottom:1px solid var(--tinta);padding:.6rem 0 .3rem;display:inline-block}

/* Recortes de prensa: la página real de cada artículo */
.recortes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.5rem,5vw,5rem) clamp(1.5rem,3vw,3rem)}
.recortes .recorte:nth-child(3n+2){margin-top:clamp(2rem,5vw,5rem)}
.recorte a{display:flex;flex-direction:column;gap:.45rem}
.recorte-img{display:block;overflow:hidden;border:1px solid var(--linea);background:#fff;margin-bottom:.7rem;aspect-ratio:4/5}
.recorte-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.4s var(--e)}
.recorte a:hover .recorte-img img{transform:scale(1.03)}
.recorte .medio{font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.recorte .titular{font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.3;font-variation-settings:"opsz" 24;transition:color .3s}
.recorte a:hover .titular{color:var(--corten)}
.recorte .fecha{font-family:var(--sans);font-size:.7rem;letter-spacing:.1em;color:var(--gris)}
@media(max-width:900px){.recortes{grid-template-columns:repeat(2,minmax(0,1fr))}.recortes .recorte:nth-child(3n+2){margin-top:0}.recortes .recorte:nth-child(2n){margin-top:2.5rem}}
@media(max-width:560px){.recortes{grid-template-columns:1fr;gap:3rem}.recortes .recorte:nth-child(2n){margin-top:0}.recortes .recorte:nth-child(2n) .recorte-img{width:84%;margin-left:auto}}
.tira-recortes{list-style:none;margin:0;padding:0 var(--pad) 2rem;display:grid;gap:2.5rem}
.tira-rotulo{padding:0 var(--pad) 1.5rem}
.tira-activa .tira-rotulo{flex:0 0 auto;padding:0;align-self:center}
.tira-activa .tira-recortes{flex:0 0 auto;display:flex;gap:clamp(1.4rem,3vw,3rem);padding:0;align-items:flex-start}
.tira-activa .tira-recortes .recorte{flex:0 0 auto;width:clamp(230px,21vw,330px);opacity:1;transform:none}
.tira-activa .tira-recortes .recorte:nth-child(2n){margin-top:clamp(1.5rem,5vh,3.5rem)}
.tira-activa .tira-recortes .recorte-img{aspect-ratio:auto;height:min(40svh,400px)}
.tira-activa .tira-recortes .titular{font-size:1.02rem}
@media(max-width:820px){.tira-activa .tira-recortes .recorte{width:64vw}.tira-activa .tira-recortes .recorte:nth-child(2n){margin-top:0}.tira-activa .tira-recortes .recorte-img{height:min(38svh,340px)}}

/* Contacto */
.contacto{background:var(--papel-2)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 2rem;max-width:56rem}
.form label{display:block;font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:.5rem}
.form input,.form textarea{width:100%;border:0;border-bottom:1px solid var(--tinta);background:transparent;padding:.7rem 0;font:inherit;color:inherit;border-radius:0;min-height:44px}
.form input:focus,.form textarea:focus{outline:none;border-bottom-width:2px}
.form .ancho{grid-column:1/-1}
.form textarea{min-height:7rem;resize:vertical}
.boton{grid-column:1/-1;justify-self:start;background:var(--tinta);color:var(--papel);border:0;padding:1.1rem 2.4rem;min-height:48px;font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .3s}
.boton:hover{background:var(--corten)}
.form-nota{grid-column:1/-1;font-size:.9rem;color:var(--gris);margin:0}
.form-nota a{border-bottom:1px solid var(--linea);padding:.4rem 0 .1rem;display:inline-block}.form-nota a:hover{border-color:var(--tinta)}
.form-ok{display:none;font-style:italic;font-size:1.4rem}
.form-error{grid-column:1/-1;margin:0;font-size:.95rem;color:var(--corten)}.form-error a{border-bottom:1px solid var(--corten)}
.trampa{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ficha.expo{margin-top:.5rem;color:var(--tinta-2)}
.int-cab p.ficha.expo{font-size:.74rem;letter-spacing:.14em;color:var(--gris);margin:.2rem 0 0}
.sala-expo{font-family:var(--sans);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--noche-txt);margin:.6rem 0 0}
.mosaico figure a,.foto-ancha a{display:block}
.partes-texto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,5vw,5rem);margin-top:clamp(3rem,7vw,6rem);border-top:1px solid var(--linea);padding-top:clamp(2rem,4vw,3rem)}
.partes-texto .obra-poema{margin:1.2rem 0 1.6rem;max-width:none;font-size:clamp(1.15rem,1.5vw,1.4rem)}
.cartelas{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
/* Lista de piezas: foto y, debajo o al lado, cartela y texto (María, 25-sep: «una obra, una foto, y debajo hay texto») */
.obra-lista{list-style:none;margin:0;padding:0;display:grid;gap:clamp(3.5rem,9vw,8rem)}
.pieza{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1.2rem,3vw,3rem);align-items:end}
.pieza .obra-img{grid-column:1/span 7}
.pieza .pieza-txt{grid-column:8/span 5}
.pieza:nth-child(even) .obra-img{grid-column:6/span 7;grid-row:1}
.pieza:nth-child(even) .pieza-txt{grid-column:1/span 5;grid-row:1}
.pieza.v .obra-img{grid-column:2/span 4}
.pieza.v .pieza-txt{grid-column:7/span 5}
.pieza.v:nth-child(even) .obra-img{grid-column:8/span 4}
.pieza.v:nth-child(even) .pieza-txt{grid-column:1/span 5}
.pieza a.obra-img{display:block}
.pieza img{width:100%;height:auto;background:var(--papel-2);transition:transform 1.2s var(--e)}
.pieza a:hover img{transform:scale(1.015)}
.pieza .cartela{margin-top:0}
.pieza .obra-poema{margin:1.4rem 0 0;max-width:none;font-size:clamp(1.15rem,1.5vw,1.4rem)}
.pieza .obra-nota{display:block;margin-top:.8rem}
.pregunta{display:block;margin-top:1rem}
.acento{color:var(--corten)}
.obra-lista.sin-foto{margin-top:clamp(3rem,7vw,6rem);border-top:1px solid var(--linea);padding-top:clamp(2rem,4vw,3rem);max-width:40rem}
.obra-lista.sin-foto .cartela{margin-top:0}
.obra-lista.sin-foto .obra-poema{margin:1.2rem 0 0;max-width:none;font-size:clamp(1.15rem,1.5vw,1.4rem)}
@media(max-width:820px){.pieza,.pieza.v{display:block}.pieza .obra-img,.pieza.v .obra-img{margin:0 0 1.2rem}.pieza.v .obra-img{width:74%}.pieza.v:nth-child(even) .obra-img{margin-left:auto}}.cartelas .cartela{margin-top:.6rem}.cartelas .cartela b{font-size:1.05rem}
@media(max-width:900px){.partes-texto{grid-template-columns:1fr;gap:2.5rem}}
.form.enviado{display:none}
.form.enviado+.form-ok{display:block}
@media(max-width:700px){.form{grid-template-columns:1fr;gap:1.2rem}.boton{justify-self:stretch;width:100%}}

/* Pie */
.pie{padding:3rem var(--pad) calc(2.5rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--linea);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem 3rem;font-family:var(--sans);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.pie a{padding:.4rem 0;display:inline-block}
.pie a:hover{color:var(--tinta)}
.pie nav{display:flex;flex-wrap:wrap;gap:.4rem 2rem}
.pie .demo{width:100%;text-transform:none;letter-spacing:0;font-family:var(--serif);font-size:.95rem;color:var(--gris)}
.pie .demo a{border-bottom:1px solid var(--linea);padding:0}
@media(max-width:820px){.pie{font-size:.78rem;letter-spacing:.06em;gap:1.2rem 2rem}}

/* Interiores */
.int-cab{padding:clamp(3rem,7vw,6rem) var(--pad) clamp(2rem,4vw,4rem)}
.int-cab .rotulo{margin-bottom:1.5rem}
.int-cab p{max-width:48ch;color:var(--tinta-2);font-size:clamp(1.1rem,1.5vw,1.5rem);font-variation-settings:"opsz" 24}
.foto-ancha{margin:0;padding:0 var(--pad)}
.foto-ancha img{width:100%;height:auto}
.foto-ancha figcaption{font-family:var(--sans);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin-top:.8rem}
@media(max-width:700px){.foto-ancha{padding:0}.foto-ancha figcaption{padding-inline:var(--pad)}}
.mosaico{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,3vw,3rem) clamp(1rem,2.5vw,2.5rem);padding:0 var(--pad)}
.mosaico figure{margin:0}
.mosaico figure:nth-child(6n+1){grid-column:2/span 4}
.mosaico figure:nth-child(6n+2){grid-column:7/span 5;margin-top:clamp(3rem,10vw,10rem)}
.mosaico figure:nth-child(6n+3){grid-column:1/span 5;margin-top:clamp(-2rem,-4vw,-1rem)}
.mosaico figure:nth-child(6n+4){grid-column:8/span 4;margin-top:clamp(2rem,6vw,6rem)}
.mosaico figure:nth-child(6n+5){grid-column:3/span 4}
.mosaico figure:nth-child(6n+6){grid-column:8/span 5;margin-top:clamp(3rem,10vw,10rem)}
.mosaico img{width:100%;height:auto}
.mosaico figcaption{font-family:var(--sans);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin-top:.8rem}
@media(max-width:700px){.mosaico{display:block;padding:0}.mosaico figure{margin:0 0 2.5rem!important}.mosaico figure:nth-child(3n+2){width:80%;margin-left:auto!important}.mosaico figure:nth-child(3n+3){width:84%}.mosaico figcaption{padding-inline:var(--pad)}.mosaico figure:nth-child(3n+2) figcaption{padding-left:0}}
.preguntas{list-style:none;margin:0;padding:0;font-style:italic;font-size:clamp(1.3rem,2.2vw,2.2rem);line-height:1.3;font-variation-settings:"opsz" 36;max-width:36ch}
.preguntas li{padding:1rem 0;border-top:1px solid var(--linea)}
.legal{max-width:70ch}
.legal h2{font-family:var(--sans);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:2.2rem 0 .8rem}
.legal-aviso{border-left:2px solid var(--corten);padding-left:1rem;color:var(--tinta-2);font-size:.95em}

/* Revelado al bajar: con causa, corto y sin rebotes */
.rv{opacity:0;transform:translateY(18px);transition:opacity .9s var(--e),transform .9s var(--e)}
.rv.on{opacity:1;transform:none}
.rv-img{display:block}
.rv-img{overflow:hidden}
.rv-img>img{opacity:0;transform:scale(1.04);transition:opacity 1s var(--e),transform 1.4s var(--e)}
.rv-img.on>img{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.rv-img>img{opacity:1;transform:none;transition:none}.lupa-in{transition:none}.portada h1 em,.portada .ficha,.portada .lema,.tacto{opacity:1;transform:none;transition:none}.menu a{transition:none}}

/* Círculo «ver» sobre las obras, solo con ratón */
.cursor{position:fixed;left:0;top:0;z-index:50;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--papel);color:var(--tinta);display:grid;place-items:center;font-family:var(--sans);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;will-change:transform;opacity:0;transition:opacity .25s var(--e)}
.cursor.on{opacity:1}

/* Ficha de cada obra */
.ficha-obra{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,6rem);padding:clamp(1.5rem,4vw,3.5rem) var(--pad) clamp(3rem,7vw,6rem);align-items:start}
.ficha-obra-img{position:sticky;top:5.2rem}
.ficha-obra-img img{width:100%;height:auto;max-height:calc(100svh - 7rem);object-fit:contain;object-position:left top;background:var(--papel-2)}
.ficha-obra-txt{padding-top:clamp(0rem,2vw,2rem)}
.ficha-obra-txt .ficha a{border-bottom:1px solid var(--linea)}
.ficha-obra-txt h1{font-style:italic;font-weight:300;font-size:clamp(2.2rem,4.6vw,4.6rem);line-height:1;letter-spacing:-.015em;font-variation-settings:"opsz" 72;margin:0 0 1.4rem}
.ficha-obra-txt .cartela{flex-direction:column;gap:.35rem;margin:0 0 2rem;font-size:.78rem}
.ficha-obra-txt .cartela span{white-space:normal}
.obra-poema{margin:0;font-style:italic;font-size:clamp(1.25rem,1.9vw,1.7rem);line-height:1.4;max-width:34ch;font-variation-settings:"opsz" 32}
.obra-nota{font-family:var(--sans);font-size:.72rem;letter-spacing:.06em;color:var(--gris);margin:1.5rem 0 0}
.obra-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem 2rem;align-items:center;border-top:1px solid var(--linea);padding-top:1.6rem;padding-bottom:clamp(3rem,7vw,6rem)}
.obra-nav a{display:flex;flex-direction:column;gap:.35rem;padding:.6rem 0;min-height:44px}
.obra-nav a span,.obra-nav-todas{font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.obra-nav a b{font-weight:400;font-style:italic;font-size:1.2rem}
.obra-nav a[rel="next"]{text-align:right;align-items:flex-end}
.obra-nav-todas{border-bottom:1px solid var(--tinta);padding:.5rem 0 .3rem;align-self:center;color:var(--tinta)}
.obra-nav a:hover b{color:var(--corten)}
@media(max-width:820px){
  .ficha-obra{grid-template-columns:1fr;gap:1.6rem;padding-top:0;padding-inline:0}
  .ficha-obra-img{position:static}
  .ficha-obra-img img{max-height:none;object-fit:initial}
  .ficha-obra-txt{padding-inline:var(--pad)}
  .obra-nav{grid-template-columns:1fr 1fr;padding-top:1.2rem}
  .obra-nav-todas{grid-column:1/-1;justify-self:start;order:3}
}