/*
 * Component: ih-lightbox
 * Usado em templates:
 *  - previsoes/generic_page.html (zoom carrossel agitação marítima)
 * HTML correspondente:
 *  - templates/previsoes/partials/lightbox.html
 */

.ih-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

.ih-lightbox.is-open {
  display: flex;
}

.ih-lightbox-dialog {
  position: relative;
  max-width: 95vw;
  max-height: 95vh;
}

.ih-lightbox-dialog img {
  display: block;
  max-width: 100%;
  max-height: 95vh;
  height: auto;
}

.ih-lightbox-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border: 0;
  background: #fff;
  border-radius: 999px;
  padding: 0.25rem 0.6rem;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
}