/* ===== GALERÍA estilo miniaturas con nombre (5x5) ===== */
.gallery-thumbs {
  padding-top: 100px;
}

.galeriatop {
  padding-top: 100px;
  }

.gallery-thumbs h2 {
  text-align: center;
  font-size: clamp(26px, 3.5vw, 44px);
  margin-bottom: 22px;
}

/* Grid fijo de 5 columnas */
.gallery-strip{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: clamp(12px, 2vw, 18px);
  justify-items: center;
}

/* Tarjeta minimal */
.gallery-card{
  width: 100%;
  max-width: 300px; /* ancho máximo por celda */
  margin: 0;
  background: rgba(10,10,10,.55);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
  backdrop-filter: blur(10px) saturate(130%);
  -webkit-backdrop-filter: blur(10px) saturate(130%);
  padding: 12px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.gallery-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0,0,0,.6);
  border-color: rgba(255,255,255,.16);
}

/* Nombre arriba */
.file-label{
  font-size: 12px;
  letter-spacing: .3px;
  color: #d9d9d9;
  opacity:.9;
  user-select: text;
  text-align: left;
}

/* Miniatura centrada */
.thumb{
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1; /* cuadrado perfecto */
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px;
  overflow: hidden;
}

.thumb img{
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
  filter: brightness(.95) contrast(1.05);
  transition: transform .35s ease, filter .25s ease;
}

.gallery-card:hover .thumb img{
  transform: scale(1.06);
  filter: brightness(1) contrast(1.1);
}

/* ===== Lightbox (igual que antes) ===== */
#lightbox{
  position: fixed; inset: 0;
  background: rgba(0,0,0,.85);
  display: none;
  align-items: center; justify-content: center;
  z-index: 999;
  padding: 24px;
  cursor: zoom-out;
}
#lightbox.open{ display: flex; }
#lightbox img{
  max-width: 92vw; max-height: 92vh;
  border-radius: 10px;
  box-shadow: 0 20px 60px rgba(0,0,0,.7);
}
body.modal-open{ overflow: hidden; }

/* ===== Responsivo ===== */
@media (max-width: 1440px){
  .gallery-strip{ grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 1024px){
  .gallery-strip{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px){
  .gallery-strip{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 460px){
  .gallery-strip{ grid-template-columns: 1fr; }
}