/* define la presentación de caja de luz de imágenes */
body .wp-lightbox-overlay {
	width: 100%;
	height: 100vh;
	height: 100dvh;
}

@supports (zoom: 1.1) {
	body .wp-lightbox-overlay {

		zoom: calc(1 / var(--mbn-screen-scale, 1));
	}
}

body .wp-lightbox-overlay .lightbox-image-container {

	top: max(72px, calc(env(safe-area-inset-top, 0px) + 64px));
	bottom: max(72px, calc(env(safe-area-inset-bottom, 0px) + 64px));
	left: max(16px, env(safe-area-inset-left, 0px));
	right: max(16px, env(safe-area-inset-right, 0px));
	width: auto;
	height: auto;
	transform: none !important;

	animation: none !important;
}

body .wp-lightbox-overlay .lightbox-image-container .wp-block-image {
	width: 100% !important;
	height: 100% !important;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
}

body .wp-lightbox-overlay .lightbox-image-container img {

	min-width: 0 !important;
	min-height: 0 !important;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	aspect-ratio: auto !important;
	object-fit: contain !important;
}

body .wp-lightbox-overlay .wp-lightbox-close-button,
body .wp-lightbox-overlay .wp-lightbox-navigation-button {
	min-width: 44px;
	min-height: 44px;
}

@media (min-width: 960px) {
	body .wp-lightbox-overlay .lightbox-image-container {

		left: max(96px, env(safe-area-inset-left, 0px));
		right: max(96px, env(safe-area-inset-right, 0px));
	}
}