@import url("./style-base.css?v=gallery-base-20260824-6");

/* Registro histórico: título editorial + archivo visual sin captions visibles. */
.archive-hero{
  display:block!important;
  padding:clamp(118px,10vw,154px) 0 clamp(42px,4vw,58px)!important;
  background:
    radial-gradient(circle at 82% 8%,rgba(181,53,42,.14),transparent 30%),
    linear-gradient(135deg,#080605,#100907 65%,#080605)!important;
}
.archive-hero .hero-inner{
  width:min(1240px,calc(100% - 40px))!important;
  margin:auto!important;
}
.archive-hero h1{
  max-width:980px!important;
  margin:0!important;
  font-size:0!important;
  line-height:.82!important;
  letter-spacing:-.03em!important;
  text-transform:uppercase!important;
}
.archive-hero h1::before,
.archive-hero h1::after{
  display:block!important;
  font-family:var(--serif,"Cormorant Garamond",Georgia,serif)!important;
  font-size:clamp(58px,7.2vw,108px)!important;
  font-weight:500!important;
  line-height:.82!important;
  letter-spacing:-.03em!important;
  text-transform:uppercase!important;
}
.archive-hero h1::before{content:"Registro";color:var(--cream,#fff7ed)!important;}
.archive-hero h1::after{content:"Histórico";color:var(--red,#b5352a)!important;font-weight:400!important;}
.archive-hero h1 em{display:none!important;}

.archive-sequence{
  width:min(1320px,calc(100% - 24px))!important;
  padding-top:clamp(26px,3vw,44px)!important;
  padding-bottom:clamp(72px,8vw,110px)!important;
}
.gallery-item a::after,
.lightbox-meta,
.lightbox-counter,
.lightbox-date{display:none!important;}

/* La galería principal sólo contiene los dos mosaicos: 2026 y archivo anterior. */
.gallery-grid{display:block!important;}

/* Mosaico tipo rompecabezas: filas microscópicas + auto-flow dense. */
.collage-2026,
.archive-masonry{
  display:grid!important;
  grid-auto-flow:dense!important;
  grid-auto-rows:4px!important;
  align-items:start!important;
  width:100%!important;
}
.collage-2026{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 clamp(26px,3vw,42px)!important;
  transform:none!important;
}
.archive-masonry{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

/* Cada pieza recibe su ancho y alto exactos desde el cálculo de proporciones. */
.collage-2026 > .gallery-item,
.archive-masonry > .gallery-item{
  grid-column-end:span var(--masonry-cols,1)!important;
  grid-row-end:span var(--masonry-rows,40)!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
  z-index:auto!important;
}
.gallery-item a,
.gallery-item.wide a,
.gallery-item.flyer a{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:transparent!important;
}
.gallery-item img,
.gallery-item.contain img,
.gallery-item.flyer img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  transform:none!important;
  filter:none!important;
}
.gallery-item a:hover img{transform:none!important;filter:none!important;}
.gallery-item.flyer::before,
.gallery-item.flyer a::before{display:none!important;animation:none!important;}

/* El primer registro de 2026 conserva prioridad visual. */
.collage-2026 > .gallery-item:first-child{--masonry-cols:3;}

/* Lightbox limpio: sólo imagen y controles. */
.lightbox-stage{grid-template-rows:minmax(0,1fr)!important;gap:0!important;}
.lightbox-image{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(100dvh - 76px)!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Agenda retirada temporalmente del sitio. */
a[href="/agenda/"]{display:none!important;}

@media(max-width:1100px) and (min-width:821px){
  .archive-sequence{width:min(100% - 20px,1080px)!important;}
  .collage-2026{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
  .archive-masonry{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
}

@media(max-width:820px){
  .archive-hero{padding:104px 0 38px!important;}
  .archive-hero .hero-inner{width:min(100% - 30px,700px)!important;}
  .archive-hero h1::before,
  .archive-hero h1::after{font-size:clamp(52px,13.5vw,78px)!important;}
  .archive-sequence{
    width:calc(100% - 12px)!important;
    padding-top:18px!important;
    padding-bottom:64px!important;
  }
  .collage-2026,
  .archive-masonry{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:3px!important;
    gap:6px!important;
  }
  .collage-2026{margin-bottom:24px!important;}
  .collage-2026 > .gallery-item:first-child{--masonry-cols:2;}
}

@media(max-width:480px){
  .archive-hero{padding:96px 0 32px!important;}
  .archive-hero h1::before,
  .archive-hero h1::after{font-size:clamp(48px,14.5vw,66px)!important;}
  .archive-sequence{width:calc(100% - 8px)!important;padding-top:12px!important;}
  .collage-2026,
  .archive-masonry{grid-auto-rows:2px!important;gap:4px!important;}
  .collage-2026{margin-bottom:18px!important;}
}