/* ═══════════════════════════════════════════
   EXPOSICIONES PAGE — page-exposiciones.css
   Extracted from page-exposiciones.php inline styles
═══════════════════════════════════════════ */

/* ── EXPO TIMELINE ── */
.expo-tl{background:var(--dark);padding:10rem 5rem;position:relative;overflow:hidden;}
.expo-tl__inner{max-width:1200px;margin:0 auto;}
.expo-tl__eyebrow{font-family:'Quantico',sans-serif;font-size:0.68rem;font-weight:600;letter-spacing:0.55em;text-transform:uppercase;color:rgba(242,228,208,0.4);display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
.expo-tl__eyebrow::before{content:'';width:40px;height:1px;background:rgba(242,228,208,0.25);}
.expo-tl__title{font-family:'MajorShift',sans-serif;font-size:clamp(3rem,6vw,5rem);line-height:0.88;color:var(--light);margin-bottom:7rem;}
.expo-items{display:flex;flex-direction:column;gap:0;}
.expo-item{border-bottom:1px solid rgba(242,228,208,0.07);padding:4rem 0;display:grid;grid-template-columns:130px 1fr 1.1fr;gap:4rem;align-items:center;transition:background 0.3s;}
.expo-item:hover{background:rgba(193,68,14,0.03);}
.expo-item:last-child{border-bottom:none;}
.expo-item__year{font-family:'MajorShift',sans-serif;font-size:3.5rem;color:rgba(242,228,208,0.1);line-height:1;text-align:right;}
.expo-item__badge{font-family:'Quantico',sans-serif;font-size:0.58rem;font-weight:700;letter-spacing:0.45em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:0.6rem;}
.expo-item__lugar{font-family:'MajorShift',sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--light);line-height:0.9;display:block;margin-bottom:0.5rem;}
.expo-item__ciudad{font-family:'Quantico',sans-serif;font-size:0.72rem;font-weight:400;letter-spacing:0.22em;text-transform:uppercase;color:rgba(242,228,208,0.28);display:block;margin-bottom:1rem;}
.expo-item__desc{font-family:'Quantico',serif;font-size:1.05rem;font-style:italic;font-weight:300;color:rgba(242,228,208,0.5);line-height:1.75;max-width:520px;}
.expo-item__tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1.2rem;}
.expo-item__tag{font-family:'Quantico',sans-serif;font-size:0.58rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:rgba(242,228,208,0.2);border:1px solid rgba(242,228,208,0.08);padding:0.28rem 0.7rem;}
.expo-item__imgs{display:grid;grid-template-columns:1fr 1fr;gap:4px;}
.expo-item__img{overflow:hidden;aspect-ratio:4/3;}
.expo-item__img img{width:100%;height:100%;object-fit:cover;filter:saturate(0.7) brightness(0.8);transition:transform 0.6s var(--ease-out),filter 0.4s;}
.expo-item:hover .expo-item__img img{filter:saturate(0.9) brightness(1);}
.expo-item__img:hover img{transform:scale(1.07);}

/* ── GALERÍA MUSEO ── */
.museo-galeria{background:var(--cream);padding:10rem 5rem;position:relative;}
.museo-galeria::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);}
.museo-galeria__inner{max-width:1350px;margin:0 auto;}
.museo-galeria__eyebrow{font-family:'Quantico',sans-serif;font-size:0.68rem;font-weight:600;letter-spacing:0.55em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:1rem;margin-bottom:0.8rem;}
.museo-galeria__eyebrow::before{content:'';width:40px;height:1px;background:var(--red);}
.museo-galeria__title{font-family:'MajorShift',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);line-height:0.88;color:var(--ink);margin-bottom:4rem;}
.museo-block{margin-bottom:5rem;}
.museo-block__label{font-family:'Quantico',sans-serif;font-size:0.65rem;font-weight:700;letter-spacing:0.42em;text-transform:uppercase;color:var(--red);border-bottom:1px solid rgba(193,68,14,0.15);padding-bottom:0.8rem;margin-bottom:1.5rem;display:block;}
.museo-block__grid{display:grid;gap:4px;}
.museo-block__grid--4{grid-template-columns:1.6fr 1fr 1fr 1fr;}
.museo-block__grid--3{grid-template-columns:1fr 1fr 1fr;}
.museo-block__img{overflow:hidden;}
.museo-block__img--tall{aspect-ratio:2/3;}
.museo-block__img--sq{aspect-ratio:3/4;}
.museo-block__img--wide{aspect-ratio:16/9;}
.museo-block__img img{width:100%;height:100%;object-fit:cover;filter:saturate(0.85);transition:transform 0.7s var(--ease-out),filter 0.4s;}
.museo-block__img:hover img{transform:scale(1.06);filter:saturate(1);}

/* ── PIEZAS DETALLE ── */
.piezas-strip{background:var(--dark);padding:8rem 5rem;}
.piezas-strip__inner{max-width:1350px;margin:0 auto;}
.piezas-strip__eyebrow{font-family:'Quantico',sans-serif;font-size:0.68rem;font-weight:600;letter-spacing:0.55em;text-transform:uppercase;color:rgba(242,228,208,0.35);display:flex;align-items:center;gap:1rem;margin-bottom:0.8rem;}
.piezas-strip__eyebrow::before{content:'';width:40px;height:1px;background:rgba(242,228,208,0.2);}
.piezas-strip__title{font-family:'MajorShift',sans-serif;font-size:clamp(2.5rem,5vw,4rem);color:var(--light);line-height:0.88;margin-bottom:3.5rem;}
.piezas-row{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;}
.piezas-row__img{overflow:hidden;aspect-ratio:2/3;}
.piezas-row__img img{width:100%;height:100%;object-fit:cover;filter:saturate(0.6) brightness(0.8);transition:filter 0.4s,transform 0.6s;}
.piezas-row__img:hover img{filter:saturate(1) brightness(1);transform:scale(1.08);}

/* ── REGISTRO FOTOGRÁFICO ── */
.erg-sec{background:var(--cream);padding:10rem 5%;position:relative;}
.erg-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);}
.erg-sec__inner{max-width:1350px;margin:0 auto;}
.erg-eyebrow{font-family:'Quantico',sans-serif;font-size:0.65rem;font-weight:700;letter-spacing:0.55em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:1rem;margin-bottom:0.8rem;}
.erg-eyebrow::before{content:'';width:40px;height:1px;background:var(--red);}
.erg-title{font-family:'MajorShift',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);line-height:0.88;color:var(--ink);margin-bottom:5rem;}

/* ── Subsecciones ── */
.erg-subsec{margin-bottom:5rem;}
.erg-subsec__header{display:flex;align-items:center;gap:2rem;margin-bottom:1.5rem;padding-bottom:0.8rem;border-bottom:1px solid rgba(193,68,14,0.15);}
.erg-subsec__title{font-family:'Quantico',sans-serif;font-size:0.65rem;font-weight:700;letter-spacing:0.42em;text-transform:uppercase;color:var(--red);}
.erg-subsec__count{font-family:'Quantico',sans-serif;font-size:0.58rem;letter-spacing:0.25em;color:rgba(28,20,16,0.3);margin-left:auto;}

/* ── Grid ── */
.erg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;}

/* ── Tarjeta ── */
.erg-card{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:4/3;background:#120d08;}
.erg-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(0.8);transition:transform 1.5s cubic-bezier(0.25,1,0.5,1),filter 1.2s ease;}
.erg-card:hover .erg-card__img{transform:scale(1.05);filter:saturate(1.05);}
.erg-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(18,13,8,0.98) 0%,rgba(18,13,8,0.4) 45%,transparent 85%);pointer-events:none;opacity:0;transition:opacity 1s ease-out;}
.erg-card:hover .erg-card__overlay{opacity:1;}
.erg-card__info{position:absolute;bottom:0;left:0;right:0;padding:1.4rem 1.2rem;pointer-events:none;}
.erg-card__grupo{font-family:'Quantico',sans-serif;font-size:0.52rem;font-weight:700;letter-spacing:0.4em;text-transform:uppercase;color:#c1440e;display:block;margin-bottom:0.2rem;opacity:0;transform:translateY(6px);transition:opacity 0.8s ease 0.1s,transform 0.8s ease 0.1s;}
.erg-card__nombre{font-family:'MajorShift',sans-serif;font-size:1.1rem;color:#f2e4d0;display:block;line-height:1;opacity:0;transform:translateY(6px);transition:opacity 0.8s ease 0.18s,transform 0.8s ease 0.18s;}
.erg-card:hover .erg-card__grupo,
.erg-card:hover .erg-card__nombre{opacity:1;transform:translateY(0);}

/* ── Lightbox Exposiciones ── */
.erg-lb{position:fixed;inset:0;z-index:3000;background:rgba(6,4,2,0.97);opacity:0;pointer-events:none;transition:opacity 0.4s ease;display:flex;align-items:center;justify-content:center;}
.erg-lb.is-open{opacity:1;pointer-events:all;}
.erg-lb__box{max-width:960px;width:90vw;background:#120d08;border-top:2px solid #c1440e;display:grid;grid-template-columns:1fr 1fr;max-height:90vh;overflow:auto;position:relative;}
.erg-lb__img-wrap{position:relative;cursor:zoom-in;}
.erg-lb__img{width:100%;height:100%;object-fit:cover;display:block;}
.erg-lb__body{padding:4rem 4rem;display:flex;flex-direction:column;justify-content:center;position:relative;}
.erg-lb__grupo{font-family:'Quantico',sans-serif;font-size:0.75rem;font-weight:700;letter-spacing:0.3em;text-transform:uppercase;color:#c1440e;margin-bottom:1rem;display:block;}
.erg-lb__nombre{font-family:'MajorShift',sans-serif;font-size:3.5rem;color:#fcf8f2;line-height:0.9;margin-bottom:2rem;}
.erg-lb__close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:rgba(18,13,8,0.5);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(242,228,208,0.5);font-family:sans-serif;font-size:1.5rem;font-weight:300;transition:all 0.3s ease;z-index:100;}
.erg-lb__close:hover{background:#c1440e;color:#fff;transform:scale(1.1);}
.erg-lb__nav{display:flex;gap:1rem;margin-top:auto;}
.erg-lb__btn{font-family:'Quantico',sans-serif;font-size:0.75rem;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:#b0a090;background:rgba(193,68,14,0.08);border:1px solid rgba(193,68,14,0.15);padding:1rem 1.5rem;cursor:pointer;flex:1;transition:all 0.3s;}
.erg-lb__btn:hover{background:#c1440e;color:#120d08;border-color:#c1440e;}

/* ── Shared modal hints and fullscreen ── */
.modal-expand-hint{position:absolute;bottom:2rem;right:2rem;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.2);color:#fff;padding:0.6rem 1.2rem;font-family:'Quantico',sans-serif;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity 0.3s;backdrop-filter:blur(5px);}
.erg-lb__img-wrap:hover .modal-expand-hint{opacity:1;}
.fs-lb{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.98);opacity:0;pointer-events:none;transition:opacity 0.4s ease;display:flex;align-items:center;justify-content:center;cursor:zoom-out;}
.fs-lb.is-open{opacity:1;pointer-events:all;}
.fs-lb-img{max-width:95vw;max-height:95vh;object-fit:contain;}
.fs-lb-close{position:absolute;top:2rem;right:2rem;width:60px;height:60px;background:transparent;border:1px solid rgba(255,255,255,0.2);border-radius:50%;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;z-index:10001;}
.fs-lb-close:hover{background:#c1440e;border-color:#c1440e;transform:scale(1.1);}

/* ── RESPONSIVE ── */
@media(max-width:1100px){.expo-item{grid-template-columns:100px 1fr;}.expo-item__imgs{display:none;}.erg-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:900px){.expo-tl{padding:7rem 2rem;}.museo-galeria{padding:7rem 2rem;}.museo-block__grid--4{grid-template-columns:1fr 1fr;}.museo-block__grid--3{grid-template-columns:1fr 1fr;}.piezas-strip{padding:6rem 2rem;}.piezas-row{grid-template-columns:repeat(4,1fr);}}
@media(max-width:760px){.erg-grid{grid-template-columns:repeat(2,1fr);}.erg-lb__box{grid-template-columns:1fr;}}
@media(max-width:480px){.erg-grid{grid-template-columns:1fr;}}
@media(max-width:1024px){
  .erg-sec::before { display: none; }
  .erg-eyebrow { justify-content: center; }
  .erg-eyebrow::before { display: none; }
  .erg-title { text-align: center; }
  .erg-subsec__header { border-bottom: none; justify-content: center; flex-direction: column; text-align: center; gap: 0.5rem; }
  .erg-subsec__count { margin-left: 0; }
}

@media(max-width:520px){
  .expo-tl { padding: 5rem 1.5rem; text-align: center; }
  .expo-tl__eyebrow { justify-content: center; }
  .expo-tl__title { text-align: center; }
  .expo-item { grid-template-columns: 1fr; gap: 1.5rem; text-align: center; }
  .expo-item__year { text-align: center; font-size: 3rem; margin-bottom: -1rem; }
  .expo-item__desc { margin: 0 auto; }
  .expo-item__tags { justify-content: center; }
  .museo-galeria { padding: 5rem 1.5rem; text-align: center; }
  .museo-galeria__eyebrow { justify-content: center; }
  .museo-block__grid--4, .museo-block__grid--3 { grid-template-columns: 1fr; }
  .piezas-strip { padding: 5rem 1.5rem; text-align: center; display: flex; flex-direction: column; align-items: center; }
  .piezas-strip__inner { text-align: center; display: flex; flex-direction: column; align-items: center; width: 100%; }
  .piezas-strip__eyebrow { justify-content: center; margin-bottom: 1rem; }
  .piezas-strip__eyebrow::before { display: none !important; }
  .piezas-strip__title { text-align: center; }
  .piezas-row { grid-template-columns: repeat(2, 1fr); }
  .erg-sec { padding: 5rem 1.5rem; text-align: center; }
  .erg-eyebrow { justify-content: center; }
  .erg-subsec__header { border-bottom: none; }
  .erg-lb__body { padding: 2rem 1.5rem; }
  .erg-lb__nombre { font-size: 2rem; }
}