/* ===========================================
   MUNI LIGHTBOX - Overrides de GLightbox
   =========================================== */

/* Ajuste para que la imagen destacada se vea clickeable */
.glightbox-featured {
  display: inline;
  cursor: zoom-in;
}

.glightbox-featured img {
  transition: filter 0.25s ease;
}

.glightbox-featured:hover img {
  filter: brightness(0.85);
}

/* Ajuste para las imágenes del contenido */
a.glightbox {
  cursor: zoom-in;
  display: inline-block;
  line-height: 0;
}

a.glightbox img {
  transition: filter 0.25s ease;
}

a.glightbox:hover img {
  filter: brightness(0.85);
}

/* Agrandar un poco el fondo oscuro que pone GLightbox por defecto */
.glightbox-container .gcontainer {
  max-width: 95vw;
}

.glightbox-container .gbtn {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  font-size: 0;
}

.glightbox-container .gbtn svg {
  display: block;
  flex: 0 0 auto;
}

.glightbox-container .gprev svg,
.glightbox-container .gnext svg {
  width: 50px;
  height: 50px;
}

.glightbox-container .gclose svg {
  width: 42px;
  height: 42px;
}

/* Ajuste responsive */
@media (max-width: 768px) {
  .glightbox-container .gcontainer {
    max-width: 100vw;
  }

  .glightbox-container .gbtn {
    width: 3rem;
    height: 3rem;
  }

  .glightbox-container .gclose svg {
    width: 38px;
    height: 38px;
  }
}