.lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	justify-content: center;
	align-items: center;
	z-index: 1000;

	background: rgba(0, 0, 0, 0.8);
}
.lightbox-image {
	cursor: default;
	object-fit: contain;

	max-width: 80%;
	max-height: 80%;

	border-radius: 0.625rem;

	border: 0.125rem solid var(--cor-primaria);
	box-shadow: 0.0rem 0.0rem 1.0rem rgba(0, 0, 0, 0.5);
}
.lightbox-image:hover,
.lightbox-image:active {
	bottom: 0;
	filter: none;
}


.fechar {
	cursor: pointer;
	z-index: 1001;

	position: absolute;
	width: 51px;
	height: 51px;

	bottom: 0;
	top: var(--spacing-extralarge);
	right: var(--spacing-extralarge);

	font-size: clamp(2.0rem, 2.5vw + 1.3rem, 2.25rem);

	color: white;

	background-color: rgba(0, 0, 0, 0.5);
	padding-left: 14px;
	padding-right: 14px;

	border-radius: 100%;

	box-shadow: 0.0rem 0.0rem 1.0rem rgba(0, 0, 0, 0.75);
}
.fechar:hover {
	bottom: 0.125rem;
}
.fechar:active {
	bottom: -0.0625rem;
}