/* Banner íntegro, limitado por el ancho y la altura disponibles. */
.ct-popup--banner { padding: 60px 16px 16px; }
.ct-popup--banner .ct-popup__dialog {
 display: block; position: relative; padding: 0; border: 0; border-radius: 0;
 width: min(1000px, calc(100vw - 32px), calc((100vh - 92px) * 1.2504));
 width: min(1000px, calc(100vw - 32px), calc((100dvh - 92px) * 1.2504));
 min-height: 0; max-width: 100%; max-height: none; overflow: visible; background: transparent;
}
.ct-popup--banner .ct-popup__banner-link { display: block; width: 100%; }
.ct-popup--banner .ct-popup__banner-link img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; border-radius: 8px; }
.ct-popup--banner .ct-popup__close { top: -50px; right: 0; width: 44px; height: 44px; background: #171411; border: 1px solid #fff; color: #fff; z-index: 2; }
.ct-popup--banner .ct-popup__banner-link:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }

/* Computadora: como máximo el 40 % del ancho de la pantalla. */
@media (min-width: 1024px) {
 .ct-popup--banner .ct-popup__dialog { max-width: 40vw; }
}