/* Preload Huître — 1x por sessão do browser (sessionStorage) */

html.huitre-preload-active,
html.huitre-preload-active body {
	overflow: hidden;
}

html.huitre-preload-skip #huitre-preload {
	display: none !important;
}

.huitre-preload {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #00505a;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.55s ease, visibility 0.55s ease;
}

.huitre-preload.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.huitre-preload__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(92vw, 420px);
	padding: 1.5rem;
}

.huitre-preload .logo-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.huitre-preload .logo-wrapper svg {
	width: 100%;
	height: auto;
	max-width: 368px;
}

.huitre-preload .logo-wrapper svg path,
.huitre-preload .logo-wrapper svg polygon {
	fill: #beaa91;
	opacity: 0;
	transform: translateY(15px);
	transform-box: fill-box;
	transform-origin: center;
	animation: huitrePreloadFadeUp 0.8s forwards;
}

@keyframes huitrePreloadFadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.huitre-preload .logo-wrapper svg path:nth-of-type(1) { animation-delay: 0.05s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(2) { animation-delay: 0.1s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(3) { animation-delay: 0.15s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(4) { animation-delay: 0.2s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(5) { animation-delay: 0.25s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(6) { animation-delay: 0.3s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(7) { animation-delay: 0.35s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(8) { animation-delay: 0.4s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(9) { animation-delay: 0.45s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(10) { animation-delay: 0.5s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(11) { animation-delay: 0.55s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(12) { animation-delay: 0.6s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(13) { animation-delay: 0.65s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(14) { animation-delay: 0.7s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(15) { animation-delay: 0.75s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(16) { animation-delay: 0.8s; }
.huitre-preload .logo-wrapper svg path:nth-of-type(17) { animation-delay: 0.85s; }

@media (prefers-reduced-motion: reduce) {
	.huitre-preload .logo-wrapper svg path,
	.huitre-preload .logo-wrapper svg polygon {
		animation: none;
		opacity: 1;
		transform: none;
	}

	.huitre-preload {
		transition: none;
	}
}