@font-face{font-family:"Instrument Serif";src:url("tipos/InstrumentSerif-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("tipos/InstrumentSerif-Italic.ttf") format("truetype");font-style:italic;font-display:swap}
:root{
  --yeso:#f8f5ee; --papel:#fffdf8; --tinta:#282522; --suave:#625c54; --linea:#cfc7ba;
  --rojo:#83392f; --vino:#49252a; --lino:#ede8de; --serif:"Instrument Serif",Georgia,serif;
  --sans:"Segoe UI",Arial,sans-serif; --ancho:1340px; --borde:clamp(16px,4.5vw,82px);
  color-scheme:light; scroll-padding-top:5.6rem;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--yeso);color:var(--tinta);font:1rem/1.52 var(--sans)}
.contenedor{width:min(var(--ancho),calc(100% - 2 * var(--borde)));margin-inline:auto}
h1,h2,h3,figure,p,dl,dd{margin:0}
h1,h2,h3{font:400 2.5rem/1.04 var(--serif);letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(3.2rem,7.2vw,6.6rem)}
em,i{font-family:var(--serif);font-weight:400}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.24em}
button{font:inherit;color:inherit;cursor:pointer}
a,button,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #9c482d;outline-offset:4px}
.saltar,.solo-lectores{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.saltar:focus{clip-path:none;position:fixed;top:.5rem;left:1rem;width:auto;height:auto;padding:.65rem 1rem;color:var(--tinta);background:var(--papel);z-index:15}
.cabecera{position:sticky;top:0;z-index:5;background:var(--yeso);border-bottom:1px solid var(--linea)}
.franja{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.3rem;min-height:4.45rem}
.firma{display:inline-flex;align-items:center;min-height:44px}
.firma img{width:clamp(116px,11vw,147px)}
#sectores{display:flex;align-items:center;gap:clamp(.9rem,2.5vw,2.5rem)}
#sectores a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:.94rem}
#sectores a:hover,#sectores a[aria-current]{color:var(--rojo);text-decoration:underline;text-underline-offset:.45em}
#sectores a[aria-current]{text-decoration-thickness:2px}
#sectores .inicio-menu,.desplegar{display:none}
.migas{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1.05rem 0 .75rem;color:var(--suave);font-size:.85rem}
.migas a{text-decoration:underline}.migas [aria-current]{color:var(--tinta)}
.situacion,.estado{font-size:.76rem;font-weight:600;letter-spacing:.115em;text-transform:uppercase}
.situacion{color:var(--rojo);margin-bottom:1rem}
.boton,.enlace{display:inline-flex;align-items:center;gap:.5em;min-height:44px}
.boton{padding:.65rem 1rem;background:var(--rojo);color:var(--papel);text-decoration:none}
.boton:hover{background:#602922}.boton.claro{background:#f4e8cf;color:#31211d}
.boton.claro:hover{background:#fff8ea}
.boton i,.enlace i{font:italic 1.2em var(--serif)}
.enlace{font-size:.95rem;text-decoration:underline;text-decoration-color:currentColor}
.enlace:hover,.migas a:hover,.pie a:hover{color:var(--rojo)}
.umbral{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);align-items:center;gap:clamp(1rem,2.4vw,2.8rem);background:var(--vino);color:#fff4e4;margin-top:clamp(1rem,2.6vw,2.6rem);padding:clamp(1.4rem,3.55vw,3.8rem)}
.umbral .situacion{color:#e9c8a4}
.umbral h1{font-size:clamp(3.8rem,6.5vw,6.65rem);line-height:.9;letter-spacing:-.045em}
.umbral h1 em{color:#f3d7a5}
.voz{margin:1.3rem 0 1.25rem;max-width:33ch;line-height:1.52;color:#f5e8d9}
.acciones{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem 1.05rem}
.acciones .enlace{color:inherit}
.umbral-obra a,.artista-perfil figure>a{display:block}
.umbral-obra img,.artista-perfil figure img{width:100%}
.umbral-obra figcaption,.artista-perfil figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.2rem .75rem;margin-top:.5rem;color:#e9dace;font-size:.77rem}
.umbral-obra figcaption em,.artista-perfil figcaption em{font-size:1.17rem}
.medio-portada{flex-basis:100%}
.umbral :focus-visible{outline-color:#ffdaa5}
.bloque{margin:clamp(2.1rem,4.2vw,4rem) 0}
.encabezado-linea,.paso-sala{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1.5rem}
.encabezado-linea{margin-bottom:1.25rem;border-top:1px solid var(--linea);padding-top:1.1rem}
.encabezado-linea h2,.edicion h2,.detalles-lapiz h2{font-size:clamp(2.35rem,4vw,4.2rem)}
.seleccion,.indice-salas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.35rem clamp(1rem,2.25vw,2.5rem)}
.tarjeta{display:block;text-decoration:none;min-width:0}
.passepartout{display:grid;place-items:center;aspect-ratio:1.48;background:#e9e4d9;padding:clamp(.55rem,1vw,1.15rem);overflow:hidden}
.passepartout img{width:100%;height:100%;min-height:0;object-fit:contain}
.tarjeta-titulo{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;font:clamp(1.8rem,2.65vw,2.85rem)/1.12 var(--serif);margin:.7rem 0 .2rem}
.tarjeta-titulo span{color:var(--rojo);font:1.05rem var(--sans)}
.tarjeta-nota{font-size:.91rem;color:var(--suave)}
.tarjeta:hover .tarjeta-titulo,.otras-puertas a:hover>span,.paso-obra:hover strong{color:var(--rojo);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.13em}
.otras-puertas{margin:clamp(1.8rem,4vw,3.8rem) 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.6rem,6vw,6rem)}
.otras-puertas a{position:relative;border-top:1px solid var(--linea);display:grid;gap:.15rem;padding:.8rem 2.1rem .95rem 0;text-decoration:none}
.otras-puertas a>span{font:clamp(1.65rem,2.2vw,2.35rem) var(--serif)}
.otras-puertas small{font-size:.9rem;color:var(--suave)}
.otras-puertas b{position:absolute;right:.25rem;top:1.1rem;color:var(--rojo);font-weight:400}
.titulo-sector{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:end;column-gap:clamp(1.2rem,5vw,6rem);padding:clamp(.8rem,2.4vw,2.4rem) 0 clamp(1.4rem,3vw,3rem)}
.titulo-sector>p,.titulo-sector>div>p:not(.situacion):not(.estado){max-width:48ch}
.titulo-sector h1 em,.artista-perfil h1 em{color:var(--rojo)}
.gesto-visor{margin-top:.7rem;font-size:.87rem;color:var(--suave)}
.indice-salas{padding-bottom:clamp(2rem,4.5vw,4.5rem)}
.pared{display:grid;gap:clamp(1.25rem,2.3vw,2.6rem);align-items:start}
.trio,.postales{grid-template-columns:repeat(3,minmax(0,1fr))}
.duo,.cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}
.duo.retratos{max-width:1050px;margin-inline:auto}
.cuadro{min-width:0}
.ampliar{display:block;position:relative;cursor:zoom-in}
.ampliar img{width:100%;height:auto}
.ampliar>span{position:absolute;right:.55rem;top:.55rem;display:grid;place-items:center;background:var(--papel);color:var(--tinta);width:1.8rem;height:1.8rem;font-size:1rem;opacity:0}
.ampliar:hover>span,.ampliar:focus-visible>span{opacity:1}
@media(hover:none),(max-width:740px){.ampliar>span{opacity:1}}
.rotulo{padding-top:.75rem}
.rotulo h2{font-size:clamp(1.8rem,2.6vw,2.9rem);line-height:1.1}
.tecnica-obra{max-width:54ch}
.tecnica-obra .medio{font-size:.88rem;line-height:1.4;color:var(--rojo);margin:.42rem 0 .68rem}
.tecnica-obra .metodo{font-size:1rem;line-height:1.55;color:var(--tinta)}
.nota{color:var(--suave);font-family:var(--serif);font-size:1.23rem;line-height:1.27;max-width:46ch;margin:1rem 0 .25rem}
.nota:empty{display:none}
.cartela{margin:.22rem 0 0}
.cartela summary,.nota-visor summary{cursor:pointer;color:var(--rojo);padding:.63rem 0;min-height:44px;font-size:.9rem;width:fit-content}
.cartela summary:hover,.nota-visor summary:hover{text-decoration:underline}
dl{display:grid;grid-template-columns:max-content minmax(0,1fr);align-content:start;gap:.32rem .8rem;font-size:.88rem}
dt{color:var(--suave)}
dd{min-width:0;overflow-wrap:anywhere}
.horizonte,.solo,.paseo-pintado{grid-template-columns:1fr;gap:clamp(1.8rem,3.5vw,3.4rem)}
.horizonte .cuadro,.solo .cuadro,.paseo-pintado .cuadro{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:clamp(1.35rem,4.6vw,5rem);align-items:center}
.paseo-pintado .cuadro+.cuadro,.horizonte .cuadro+.cuadro{border-top:1px solid var(--linea);padding-top:clamp(1.7rem,3.4vw,3rem)}
.horizonte .cuadro:nth-child(even) .ampliar{grid-column:2;grid-row:1}
.horizonte .cuadro:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.85fr)}
.horizonte .cuadro:nth-child(even) .rotulo{grid-column:1;grid-row:1}
.detalles-lapiz,.edicion{display:grid;gap:clamp(1rem,3.3vw,3.5rem);border-top:1px solid var(--linea);margin-top:2.4rem;padding:2rem 0}
.detalles-lapiz{grid-template-columns:repeat(3,minmax(0,1fr))}
.detalles-lapiz figcaption{margin-top:.5rem;color:var(--suave);font-size:.87rem}
.paso-sala{border-top:1px solid var(--linea);margin-top:clamp(1.7rem,3vw,3rem);padding:1.3rem 0 2rem}
.paso-obra{display:flex;align-items:center;gap:.85rem;text-decoration:none}
.paso-obra img{max-height:66px;max-width:88px;width:auto}
.paso-obra small{display:block;color:var(--suave);font-size:.8rem}
.paso-obra strong{font:clamp(1.45rem,2vw,2rem)/1.2 var(--serif)}
.paseo{display:flex;flex-wrap:wrap;gap:.15rem 1.3rem;border-block:1px solid var(--linea);margin-bottom:2rem}
.paseo a{min-height:44px;display:inline-flex;align-items:center;color:var(--rojo);font-size:.91rem}
.puertas-cuadro{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 1rem;border-top:1px solid var(--linea);margin-top:.55rem}
.puertas-cuadro a,.visor-pie a{display:inline-flex;align-items:center;gap:.3rem;min-height:44px;color:var(--rojo);font-size:.9rem}
.visor-pie [hidden]{display:none}
.postales{padding:clamp(.85rem,2.5vw,2.5rem);background:var(--lino)}
.postales .ampliar{display:flex;align-items:center;justify-content:center;height:clamp(200px,22vw,330px);padding:.3rem .1rem .85rem}
.postales .ampliar img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.postales .rotulo{border-top:1px solid #c4b9a9}
.postales .rotulo h2{font-size:clamp(1.6rem,2.25vw,2.4rem)}
.fuente-postal{font-size:.86rem}
.edicion{grid-template-columns:1fr 1fr;align-items:start}
.edicion p:not(.situacion){max-width:48ch;margin-top:.6rem}
.edicion dl{gap:.55rem 1.1rem;padding-top:.25rem}
.estado{display:flex;gap:.5rem;align-items:center;color:var(--rojo);margin-bottom:.5rem;letter-spacing:.07em}
.estado span{display:block;width:.56rem;height:.56rem;background:var(--rojo);border-radius:50%}
.artista-perfil{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:clamp(1.5rem,5vw,5.5rem);padding:clamp(1rem,2.9vw,2.8rem) 0}
.artista-perfil .voz-grande{font:clamp(1.6rem,2.4vw,2.5rem)/1.16 var(--serif);margin:1.15rem 0}
.artista-perfil .boton{margin-top:1.3rem}
.artista-perfil figcaption{color:var(--suave)}
.oficio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:.8rem 3rem;align-items:start;border-top:1px solid var(--linea);padding:clamp(1.35rem,3vw,3rem) 0}
.oficio h2{font-size:clamp(2.5rem,4vw,4.4rem)}
.oficio p{max-width:58ch}
.oficio p+p{margin-top:.9rem}
.oficio a{color:var(--rojo)}
.oficio i{font-size:1.13em}
.pie{border-top:1px solid var(--linea);color:var(--suave);margin-top:1rem}
.pie>div{display:flex;gap:.1rem 1rem;align-items:center;flex-wrap:wrap;padding:.75rem 0;font-size:.83rem}
.pie a{display:inline-flex;align-items:center;min-height:44px}
.pie a:first-child{color:var(--tinta);font:1.36rem var(--serif);text-decoration:none}
.pie a:last-child{margin-left:auto}
@media(min-width:741px){
  .gestos{grid-template-columns:1fr 1.14fr 1fr}
  .gestos>.cuadro:not(:nth-child(2)){margin-top:2vw}
}
@media(max-width:880px){
  .umbral{grid-template-columns:.95fr 1.2fr}
  .seleccion,.indice-salas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:740px){
  :root{scroll-padding-top:4.5rem}
  .franja{min-height:3.7rem;flex-wrap:wrap;gap:0}
  .cabecera{position:relative}
  .cabecera.lista{position:sticky}
  #sectores{width:100%;flex-wrap:wrap;gap:0 1rem;padding-bottom:.4rem}
  #sectores .inicio-menu{display:flex}
  .lista .desplegar{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:0;min-height:44px;padding:.45rem 0 .45rem .9rem}
  .rayas{width:16px;height:10px;border-block:1.5px solid var(--rojo)}
  .lista #sectores{display:none}
  .lista #sectores.abierto{display:grid;position:absolute;top:100%;left:calc(-1 * var(--borde));right:calc(-1 * var(--borde));width:auto;padding:.4rem var(--borde) .65rem;background:var(--papel);border-block:1px solid var(--linea);box-shadow:0 12px 14px #24171114;gap:0;max-height:calc(100dvh - 4rem);overflow:auto}
  .lista #sectores a{padding:.36rem .15rem;border-bottom:1px solid var(--lino)}
  .umbral{grid-template-columns:1fr;gap:1.35rem}
  .umbral h1{font-size:clamp(3.6rem,11.5vw,5.6rem)}
  .umbral .voz{max-width:45ch;margin:.9rem 0}
  .situacion{margin-bottom:.65rem}
  .titulo-sector{grid-template-columns:1fr;gap:.8rem}
  .titulo-sector>p{max-width:58ch}
  .trio,.duo,.cuatro,.postales{grid-template-columns:1fr}
  .pared{gap:1.8rem}
  .horizonte .cuadro,.solo .cuadro,.paseo-pintado .cuadro,.horizonte .cuadro:nth-child(even){display:block}
  .artista-perfil,.edicion,.oficio{grid-template-columns:1fr}
  .postales .ampliar{height:clamp(225px,54vw,330px)}
  .detalles-lapiz{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detalles-lapiz>div{grid-column:1/-1}
}
@media(max-width:560px){
  .seleccion,.indice-salas,.otras-puertas{grid-template-columns:1fr}
  .seleccion,.indice-salas{gap:1.5rem}
  .migas{font-size:.79rem}
  .paso-sala{align-items:flex-start;flex-direction:column}
  .pie>div{gap:0 .7rem}.pie a:last-child{margin-left:0}
}
body.viendo{overflow:hidden}
#visor{position:fixed;inset:0;width:min(1160px,96vw);max-width:100%;height:min(92dvh,940px);max-height:100%;border:1px solid var(--linea);padding:0;background:var(--papel);color:var(--tinta);overflow:hidden}
#visor[open]{display:flex;flex-direction:column}
#visor::backdrop{background:#211917bd}
.visor-barra,.visor-pie{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex:none;padding:.4rem clamp(.8rem,2vw,1.6rem);border-bottom:1px solid var(--linea)}
.visor-barra{color:var(--suave);font-size:.9rem}
#visor button{min-height:44px;min-width:44px;padding:.35rem .75rem;border:1px solid transparent;background:transparent}
#visor button:hover:enabled{color:var(--rojo);border-color:var(--linea)}
#visor button:disabled{color:#817a72;cursor:default}
#cerrar span{font-size:1.24rem;margin-left:.25rem}
.visor-cuerpo{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);min-height:0;overflow-y:auto;flex:1}
.visor-cuerpo figure{min-height:0;padding:clamp(.7rem,2vw,2rem);background:#ece6db;display:grid;place-items:center}
.visor-cuerpo img{width:100%;height:100%;max-height:calc(min(92dvh,940px) - 9rem);object-fit:contain}
.visor-ficha{padding:clamp(1rem,2.5vw,2.6rem);align-self:center}
.visor-ficha h2{font-size:clamp(2.15rem,3.8vw,3.5rem)}
#visor-cartela{margin-top:1rem;border-top:1px solid var(--linea);padding-top:1rem}
.nota-visor{margin-top:.55rem}
.nota-visor .nota{margin-top:0}
.visor-ficha>a{display:inline-flex;align-items:center;min-height:44px;margin-top:.6rem;color:var(--rojo);font-size:.88rem}
.visor-pie{border-top:1px solid var(--linea);border-bottom:0;font-size:.91rem}
.visor-pie button{white-space:nowrap}
#posicion{min-width:0;line-height:1.3;text-align:center}
@media(max-width:740px){
  #visor{width:100%;height:100dvh;border:0}
  .visor-cuerpo{display:block}
  .visor-cuerpo figure{padding:.7rem}
  .visor-cuerpo img{height:auto;max-height:50dvh}
  .visor-ficha{padding:1rem var(--borde)}
  .visor-pie{padding-bottom:max(.4rem,env(safe-area-inset-bottom))}
}
@media(forced-colors:active){.boton,.desplegar{border:1px solid ButtonText}.estado span{background:CanvasText}}