/* Ventana del vídeo o la imagen (assets/lightbox.js). Va en el plugin y no en Oxygen porque el JS crea los elementos. */
.amg-lightbox { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 4vh 4vw; background: rgba(0, 20, 24, .88); }
.amg-lightbox[hidden] { display: none; }
.amg-lightbox-inner { position: relative; width: min(100%, 1100px); }
.amg-lightbox-video { display: block; width: 100%; max-height: 86vh; background: #000; }
.amg-lightbox-img { display: block; max-width: 100%; max-height: 86vh; margin: 0 auto; background: #fff; }
.amg-lightbox-video[hidden], .amg-lightbox-img[hidden] { display: none; }
.amg-lightbox-close { position: absolute; top: -2.6rem; right: 0; width: 2.4rem; height: 2.4rem; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #003942; font-size: 1.6rem; line-height: 1; cursor: pointer; }
.amg-lightbox-close:focus-visible { outline: 3px solid #00B3BE; outline-offset: 2px; }
.amg-lightbox-open { overflow: hidden; }