.galeria-imagem-flip {
	--flip-gallery-gap: 10px;
	--flip-gallery-radius: 15px;
	--flip-gallery-duration: 750ms;
	width: 100%;
	margin-top: 50px;
}

.galeria-imagem-flip > .row {
	display: flex;
	flex-wrap: wrap;
	row-gap: calc(var(--flip-gallery-gap) * 2);
	margin: 0 calc(var(--flip-gallery-gap) * -1);
}

.galeria-imagem-flip > .row > * {
	display: flex;
	padding: 0  var(--flip-gallery-gap);
}

.galeria-imagem-flip__card {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	border-radius: var(--flip-gallery-radius);
	background: transparent;
	aspect-ratio: var(--flip-ratio-width) / var(--flip-ratio-height);
	cursor: pointer;
	perspective: 1200px;
	transition: var(--transition-fast);
}

.galeria-imagem-flip__card:hover {
	transform: translateY(-3px);
}

.galeria-imagem-flip__inner {
	position: absolute;
	inset: 0;
	display: block;
	transform-style: preserve-3d;
	transition: transform var(--flip-gallery-duration) cubic-bezier(.4, 0, .2, 1);
}

.galeria-imagem-flip__card.is-flipped .galeria-imagem-flip__inner {
	transform: rotateY(180deg);
}

.galeria-imagem-flip__face {
	position: absolute;
	inset: 0;
	display: block;
	overflow: hidden;
	border-radius: var(--flip-gallery-radius);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	box-shadow: 0 10px 24px var(--color-text-09);
}

.galeria-imagem-flip__face--back {
	transform: rotateY(180deg);
}

.galeria-imagem-flip__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.galeria-imagem-flip__card:focus-visible {
	outline: 3px solid var(--color-secondary);
	outline-offset: 4px;
}

@media (max-width: 767px) {
	.galeria-imagem-flip {
		--flip-gallery-gap: 14px;
		--flip-gallery-radius: 14px;
		--flip-gallery-duration: 600ms;
	}
}

@media (prefers-reduced-motion: reduce) {
	.galeria-imagem-flip__inner {
		transition-duration: 1ms;
	}
}