/* Sprint 2.7.81: la imagen cede siempre el espacio reservado a la botonera. */
@media (min-width: 992px) {
	.cs278-media-modal .cs-ui-media-modal__body > .home-container {
		height: min(720px, calc(100dvh - 128px));
		min-height: 0;
		max-height: none;
	}

	.cs278-media-modal .cs278-media-primary {
		height: 100%;
		min-height: 0;
		overflow: hidden;
	}

	.cs278-media-modal .cs278-media-card {
		display: grid !important;
		grid-template-rows: minmax(0, 1fr) auto;
		height: 100%;
		min-height: 0;
		overflow: hidden;
	}

	.cs278-media-modal .cs278-media-canvas {
		display: flex !important;
		grid-row: 1;
		height: auto;
		min-height: 0 !important;
		overflow: hidden;
	}

	.cs278-media-modal .cs278-media-canvas > .row,
	.cs278-media-modal .modalMediaDivImg {
		height: 100% !important;
		min-height: 0 !important;
		max-height: 100%;
	}

	.cs278-media-modal .modalMediaDivImg {
		align-items: center;
		overflow: hidden;
	}

	.cs278-media-modal .mediaImg {
		width: auto !important;
		height: auto !important;
		max-width: 100% !important;
		max-height: 100% !important;
	}

	.cs278-media-modal .cs278-media-actions {
		position: relative;
		z-index: 3;
		grid-row: 2;
		min-height: 69px;
	}
}

@media (max-width: 991px) {
	.cs278-media-modal .cs-ui-media-modal__body > .home-container,
	.cs278-media-modal .cs278-media-primary,
	.cs278-media-modal .cs278-media-card {
		height: auto;
	}

	.cs278-media-modal .cs278-media-card {
		display: flex !important;
		overflow: visible;
	}

	.cs278-media-modal .cs278-media-canvas {
		height: auto;
		overflow: hidden;
	}

	.cs278-media-modal .modalMediaDivImg {
		height: auto !important;
	}

	.cs278-media-modal .cs278-media-actions {
		position: relative;
		z-index: 3;
	}
}