﻿.gallery-intro{padding:76px 8vw 32px;text-align:center}.gallery-intro .eyebrow{margin-bottom:14px}.gallery-intro h1{font:500 clamp(40px,5vw,60px)/1.1 var(--serif);letter-spacing:-1.3px;margin:0}.gallery-intro h1 em{color:#987ba0;font-weight:500}.gallery-intro>p:last-child{color:var(--body);max-width:570px;margin:16px auto 0;font-size:13px}.gallery-viewer{max-width:1040px;padding:0 28px 76px;margin:0 auto}.gallery-frame{position:relative;height:min(74vh,760px);min-height:380px;background:var(--deep);display:grid;place-items:center;overflow:hidden}.gallery-frame::before{content:"";position:absolute;inset:-24px;background-image:inherit;background-position:center;background-size:cover;filter:blur(24px) brightness(.42);transform:scale(1.08)}.gallery-frame>img{position:relative;z-index:1;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 8px 36px rgba(0,0,0,.24)}.gallery-counter{position:absolute;top:18px;left:20px;padding:6px 10px;background:rgba(33,21,43,.78);color:white;font-size:10px;letter-spacing:1px}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(33,21,43,.55);color:white;font-size:22px;cursor:pointer}.gallery-arrow:hover,.gallery-arrow:focus-visible{background:var(--gold);color:var(--deep)}.gallery-prev{left:18px}.gallery-next{right:18px}.gallery-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 14px;border-bottom:1px solid var(--line)}.gallery-caption h2{font:500 21px var(--serif);margin:0}.gallery-caption>a{font-size:11px;font-weight:600;border-bottom:1px solid var(--gold);padding-bottom:4px}.gallery-caption>a span{color:#9b7b9f;padding-left:8px}.gallery-thumbnails{display:flex;gap:10px;padding-top:16px;overflow-x:auto}.gallery-thumb{width:92px;height:72px;flex:0 0 auto;padding:0;border:2px solid transparent;background:none;opacity:.65;cursor:pointer}.gallery-thumb:hover,.gallery-thumb.is-active{opacity:1;border-color:var(--gold)}.gallery-thumb img{object-fit:contain;background:var(--deep)}
@media(max-width:600px){.gallery-intro{padding:56px 7vw 24px}.gallery-viewer{padding:0 14px 56px}.gallery-frame{height:60vh;min-height:330px}.gallery-arrow{width:38px;height:38px}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-caption{align-items:flex-start;flex-direction:column;gap:6px}.gallery-caption h2{font-size:19px}.gallery-thumb{width:74px;height:60px}}

@media(min-width:601px){
  .gallery-frame{background-image:none!important}
  .gallery-frame::before{display:none!important;content:none!important}
  .gallery-frame>img{width:auto!important;height:auto!important;max-width:74%!important;max-height:84%!important;object-fit:contain!important;box-shadow:none}
}

/* Encabezado de galería en dos paneles */
.gallery-intro{max-width:1240px;margin:0 auto;padding:58px 28px 32px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.72fr);gap:12px;text-align:left}
.gallery-intro-main,.gallery-intro-side{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,54px)}
.gallery-intro-main{background:#fffbea}
.gallery-intro .eyebrow{margin:0 0 14px}
.gallery-intro h1{max-width:760px}
.gallery-intro-main>p:last-child{color:var(--body);max-width:570px;margin:16px 0 0;font-size:13px;line-height:1.8}
.gallery-intro-side{background:var(--deep);color:#fffbea;align-items:flex-start}
.gallery-intro-side .eyebrow{color:#d9b983}
.gallery-intro-side>p:nth-child(2){max-width:280px;margin:0;font:500 clamp(21px,2.4vw,29px)/1.35 var(--serif)}
.gallery-intro-side>a{margin-top:26px;padding-bottom:7px;border-bottom:1px solid #d9b983;color:#fffbea;font-size:12px;font-weight:600}
.gallery-intro-side>a span{padding-left:12px;color:#d9b983}
@media(max-width:760px){.gallery-intro{grid-template-columns:1fr;padding:42px 18px 24px}.gallery-intro-main,.gallery-intro-side{padding:30px}.gallery-intro h1{font-size:clamp(38px,9vw,52px)}}
@media(max-width:600px){.gallery-intro{padding:40px 14px 22px}.gallery-intro-main,.gallery-intro-side{padding:26px}.gallery-intro-side>p:nth-child(2){font-size:24px}}

/* Banner superior unificado en morado oscuro */
.gallery-intro{background:var(--deep);color:#fffbea}
.gallery-intro-main,.gallery-intro-side{background:transparent}
.gallery-intro .eyebrow,.gallery-intro .eyebrow-dark{color:#d9b983}
.gallery-intro h1,.gallery-intro h1 em{color:#fffbea}
.gallery-intro-main>p:last-child{color:rgba(255,251,234,.78)}

/* La barra superior es morada; el encabezado y la galería conservan su aspecto claro */
.site-header{background:var(--deep);color:#fffbea}
.site-header nav{color:#e2d8e5}
.site-header .brand small{color:#b9a9bf}
.site-header .header-cta{color:#fffbea}
.gallery-intro{background:transparent;color:var(--ink)}
.gallery-intro-main{background:#fffbea}
.gallery-intro .eyebrow-dark{color:#987ba0}
.gallery-intro .gallery-intro-main h1 em{color:#987ba0}
.gallery-intro-main>p:last-child{color:var(--body)}
.gallery-intro h1 em{color:#624668}
.gallery-intro .eyebrow-dark{color:#624668}
.gallery-intro-side{background:#e8deeb;color:#291b30}
.gallery-intro-side .eyebrow{color:#624668}
.gallery-intro-side>a{color:#291b30;border-color:#624668}
.gallery-intro-side>a span{color:#624668}
.gallery-intro-main,.gallery-intro-side{background:#fffbea}
.gallery-intro h1{color:#291b30}
.gallery-intro h1 em{color:#624668}



