/* ===== Instagram-like gallery (sin API) ===== */
#ig{ /* contenedor opcional si quieres margen extra */
  margin-top: 16px;
}

.ig-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0px;
  margin-top:10px;
}
@media (max-width: 1100px){ .ig-grid{grid-template-columns:repeat(4,1fr)} }
@media (max-width: 900px){  .ig-grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width: 600px){  .ig-grid{grid-template-columns:repeat(2,1fr)} }

.ig-item{
  position:relative; border-radius:0px; overflow:hidden;
  background: var(--card, #0f1b33);
  border:1px solid rgba(255,255,255,.08);
  box-shadow: var(--shadow, 0 10px 30px rgba(0,0,0,.35));
  isolation:isolate;
}
.ig-item::after{ content:""; display:block; padding-bottom:100%; } /* cuadrado */

.ig-img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition: transform .45s ease, filter .25s ease;
  will-change: transform;
}

.ig-overlay{
  position:absolute; inset:0; display:flex; align-items:end; justify-content:space-between;
  padding:10px; opacity:0;
  background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.55));
  transition:opacity .22s ease;
  pointer-events:none;
}
.ig-brand{
  font-size:.78rem; color:#fff; background:rgba(0,0,0,.35);
  padding:.25rem .5rem; border-radius:8px; backdrop-filter: blur(2px);
}
.ig-cta{
  pointer-events:auto;
  display:inline-flex; align-items:center; gap:.35rem;
  background:#fff; color:#0f172a; font-weight:700; border-radius:999px;
  padding:.35rem .7rem; text-decoration:none;
}
.ig-cta i{ font-size:1rem }

.ig-item:hover .ig-img{ transform:scale(1.06); filter:contrast(1.05) }
.ig-item:hover .ig-overlay{ opacity:1 }

/* Lightbox simple (clic para cerrar) */
.ig-lightbox{
  position:fixed; inset:0; background:rgba(0,0,0,.85);
  display:none; align-items:center; justify-content:center; z-index:1000;
}
.ig-lightbox img{ max-width:92vw; max-height:92vh; border-radius:12px; }
.ig-lightbox[aria-hidden="false"]{ display:flex; cursor:zoom-out; }

/* Ocultar en impresión si no lo quieres en el PDF */
@media print{ #ig{ display:none !important; } }