/* Dezindie waiting page. Inert without .dz-screen.
   14ª edição: cream #f0e0e0, coral #f07070, mint #40e0b0, ink #141414. */

body:has(.dz-screen) {
	--dz-coral: #f07070;
	--dz-mint: #40e0b0;
	--dz-cream: #f0e0e0;
	--dz-ink: #141414;
	background: var(--dz-cream);
	color: var(--dz-ink);
	font-family: var(--wp--preset--font-family--ibm-plex-mono), ui-monospace, monospace;
}

html[data-theme="dark"] body:has(.dz-screen) {
	background: var(--dz-ink);
	color: var(--dz-cream);
}

body:has(.dz-screen) .skif-header-glass,
body:has(.dz-screen) .wp-site-blocks > header {
	display: none !important;
}

body:has(.dz-screen)::before {
	content: "";
	position: fixed;
	z-index: 0;
	inset: 0;
	pointer-events: none;
	background-color: var(--dz-cream);
	background-image: url("https://dezindie.com.br/wp-content/uploads/2026/11/fundo-dezindie.jpg");
	background-position: center;
	background-size: cover;
}

html[data-theme="dark"] body:has(.dz-screen)::before {
	background-color: var(--dz-ink);
	background-blend-mode: multiply;
}

body:has(.dz-screen) .wp-site-blocks,
body:has(.dz-screen) .wp-block-post-content {
	position: relative;
	z-index: 1;
	background: transparent;
}

/* One screen does not scroll, so a view() gate stays shut and hides the entrance.
   Open it here. The block panel still owns the presets. */
body:has(.dz-screen) [vl-in-view] {
	animation: none;
	--vl-in-view-state: 1;
}

body:has(.dz-screen) [vl-children="stagger"] > * {
	animation-delay: calc(var(--vl-motion-delay, 0ms) + var(--dz-step, 0) * var(--vl-stagger-step, 60ms));
}

body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(1) { --dz-step: 0; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(2) { --dz-step: 1; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(3) { --dz-step: 2; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(4) { --dz-step: 3; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(5) { --dz-step: 4; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(6) { --dz-step: 5; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(7) { --dz-step: 6; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(8) { --dz-step: 7; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(9) { --dz-step: 8; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(10) { --dz-step: 9; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(11) { --dz-step: 10; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(12) { --dz-step: 11; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(13) { --dz-step: 12; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(14) { --dz-step: 13; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(15) { --dz-step: 14; }
body:has(.dz-screen) [vl-children="stagger"] > *:nth-child(16) { --dz-step: 15; }

body:has(.dz-screen) .skif-hero-wrap {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent;
}

body:has(.dz-screen) .dz-theme-toggle {
	position: absolute;
	z-index: 3;
	inset-block-start: clamp(1.1rem, 3vh, 2rem);
	inset-inline-end: clamp(1.25rem, 4vw, 3rem);
	width: auto;
	height: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	font-family: inherit;
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	line-height: 1;
	text-transform: uppercase;
}

body:has(.dz-screen) .dz-theme-toggle .skif-theme-toggle__icon {
	display: none;
}

body:has(.dz-screen) .dz-theme-toggle:hover,
body:has(.dz-screen) .dz-theme-toggle[aria-pressed="true"] {
	background: transparent;
	color: var(--dz-coral);
}

body:has(.dz-screen) .skif-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
	align-items: start;
	row-gap: 0.4rem;
	box-sizing: border-box;
	width: 100%;
	min-height: 100dvh;
	margin: 0 !important;
	padding: clamp(1.1rem, 3vh, 2rem) clamp(1.25rem, 4vw, 3rem) clamp(1rem, 2.5vh, 1.6rem);
}

body:has(.dz-screen) .skif-hero p {
	margin: 0;
	color: inherit;
	font-size: 0.95rem;
}

body:has(.dz-screen) .dz-kicker {
	grid-row: 1;
	align-self: start;
	max-width: 16rem;
	margin: 0;
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	line-height: 1.4;
	text-transform: uppercase;
}

body:has(.dz-screen) .dz-status {
	grid-row: 2;
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	width: fit-content;
	margin-top: 0;
	padding: 0.28rem 0.7rem 0.28rem 0.5rem;
	border: 1px solid color-mix(in srgb, currentColor 28%, transparent);
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	line-height: 1;
	text-transform: uppercase;
}

body:has(.dz-screen) .dz-status::before {
	content: "";
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 50%;
	background: var(--dz-coral);
	box-shadow: 0 0 0 0 color-mix(in srgb, var(--dz-coral) 50%, transparent);
	animation: dz-status-pulse 2.6s ease-out infinite;
}

@keyframes dz-status-pulse {
	70% { box-shadow: 0 0 0 0.4rem transparent; }
}

@media (prefers-reduced-motion: reduce) {
	body:has(.dz-screen) .dz-status::before {
		animation: none;
	}
}

body:has(.dz-screen) .skif-hero .wp-block-image {
	grid-row: 3;
	justify-self: center;
	align-self: center;
	height: 100%;
	min-height: 0;
	max-height: 100%;
	margin: 0 !important;
	overflow: hidden;
}

body:has(.dz-screen) .skif-hero .wp-block-image img {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: min(220px, 42vw);
	max-height: 100%;
	object-fit: contain;
}

body:has(.dz-screen) .skif-hero h1 {
	grid-row: 4;
	align-self: end;
	max-width: 16ch;
	margin: 0;
	color: var(--dz-coral);
	font-family: var(--wp--preset--font-family--source-serif-4), Georgia, serif;
	font-size: clamp(1.9rem, 3.4vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1.02;
	text-transform: none;
}

body:has(.dz-screen) .dz-note {
	grid-row: 5;
	max-width: 34rem;
	margin-top: 0.4rem;
	font-size: 0.92rem;
	line-height: 1.45;
}

body:has(.dz-screen) .dz-index {
	grid-row: 6;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 1.4rem;
	margin: 0;
}

body:has(.dz-screen) .dz-index .wp-block-column {
	flex: 0 1 auto;
	margin: 0;
}

body:has(.dz-screen) .dz-index p {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
}

body:has(.dz-screen) .dz-num {
	margin-right: 0.45rem;
	color: var(--dz-coral);
}

body:has(.dz-screen) .skif-ui-marquee {
	background: var(--dz-mint);
	color: var(--dz-ink);
	border: 0;
	font-size: clamp(1.05rem, 1.8vw, 1.5rem);
}

body:has(.dz-screen) .skif-ui-marquee__word,
body:has(.dz-screen) .skif-ui-marquee__control {
	color: var(--dz-ink);
}

body:has(.dz-screen) .skif-ui-marquee__viewport {
	-webkit-mask-image: linear-gradient(to right, transparent, #000 2.5%, #000 calc(100% - 3.4rem), transparent calc(100% - 2.6rem));
	mask-image: linear-gradient(to right, transparent, #000 2.5%, #000 calc(100% - 3.4rem), transparent calc(100% - 2.6rem));
}

body:has(.dz-screen) .skif-section:not(.skif-hero-wrap) {
	background: transparent;
	color: inherit;
}

body:has(.dz-screen) .skif-section:not(.skif-hero-wrap) > .wp-block-heading {
	font-family: inherit;
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

body:has(.dz-screen) .skif-footer-editorial {
	background: var(--dz-ink);
	color: var(--dz-cream);
}

body:has(.dz-screen) .skif-footer-editorial::before {
	height: 2px;
	background: var(--dz-coral);
	animation: none;
}

body:has(.dz-screen) .skif-footer-heading {
	max-width: none;
	margin: 0 0 0.2rem;
	color: var(--dz-coral);
	font-family: var(--wp--preset--font-family--source-serif-4), Georgia, serif;
	font-size: clamp(1.45rem, 2.2vw, 2rem);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1;
	text-transform: none;
}

body:has(.dz-screen) .skif-footer-editorial .wp-block-heading:not(.skif-footer-heading) {
	color: var(--dz-mint);
	font-family: inherit;
	letter-spacing: 0.16em;
	white-space: nowrap;
}

body:has(.dz-screen) .skif-footer-prologue p,
body:has(.dz-screen) .skif-footer-colophon {
	color: var(--dz-cream);
	font-family: inherit;
}

@media (min-width: 1100px) {
	body:has(.dz-screen) {
		overflow: hidden;
	}

	body:has(.dz-screen) .wp-site-blocks {
		display: flex;
		flex-direction: column;
		height: 100dvh;
		max-height: 100dvh;
		overflow: hidden;
	}

	body:has(.dz-screen) .wp-site-blocks > main,
	body:has(.dz-screen) .wp-block-post-content {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-height: 0;
		max-height: 100%;
		margin: 0;
		overflow: hidden;
		padding-block: 0 !important;
	}

	body:has(.dz-screen) .skif-hero-wrap {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-height: 0;
		overflow: hidden;
	}

	body:has(.dz-screen) .skif-hero {
		flex: 1 1 auto;
		height: 100%;
		min-height: 0;
		padding-block: clamp(1rem, 2.4vh, 1.6rem);
	}

	body:has(.dz-screen) .skif-hero .wp-block-image img {
		max-height: 100%;
	}

	body:has(.dz-screen) .skif-hero h1 {
		font-size: clamp(1.7rem, 2.8vw, 2.6rem);
	}

	body:has(.dz-screen) .dz-index {
		flex-wrap: nowrap;
	}

	body:has(.dz-screen) .skif-ui-marquee {
		flex: 0 0 auto;
		padding-block: 1.35rem 0.4rem;
	}

	body:has(.dz-screen) .skif-ui-marquee__control {
		inset-block: 0;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.75rem;
		padding-inline: 0;
		background: var(--dz-mint);
		font-size: 0;
	}

	body:has(.dz-screen) .skif-ui-marquee__control::before {
		font-size: 0.85rem;
	}

	body:has(.dz-screen) .skif-section:not(.skif-hero-wrap) {
		display: grid;
		flex: 0 0 auto;
		grid-template-columns: minmax(0, 1fr) 6.5rem;
		grid-template-rows: auto minmax(3.5rem, 8vh);
		align-items: end;
		gap: 0.35rem 1rem;
		padding: 0.45rem clamp(1.25rem, 4vw, 3rem) 0.4rem;
	}

	body:has(.dz-screen) .skif-section:not(.skif-hero-wrap) > .wp-block-heading {
		grid-column: 1;
		grid-row: 1;
		margin: 0;
	}

	body:has(.dz-screen) .skif-section:not(.skif-hero-wrap) > .wp-block-gallery {
		display: flex;
		grid-column: 1;
		grid-row: 2;
		flex-wrap: nowrap;
		gap: 0.4rem;
		height: 100%;
		margin: 0;
	}

	body:has(.dz-screen) .skif-section:not(.skif-hero-wrap) > .wp-block-gallery > .wp-block-image {
		flex: 1 1 0;
		min-width: 0;
		height: 100%;
		margin: 0;
	}

	body:has(.dz-screen) .skif-section:not(.skif-hero-wrap) > .wp-block-gallery img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	body:has(.dz-screen) .skif-section:not(.skif-hero-wrap) > .wp-block-image {
		grid-column: 2;
		grid-row: 1 / span 2;
		align-self: end;
		margin: 0;
	}

	body:has(.dz-screen) .skif-section:not(.skif-hero-wrap) > .wp-block-image img {
		width: 6.5rem !important;
		max-height: 14vh;
		height: auto;
		object-fit: contain;
	}

	body:has(.dz-screen) .skif-footer-editorial {
		flex: 0 0 auto;
		padding-block: 0.7rem 0.85rem;
	}

	body:has(.dz-screen) .skif-footer-editorial .alignwide {
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-end;
		gap: clamp(1rem, 3vw, 2.5rem);
		padding-inline: clamp(1.25rem, 4vw, 3rem);
	}

	body:has(.dz-screen) .skif-footer-prologue {
		flex: 1 1 auto;
		margin: 0;
	}

	body:has(.dz-screen) .skif-footer-prologue p {
		margin: 0;
		font-size: 0.82rem;
	}

	body:has(.dz-screen) .skif-footer-columns {
		flex: 0 0 auto;
		margin: 0;
		gap: 1.25rem;
	}

	body:has(.dz-screen) .skif-footer-editorial .wp-block-column,
	body:has(.dz-screen) .skif-footer-editorial .wp-block-image {
		margin: 0;
	}

	body:has(.dz-screen) .skif-footer-editorial .wp-block-image img {
		width: auto !important;
		height: 2.1rem;
	}

	body:has(.dz-screen) .skif-footer-colophon {
		flex: 0 1 18rem;
		margin: 0 0 0 auto;
		font-size: 0.75rem;
	}
}