/*
 * Biota Bootstrap Blocks — background overlay.
 * Usado por BS Container, Row, Col, Div/Secção e Card.
 */
.biota-bs-has-bg-overlay {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.biota-bs-has-bg-overlay::before {
	content: "";
	position: absolute;
	inset: 0;
	display: block;
	background: var(--biota-bs-bg-overlay, transparent);
	opacity: var(--biota-bs-bg-overlay-opacity, 1);
	pointer-events: none;
	z-index: 0;
	border-radius: inherit;
}

.biota-bs-has-bg-overlay > * {
	position: relative;
	z-index: 1;
}

/*
 * Permite usar a classe .zoom em blocos com background image.
 * Útil para cards/imagens de fundo, onde não existe <img> para o CSS do tema animar.
 */
.biota-bs-has-bg-overlay.zoom,
.zoom[style*="background-image"] {
	transform-origin: center center;
	transition: transform 0.35s ease, filter 0.35s ease;
	will-change: transform;
}

.biota-bs-has-bg-overlay.zoom:hover,
.zoom[style*="background-image"]:hover {
	z-index: 2;
	transform: scale(1.03);
}

@media (prefers-reduced-motion: reduce) {
	.biota-bs-has-bg-overlay.zoom,
	.zoom[style*="background-image"] {
		transition: none;
	}

	.biota-bs-has-bg-overlay.zoom:hover,
	.zoom[style*="background-image"]:hover {
		transform: none;
	}
}