section.contenedor-ampliar {
	--color-recurso: #fe7a20;
	--color-recurso: #7e07e4;
	--color-recurso: #94c57e;
	--color-recurso: #0069d9;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 1.65rem;
	font-size: 1.25em;
	color: #333333;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 1em;
}

section.contenedor-ampliar figure {
	width: min(400px, 90%);
	position: relative !important;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
}

section.contenedor-ampliar>figure {
	box-shadow: 0 0 0 10px #fff, 0 15px 50px;
}

section.contenedor-ampliar>figure>img {
	line-height: 1;
	max-width: 100%;
	height: auto;
	object-fit: cover !important;
	width: 100% !important;
	border-radius: var(--bs-border-radius) !important;
	cursor: pointer;
}

section.contenedor-ampliar>figure>span {
	position: absolute !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	top: 0 !important;
	right: 0 !important;
	margin: .5rem !important;
	padding: .5rem !important;
	--bs-text-opacity: 1;
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
	--bs-bg-opacity: 0.75;
	border-radius: 50% !important;

	width: 36px;
	height: 36px;
	pointer-events: none;
}

section.contenedor-ampliar>.modal>.modal-dialog {
	max-width: min(900px, 100%);
}

section.contenedor-ampliar>.modal>.modal-dialog>.modal-content>.modal-header {
	border: 0 !important;
}

section.contenedor-ampliar>.modal>.modal-dialog>.modal-content>.modal-body {
	padding: 1.5rem !important;
	text-align: center !important;
	padding-top: 0 !important;
}

section.contenedor-ampliar>.modal>.modal-dialog>.modal-content>.modal-body>figure {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	width: 100% !important;
	margin: 0 !important;
}

section.contenedor-ampliar>.modal>.modal-dialog>.modal-content>.modal-body>figure>img {
	max-width: 100%;
	height: auto;
	width: 100% !important;
	border-radius: var(--bs-border-radius) !important;
}

section.contenedor-ampliar>figure>img~figcaption,
section.contenedor-ampliar>.modal>.modal-dialog>.modal-content>.modal-body>figure>figcaption {
	color: var(--bs-secondary-color);
	margin-top: 1rem !important;
	width: 90%;
	font-size: 0.75rem !important;
	text-align: center;
	margin-bottom: 0.5rem;
	overflow-wrap: anywhere;
	line-height: 1rem;
}