/* Índigo V6.1: sala expositiva sin paspartú, tipografía sobre tapiz. */
.exh-section{--exh-ink:#211b16;background:#eee9df;color:var(--exh-ink);padding:96px 0 104px}
.exh-wrap{max-width:1500px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}
.exh-sup{font:10px/1.4 var(--sans);letter-spacing:.24em;color:#7b6f60;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #b8afa4;padding-bottom:16px}
.exh-header{padding:22px 0 34px;display:flex;align-items:end;justify-content:space-between;gap:16px}
.exh-header h2{font:400 clamp(64px,9vw,132px)/.98 var(--serif);letter-spacing:-.075em;margin:0}
.exh-meta{font:11px/1.5 var(--sans);letter-spacing:.11em;color:#786d61;text-transform:uppercase;padding-bottom:12px;text-align:right}
.exh-room{position:relative;height:clamp(400px,45vw,620px);background:#8b6449 url('../galeria/sala-indigo.webp') center center / cover no-repeat;overflow:hidden;isolation:isolate}
.exh-room::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.10),transparent 15%,transparent 85%,rgba(0,0,0,.11));z-index:0}
/* Text appears as wall lettering, without label plates, frames or banners. */
.exh-wall-caption{position:absolute;top:clamp(24px,4.5vw,52px);left:clamp(26px,5.5vw,88px);max-width:min(75%,600px);z-index:3;color:#291911;text-shadow:0 1px 1px rgba(255,228,187,.18);pointer-events:none}
.exh-wall-caption[hidden],.exh-current-author[hidden],.exh-current-title[hidden]{display:none!important}
.exh-current-author{font:500 clamp(24px,2.8vw,41px)/1.08 'Iowan Old Style','Baskerville','Palatino Linotype','Book Antiqua',Georgia,serif;letter-spacing:-.035em;overflow-wrap:anywhere}
.exh-current-title{font:italic 400 clamp(18px,1.8vw,26px)/1.15 'Iowan Old Style','Baskerville','Palatino Linotype','Book Antiqua',Georgia,serif;letter-spacing:.005em;margin-top:3px;overflow-wrap:anywhere}
/* Artwork sits below the left wall lettering, on the textured upper wall. */
.exh-wall-scroll{position:absolute;left:0;right:0;top:clamp(87px,13.7%,108px);height:calc(65% - clamp(105px,16.5%,125px));display:flex;justify-content:safe center;align-items:center;gap:clamp(22px,3.7vw,57px);overflow-x:auto;overflow-y:hidden;padding:6px clamp(38px,6vw,88px) 11px;scroll-snap-type:x proximity;scrollbar-width:none;z-index:2}
.exh-wall-scroll::-webkit-scrollbar{display:none}
.exh-room:has(.exh-art-card:nth-child(5)) .exh-wall-scroll{justify-content:flex-start}
.exh-art-card{border:0;background:transparent;color:#221a14;padding:0;flex:0 0 clamp(142px,15.5vw,215px);width:clamp(142px,15.5vw,215px);height:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;position:relative;transition:transform .25s ease;cursor:zoom-in}
.exh-art-card:hover,.exh-art-card:focus-visible{transform:translateY(-3px)}
.exh-art-card:focus-visible{outline:2px solid #fff0d2;outline-offset:7px}
/* No white border, matte/passe-partout or interior padding. The photo touches the black frame. */
.exh-artframe{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;max-height:100%;padding:0;border:5px solid #15110f;background:#15110f;box-shadow:3px 7px 13px rgba(10,7,5,.55),0 0 0 1px rgba(76,45,30,.7);transition:box-shadow .25s ease}
.exh-artframe img{display:block;width:auto;height:auto;max-width:100%;max-height:clamp(173px,19vw,230px);object-fit:contain;border:0;outline:0;padding:0;margin:0;filter:contrast(1.025)}
.exh-art-card:hover .exh-artframe,.exh-art-card:focus-visible .exh-artframe{box-shadow:4px 10px 19px rgba(10,7,5,.63),0 0 0 1px rgba(76,45,30,.7)}
.exh-wall-arrow{position:absolute;z-index:4;top:39%;width:38px;height:38px;border:1px solid rgba(244,235,215,.8);color:#f8f3ea;background:rgba(18,13,9,.65);border-radius:100%;display:grid;place-items:center;transition:background .2s}
.exh-wall-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.exh-wall-arrow:hover{background:rgba(18,13,9,.95)}
.exh-wall-arrow.prev{left:13px}.exh-wall-arrow.next{right:13px}
.exh-empty{font:400 clamp(21px,3vw,32px)/1.35 var(--serif);color:#f4ebe1;position:absolute;top:28%;left:50%;transform:translateX(-50%);white-space:nowrap;text-shadow:0 2px 8px #2c1a11}
.exh-empty[hidden],.exh-wall-arrow[hidden],.exh-modal[hidden],.exh-info-row[hidden]{display:none!important}
.exh-modal{position:fixed;inset:0;z-index:1000;background:rgba(15,12,11,.95);display:flex;align-items:center;justify-content:center;padding:clamp(12px,2vw,30px);color:#27221d;overscroll-behavior:contain}
.exh-dialog{background:#eeeae2;width:min(1170px,100%);max-height:calc(100dvh - 30px);min-height:min(670px,calc(100dvh - 30px));display:flex;flex-direction:column;overflow:hidden;box-shadow:0 14px 70px rgba(0,0,0,.6)}
.exh-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px clamp(18px,3.1vw,40px);border-bottom:1px solid #cfc7bb;flex:0 0 auto}
.exh-dialog-brand{font:10px/1.4 var(--sans);letter-spacing:.23em;text-transform:uppercase}
.exh-dialog-controls{display:flex;align-items:center;gap:16px}
.exh-dialog-count{font:10px/1.4 var(--sans);color:#71695f;letter-spacing:.15em}
.exh-icon-btn{border:1px solid #bdb3a6;background:none;color:#2b2721;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;flex:0 0 auto}
.exh-icon-btn svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none}
.exh-icon-btn:hover{background:#d8d0c4}.exh-icon-btn:disabled{opacity:.3;cursor:default}
.exh-dialog-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.68fr);flex:1;min-height:0}
.exh-detail-image-area{min-height:260px;background:#201d1a;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px 55px}
.exh-detail-figure{height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow:auto;scrollbar-width:thin}
.exh-detail-figure img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}
.exh-detail-figure.is-zoomed{display:block;text-align:center}
.exh-detail-figure.is-zoomed img{max-width:none;max-height:none;min-width:min(750px,135%);height:auto;cursor:zoom-out;margin:auto}
.exh-detail-ctrl{position:absolute;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.35);color:white;background:rgba(25,22,19,.45);border-radius:50%;height:36px;width:36px;display:grid;place-items:center}
.exh-detail-ctrl svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;fill:none}
.exh-detail-ctrl.prev{left:12px}.exh-detail-ctrl.next{right:12px}.exh-detail-ctrl:disabled{opacity:.12}
.exh-detail-info{padding:clamp(24px,3vw,46px);display:flex;flex-direction:column;gap:14px;overflow-y:auto}
.exh-detail-kicker{font:10px/1.5 var(--sans);color:#82776b;letter-spacing:.23em;text-transform:uppercase}
.exh-detail-title{font:400 clamp(34px,3.5vw,55px)/1.03 var(--serif);letter-spacing:-.055em;margin:0;overflow-wrap:anywhere}
.exh-detail-author{font:400 22px/1.25 var(--serif);color:#5b5046;margin:0 0 15px}
.exh-info-row{display:grid;grid-template-columns:94px minmax(0,1fr);gap:9px;border-top:1px solid #d2c9bd;padding:12px 0 0;color:#544a40}
.exh-info-row strong{font:10px/1.5 var(--sans);letter-spacing:.10em;text-transform:uppercase;color:#84786b}
.exh-info-row span{font:13px/1.5 var(--sans)}
.exh-detail-desc{font:14px/1.7 var(--sans);color:#5b5249;margin:8px 0;white-space:pre-wrap}
.exh-detail-foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #d2c9bd}
.exh-detail-foot button{border:0;background:none;color:#382c23;font:10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.13em;padding:10px 0}
.exh-detail-foot button:disabled{opacity:.25;cursor:default}
.exh-modal[hidden]{display:none}

@media(max-width:900px){
 .exh-room{height:520px}.exh-wall-caption{top:27px;left:34px}.exh-wall-scroll{top:92px;height:calc(65% - 110px);gap:25px;padding:7px 48px 12px;justify-content:flex-start}
 .exh-art-card{flex-basis:180px;width:180px}.exh-artframe img{max-height:202px}
 .exh-dialog-body{grid-template-columns:minmax(0,1.15fr) minmax(230px,.8fr)}.exh-detail-image-area{padding:15px 39px}.exh-detail-info{padding:27px}
}
@media(max-width:620px){
 .exh-section{padding:76px 0 70px}.exh-wrap{padding:0 20px}.exh-sup{font-size:9px}.exh-header{padding:18px 0 25px}.exh-header h2{font-size:clamp(65px,18vw,94px)}.exh-meta{font-size:9px;max-width:110px}
 .exh-room{height:520px;background-position:center center}.exh-wall-caption{top:24px;left:24px;max-width:calc(100% - 48px)}
 .exh-current-author{font-size:clamp(27px,7.5vw,35px)}.exh-current-title{font-size:clamp(18px,5.1vw,23px)}
 .exh-wall-scroll{top:97px;height:calc(65% - 115px);padding:7px calc((100vw - 185px)/2) 13px;gap:20px;scroll-snap-type:x mandatory}
 .exh-art-card{flex-basis:185px;width:185px}.exh-artframe{border-width:4px}.exh-artframe img{max-height:206px}
 .exh-wall-arrow{top:41%;width:34px;height:34px}.exh-wall-arrow.prev{left:7px}.exh-wall-arrow.next{right:7px}
 .exh-modal{padding:0}.exh-dialog{height:100dvh;max-height:100dvh;min-height:0}.exh-dialog-head{padding:13px 16px}
 .exh-dialog-body{grid-template-columns:1fr;grid-template-rows:minmax(220px,45dvh) minmax(0,1fr)}
 .exh-detail-image-area{min-height:0;padding:14px 43px}.exh-detail-ctrl.prev{left:5px}.exh-detail-ctrl.next{right:5px}
 .exh-detail-info{padding:20px 26px 26px;gap:10px}.exh-detail-title{font-size:38px}.exh-detail-author{font-size:19px;margin-bottom:8px}
 .exh-info-row{grid-template-columns:80px minmax(0,1fr);padding-top:9px}.exh-detail-desc{font-size:13px}.exh-detail-foot{padding-top:9px}.exh-detail-figure.is-zoomed img{min-width:160vw}
}
.exh-detail-ctrl:disabled,.exh-detail-foot button:disabled{display:none}
@media(prefers-reduced-motion:reduce){.exh-art-card,.exh-artframe{transition:none}}
