/* ==========================================================================
   Izzi Casino BR — folha de estilo do site
   Ordem: fontes · tokens · base · acessibilidade · componentes · utilitários
   ========================================================================== */

/* --- fontes auto-hospedadas ---------------------------------------------- */
@font-face {
	font-family: 'Montserrat Site';
	src: url('/typeset/montserrat-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat Site';
	src: url('/typeset/montserrat-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto Site';
	src: url('/typeset/roboto-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto Site';
	src: url('/typeset/roboto-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto Site';
	src: url('/typeset/roboto-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* --- tokens (nomes próprios desta compilação) ---------------------------- */
:root {
	--wlb-main: #3bd3c4;
	--wlb-flare: #9757b3;
	--wlb-press: #81489e;
	--wlb-field: #151628;
	--wlb-panel: #1e1f38;
	--wlb-text: #ffffff;
	--wlb-dim: #c0c0c0;
	--wlb-edge: #2e2f4a;
	--wlb-rule-bold: #454668;
	--wlb-ramp-start: #d0afdd;
	--wlb-ramp-end: #b178c3;
	--wlb-warn-band: #d00000;

	--wlb-step-0: 4px;
	--wlb-step-1: 7px;
	--wlb-step-2: 11px;
	--wlb-step-3: 17px;
	--wlb-step-4: 26px;
	--wlb-step-5: 40px;
	--wlb-step-6: 60px;
	--wlb-step-7: 90px;

	--wlb-lozenge: 9999px;
	--wlb-dot: 50%;
	--r-step-0: 2px;
	--r-step-1: 2px;
	--r-step-2: 6px;
	--r-step-3: 8px;
	--r-step-4: 14px;
	--r-step-5: 18px;
	--r-step-6: 22px;
	--r-step-7: 28px;

	--wlb-banner: 'Montserrat Site', 'Trebuchet MS', sans-serif;
	--wlb-base: 'Roboto Site', 'Helvetica Neue', Arial, sans-serif;

	--wlb-xxl: 30px;
	--wlb-xl-2: 24px;
	--wlb-sub: 20px;
	--wlb-display-4: 17px;
	--wlb-h5: 15px;
	--wlb-h6: 13px;
	--wlb-reading: 16px;
	--wlb-sm: 13px;
	--wlb-legal: 11px;

	--wlb-compact: 1.15;
	--wlb-even: 1.55;
	--wlb-airy: 1.7;
	--wlb-plain: 400;
	--wlb-demi: 500;
	--wlb-thick: 700;
	--wlb-close: 0;
	--wlb-normal: 0;
	--e-airy: 0.02em;

	--d-step-0: 0 1px 1px rgba(0, 0, 0, 0.04);
	--d-step-1: 0 1px 2px rgba(0, 0, 0, 0.05);
	--d-step-2: 0 2px 4px rgba(0, 0, 0, 0.08);
	--d-step-3: 0 4px 10px rgba(0, 0, 0, 0.10);
	--d-step-4: 0 8px 20px rgba(0, 0, 0, 0.14);
	--d-step-5: 0 12px 28px rgba(0, 0, 0, 0.18);
	--d-step-6: 0 18px 40px rgba(0, 0, 0, 0.22);
	--d-step-7: 0 24px 56px rgba(0, 0, 0, 0.26);

	--wlb-swift: 200ms;
	--wlb-steady: 380ms;
	--wlb-gentle: 581ms;
	--wlb-release: cubic-bezier(0.3, 0.55, 0.31, 0.95);
	--wlb-start: cubic-bezier(0.5, 0.04, 0.27, 0.93);
	--wlb-both: cubic-bezier(0.5, 0.04, 0.27, 0.93);
	--wlb-pop: cubic-bezier(0.45, 0.9, 0.6, 1);

	--wlb-max: 1220px;
	--wlb-inner: 1220px;
	--wlb-tight-col: 660px;
	--wlb-edge-wide: 56px;
	--wlb-pad-md: 32px;
	--wlb-padding-mobile: 16px;
	--wlb-slim: 1px;
	--b-even: 2px;
	--wlb-heavy: 3px;
	--wlb-size-desktop: 60px;
	--wlb-h-sm: 60px;

	--wlb-gutter: var(--wlb-padding-mobile);
	--wlb-sec-y: 34px;
	--wlb-shell: calc(var(--wlb-max) + 2 * var(--wlb-edge-wide));
}

/* --- base ---------------------------------------------------------------- */
*,
*::before,
*::after {
	box-sizing: border-box;
}
html,
body {
	overflow-x: clip;
}
html {
	scroll-behavior: smooth;
}
body {
	margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background: var(--wlb-field);
	color: var(--wlb-text);
	font-family: var(--wlb-base);
	font-size: var(--wlb-reading);
	font-weight: var(--wlb-plain);
	line-height: var(--wlb-even);
	-webkit-font-smoothing: antialiased;
}
.shell {
	flex: 1 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	overflow-wrap: anywhere;
	letter-spacing: var(--wlb-close);
}
h1 {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xxl);
	font-weight: var(--wlb-thick);
	line-height: var(--wlb-compact);
	color: var(--wlb-text);
}
h2 {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xl-2);
	font-weight: var(--wlb-thick);
	line-height: var(--wlb-compact);
	color: var(--wlb-text);
}
h3 {
	font-family: var(--wlb-base);
	font-size: var(--wlb-sub);
	font-weight: var(--wlb-demi);
	line-height: var(--wlb-compact);
	color: var(--wlb-text);
}
p {
	margin: 0;
}
img {
	max-width: 100%;
}
ul,
ol {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
}
:focus-visible {
	outline: var(--wlb-heavy) solid var(--wlb-main);
	outline-offset: 2px;
}

/* --- acessibilidade ------------------------------------------------------ */
.skip-hop {
	position: absolute;
	inset-inline-start: var(--wlb-step-2);
	z-index: 200;
	padding: var(--wlb-step-2) var(--wlb-step-3);
	background: var(--wlb-main);
	color: var(--wlb-field);
	font-weight: var(--wlb-thick);
	border-radius: var(--r-step-2);
	text-decoration: none;
}
.skip-hop:not(:focus) {
	top: -200px !important;
}
.skip-hop:focus {
	top: var(--wlb-step-2);
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}
[data-onview] {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity var(--wlb-steady) var(--wlb-release), transform var(--wlb-steady) var(--wlb-release);
}
[data-onview].in-view {
	opacity: 1;
	transform: none;
}

/* --- larguras comuns das seções ------------------------------------------ */
.n65-inner,
.k86-inner,
.i25-inner,
.n34-inner,
.f99-inner,
.b78-inner,
.z37-inner,
.q94-inner,
.p84-inner,
.e50-inner,
.d47-inner,
.r94-inner,
.g87-inner,
.x17-inner {
	width: 100%;
	max-width: var(--wlb-shell);
	margin-inline: auto;
	padding-inline: var(--wlb-gutter);
}
.n65,
.k86,
.i25,
.n34,
.f99,
.b78,
.z37,
.q94,
.p84,
.e50,
.d47,
.r94 {
	padding-block: var(--wlb-sec-y);
}

/* --- faixa 18+ (RG-03) ---------------------------------------------------- */
.rg-wrap {
	width: 100%;
	max-width: var(--wlb-shell);
	margin-inline: auto;
	padding-inline: var(--wlb-gutter);
	padding-block: var(--wlb-step-2);
}
.rg-band {
	display: block;
	text-align: center;
	background: var(--wlb-warn-band);
	color: #ffffff;
	border-radius: var(--r-step-3);
	padding: var(--wlb-step-2) var(--wlb-step-3);
	font-size: var(--wlb-sm);
	line-height: var(--wlb-even);
}
.rg-band-age {
	display: inline-flex;
	align-items: center;
	background: #ffffff;
	color: var(--wlb-warn-band);
	font-weight: var(--wlb-thick);
	border-radius: var(--r-step-1);
	padding-inline: var(--wlb-step-0);
	margin-inline-end: var(--wlb-step-0);
}
.rg-band-step {
	background: var(--wlb-warn-band);
	color: #ffffff;
	font-weight: var(--wlb-demi);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.rg-band-step:hover {
	background: #ffffff;
	color: var(--wlb-warn-band);
}

/* --- header (HEAD-UTIL: faixa fina + linha principal) --------------------- */
.g70 {
	background: var(--wlb-field);
	box-shadow: var(--d-step-3);
	backdrop-filter: blur(6px);
	position: relative;
	z-index: 60;
}
.g70-utility {
	background: var(--wlb-panel);
	color: var(--wlb-dim);
	border-block-end: var(--wlb-slim) solid var(--wlb-edge);
}
.g70-utility-part {
	width: 100%;
	max-width: var(--wlb-shell);
	margin-inline: auto;
	padding-inline: var(--wlb-gutter);
	min-height: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wlb-step-2);
	font-size: var(--wlb-legal);
	letter-spacing: var(--e-airy);
}
.g70-flag {
	background: var(--wlb-panel);
	color: var(--wlb-dim);
}
.g70-desk {
	background: var(--wlb-panel);
	color: var(--wlb-dim);
	display: none;
}
.g70-bar {
	position: relative;
	width: 100%;
	max-width: var(--wlb-shell);
	margin-inline: auto;
	padding-inline: var(--wlb-gutter);
	min-height: 60px;
	display: flex;
	align-items: center;
	gap: var(--wlb-step-2);
}
.g70-menu-switch {
	order: 1;
	display: inline-flex;
	align-items: center;
	gap: var(--wlb-step-1);
	min-height: 44px;
	padding-inline: var(--wlb-step-2);
	background: var(--wlb-field);
	color: var(--wlb-text);
	border: var(--wlb-slim) solid var(--wlb-rule-bold);
	border-radius: var(--r-step-2);
	font-family: var(--wlb-base);
	font-size: var(--wlb-h6);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: var(--e-airy);
	cursor: pointer;
}
.g70-menu-switch:hover {
	background: var(--wlb-panel);
	color: var(--wlb-main);
}
.g70-lines {
	position: relative;
	display: block;
	width: 16px;
	height: 2px;
	background: var(--wlb-main);
}
.g70-lines::before,
.g70-lines::after {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	width: 16px;
	height: 2px;
	background: var(--wlb-main);
}
.g70-lines::before {
	inset-block-start: -5px;
}
.g70-lines::after {
	inset-block-start: 5px;
}
.g70-word {
	background: var(--wlb-field);
	color: var(--wlb-text);
}
.g70-badge {
	order: 2;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	background: #f5f4fb;
	border-radius: var(--r-step-3);
	padding: var(--wlb-step-0) var(--wlb-step-2);
	color: var(--wlb-field);
	margin-inline-end: auto;
}
.g70-badge-figure {
	display: block;
	height: 52px;
	width: auto;
	flex-shrink: 0;
}
.g70-menu {
	order: 3;
	display: none;
	min-width: 0;
	flex: 0 1 auto;
}
.g70-run {
	display: flex;
	align-items: center;
	list-style: none;
	gap: var(--wlb-step-2);
	margin: 0;
	padding: 0;
}
.g70-cell {
	display: flex;
	align-items: center;
	position: relative;
}
.g70-cell[hidden] {
	display: none;
}
.g70-cell + .g70-cell::before,
.g70-cell + .g70-cell-more::before {
	content: '/';
	color: var(--wlb-rule-bold);
	margin-inline-end: var(--wlb-step-2);
	font-size: var(--wlb-h6);
}
.g70-step {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	background: var(--wlb-field);
	color: var(--wlb-text);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: var(--e-airy);
	text-decoration: none;
	white-space: nowrap;
	transition: transform var(--wlb-swift) var(--wlb-release), color var(--wlb-swift) var(--wlb-release);
}
.g70-step:hover {
	background: var(--wlb-field);
	color: var(--wlb-main);
	transform: translateY(-2px);
}
.g70-step[aria-current='page'] {
	background: var(--wlb-field);
	color: var(--wlb-main);
}
.g70-step[aria-current='page']::after {
	content: '';
	position: absolute;
	inset-block-end: 8px;
	inset-inline-start: 50%;
	width: 5px;
	height: 5px;
	margin-inline-start: -2px;
	border-radius: var(--wlb-dot);
	background: var(--wlb-main);
}
.g70-cell-more {
	position: relative;
	display: flex;
	align-items: center;
}
.g70-cell-more[hidden] {
	display: none;
}
.g70-more-opener {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: var(--wlb-step-2);
	background: var(--wlb-field);
	color: var(--wlb-main);
	border: 0;
	font-family: var(--wlb-base);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: var(--e-airy);
	cursor: pointer;
}
.g70-more-opener:hover {
	background: var(--wlb-panel);
	color: var(--wlb-main);
}
.g70-more-pane {
	position: absolute;
	inset-block-start: 100%;
	inset-inline-end: 0;
	z-index: 70;
	display: none;
	min-width: 220px;
	max-height: 70vh;
	overflow-y: auto;
	list-style: none;
	margin: 0;
	padding: var(--wlb-step-1);
	background: var(--wlb-panel);
	border: var(--wlb-slim) solid var(--wlb-edge);
	border-radius: var(--r-step-3);
	box-shadow: var(--d-step-4);
	pointer-events: none;
}
.g70-more-pane.is-open {
	display: block;
	pointer-events: auto;
}
.g70-more-cell {
	display: block;
}
.g70-more-step {
	display: block;
	padding: var(--wlb-step-2);
	background: var(--wlb-panel);
	color: var(--wlb-text);
	font-size: var(--wlb-sm);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: var(--e-airy);
	text-decoration: none;
	border-radius: var(--r-step-2);
}
.g70-more-step:hover {
	background: var(--wlb-field);
	color: var(--wlb-main);
}
.g70-buttons {
	order: 4;
	display: flex;
	align-items: center;
	gap: var(--wlb-step-2);
	margin-inline-start: auto;
}
.g70-quiet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding-inline: var(--wlb-step-3);
	background: var(--wlb-panel);
	color: var(--wlb-main);
	border: var(--wlb-slim) solid var(--wlb-main);
	border-radius: var(--r-step-3);
	font-size: var(--wlb-sm);
	font-weight: var(--wlb-demi);
	text-decoration: none;
	white-space: nowrap;
}
.g70-quiet:hover {
	background: var(--wlb-main);
	color: var(--wlb-field);
}
.g70-sheet {
	position: absolute;
	inset-block-start: 100%;
	inset-inline: 0;
	z-index: 80;
	display: none;
	max-height: 74vh;
	overflow-y: auto;
	background: var(--wlb-panel);
	border-block-start: var(--wlb-slim) solid var(--wlb-edge);
	box-shadow: var(--d-step-4);
}
.g70-sheet.is-open {
	display: block;
}
.g70-sheet-run {
	list-style: none;
	margin: 0;
	padding: var(--wlb-step-2) var(--wlb-gutter);
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-0);
}
.g70-sheet-cell {
	display: block;
}
.g70-sheet-step {
	display: flex;
	align-items: center;
	min-height: 46px;
	padding-inline: var(--wlb-step-2);
	background: var(--wlb-panel);
	color: var(--wlb-text);
	font-size: var(--wlb-display-4);
	font-weight: var(--wlb-demi);
	text-decoration: none;
	border-radius: var(--r-step-2);
}
.g70-sheet-step:hover {
	background: var(--wlb-field);
	color: var(--wlb-main);
}
.g70-sheet-step[aria-current='page'] {
	background: var(--wlb-field);
	color: var(--wlb-main);
}

/* --- hero (HERO-06: imagem inclinada assimétrica) ------------------------- */
.n65 {
	background: var(--wlb-field);
	overflow: visible;
}
.n65-inner {
	display: grid;
	gap: var(--wlb-step-5);
}
.n65-stuff {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-3);
	position: relative;
	z-index: 2;
}
.n65-second {
	max-width: var(--wlb-tight-col);
	color: var(--wlb-dim);
	font-size: var(--wlb-h5);
	line-height: var(--wlb-even);
}
.n65-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wlb-step-2);
}
.n65-extra {
	background: var(--wlb-panel);
	color: var(--wlb-dim);
	border-inline-start: var(--wlb-heavy) solid var(--wlb-flare);
	border-radius: var(--r-step-2);
	padding: var(--wlb-step-2) var(--wlb-step-3);
	font-size: var(--wlb-sm);
	scroll-margin-block-start: var(--wlb-step-5);
}
.n65-figure {
	margin: 0;
	border-radius: var(--r-step-4);
	overflow: hidden;
	box-shadow: var(--d-step-4);
}
.n65-figure-shot {
	display: block;
	width: 100%;
	height: 240px;
	object-fit: cover;
}

/* --- page-header (PHEAD-01) ---------------------------------------------- */
.k86 {
	background: var(--wlb-field);
	border-block-end: var(--wlb-slim) solid var(--wlb-edge);
}
.k86-inner {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-3);
}
.k86-eyebrow {
	background: var(--wlb-field);
	color: var(--wlb-main);
	font-family: var(--wlb-base);
	font-size: var(--wlb-sm);
	font-weight: var(--wlb-demi);
	text-transform: uppercase;
	letter-spacing: var(--e-airy);
}
.k86-lede {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xxl);
	font-weight: var(--wlb-thick);
	line-height: var(--wlb-compact);
	color: var(--wlb-text);
}
.k86-rule {
	width: 60px;
	height: 2px;
	background: var(--wlb-flare);
}
.k86-words {
	color: var(--wlb-dim);
	font-size: var(--wlb-h5);
	line-height: var(--wlb-even);
}

/* --- prose (PROSE-27: número grande ao fundo, canto superior esquerdo) ---- */
.i25 {
	background: var(--wlb-field);
}
.i25-inner {
	counter-reset: wlbstep;
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-5);
}
.i25-part {
	position: relative;
	counter-increment: wlbstep;
	padding-block-start: 52px;
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-3);
}
.i25-part::before {
	content: '#' counter(wlbstep);
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	z-index: 0;
	font-family: var(--wlb-banner);
	font-size: 4em;
	font-weight: var(--wlb-thick);
	line-height: 1;
	color: var(--wlb-text);
	opacity: 0.2;
	pointer-events: none;
}
.i25-lede {
	position: relative;
	z-index: 1;
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xl-2);
	font-weight: 600;
	line-height: var(--wlb-compact);
	color: var(--wlb-text);
}
.i25-words {
	position: relative;
	z-index: 1;
	color: var(--wlb-text);
	line-height: var(--wlb-airy);
}
.i25-run,
.i25-steps {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-2);
	padding-inline-start: var(--wlb-step-4);
	color: var(--wlb-text);
	line-height: var(--wlb-airy);
}
.i25-run {
	list-style: disc;
}
.i25-steps {
	counter-reset: wlbnum;
	list-style: none;
	padding-inline-start: 0;
}
.i25-steps > .i25-cell {
	counter-increment: wlbnum;
	padding-inline-start: var(--wlb-step-4);
	position: relative;
}
.i25-steps > .i25-cell::before {
	content: counter(wlbnum) '.';
	position: absolute;
	inset-inline-start: 0;
	color: var(--wlb-main);
	font-weight: var(--wlb-thick);
}
.i25-cell {
	color: var(--wlb-text);
}
.i25-run > .i25-cell::marker {
	color: var(--wlb-main);
}
.i25-figure {
	margin: 0;
	border-radius: var(--r-step-4);
	overflow: hidden;
	box-shadow: var(--d-step-3);
}
.i25-figure-shot {
	display: block;
	width: 100%;
	height: clamp(220px, 42vw, 420px);
	object-fit: cover;
}
.i25-nudge {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wlb-step-2);
	background: var(--wlb-panel);
	color: var(--wlb-dim);
	border: var(--wlb-slim) solid var(--wlb-edge);
	border-radius: var(--r-step-4);
	padding: var(--wlb-step-3);
}
.i25-fine {
	background: var(--wlb-panel);
	color: var(--wlb-dim);
	font-size: var(--wlb-sm);
}

/* --- items-grid (GRID-07: editorial) ------------------------------------- */
.n34 {
	background: var(--wlb-field);
}
.n34-inner {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-4);
}
.n34-hdr {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xl-2);
	font-weight: var(--wlb-thick);
	color: var(--wlb-text);
}
.n34-run {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-4);
}
.n34-cell {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-2);
}
.n34-lede {
	display: flex;
	align-items: center;
	gap: var(--wlb-step-2);
	font-family: var(--wlb-banner);
	font-size: var(--wlb-sub);
	font-weight: var(--wlb-thick);
	color: var(--wlb-text);
}
.n34-glyph {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: var(--r-step-3);
	background: var(--wlb-panel);
	color: var(--wlb-main);
	border: var(--wlb-slim) solid var(--wlb-rule-bold);
}
.n34-glyph svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}
.n34-rule {
	width: 60px;
	height: 2px;
	margin-inline: 0;
	background: var(--wlb-flare);
}
.n34-words {
	color: var(--wlb-text);
	line-height: var(--wlb-airy);
}
.n34-nudge {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wlb-step-2);
	background: var(--wlb-panel);
	color: var(--wlb-dim);
	border: var(--wlb-slim) solid var(--wlb-edge);
	border-radius: var(--r-step-4);
	padding: var(--wlb-step-3);
}
.n34-fine {
	background: var(--wlb-panel);
	color: var(--wlb-dim);
	font-size: var(--wlb-sm);
}

/* --- reviews (REV-02: citação editorial) --------------------------------- */
.b78 {
	background: var(--wlb-field);
}
.b78-inner {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-4);
}
.b78-hdr {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xl-2);
	font-weight: var(--wlb-thick);
	color: var(--wlb-text);
}
.b78-run {
	display: flex;
	flex-direction: column;
}
.b78-cell {
	position: relative;
	padding-block: var(--wlb-step-4);
	padding-inline-start: var(--wlb-step-5);
	border-block-end: var(--wlb-slim) solid var(--wlb-edge);
}
.b78-cell:last-child {
	border-block-end: 0;
}
.b78-cell::before {
	content: '\201C';
	position: absolute;
	inset-block-start: 6px;
	inset-inline-start: 0;
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xxl);
	font-weight: var(--wlb-thick);
	line-height: 1;
	color: var(--wlb-text);
	opacity: 0.35;
	pointer-events: none;
}
.b78-quote {
	margin: 0;
}
.b78-words {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-display-4);
	font-style: italic;
	line-height: var(--wlb-even);
	color: var(--wlb-text);
}
.b78-extra {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wlb-step-2);
	margin-block-start: var(--wlb-step-2);
	font-size: var(--wlb-sm);
	color: var(--wlb-dim);
}
.b78-byname {
	background: var(--wlb-field);
	color: var(--wlb-text);
	font-style: normal;
	font-weight: var(--wlb-demi);
}
.b78-score {
	background: var(--wlb-field);
	color: var(--wlb-ramp-start);
	letter-spacing: var(--e-airy);
}
.b78-stamp {
	background: var(--wlb-field);
	color: var(--wlb-dim);
}

/* --- FAQ (FAQ-03: cartões em duas colunas) ------------------------------- */
.f99 {
	background: var(--wlb-field);
}
.f99-inner {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-4);
}
.f99-hdr {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xl-2);
	font-weight: var(--wlb-thick);
	color: var(--wlb-text);
}
.f99-run {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wlb-step-3);
	align-items: start;
}
.f99-cell {
	background: var(--wlb-panel);
	color: var(--wlb-text);
	border: var(--wlb-slim) solid var(--wlb-rule-bold);
	border-radius: var(--r-step-3);
	padding: var(--wlb-step-3);
}
.f99-ask {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: baseline;
	gap: var(--wlb-step-2);
	cursor: pointer;
	list-style: none;
	background: var(--wlb-panel);
	color: var(--wlb-text);
}
.f99-ask::-webkit-details-marker {
	display: none;
}
.f99-mark {
	background: var(--wlb-panel);
	color: var(--wlb-main);
	font-family: var(--wlb-banner);
	font-weight: var(--wlb-thick);
}
.f99-lede {
	font-family: var(--wlb-base);
	font-size: var(--wlb-h5);
	font-weight: var(--wlb-thick);
	line-height: var(--wlb-even);
	color: var(--wlb-text);
}
.f99-stuff {
	padding-block-start: var(--wlb-step-2);
}
.f99-words {
	color: var(--wlb-text);
	line-height: var(--wlb-even);
}
.f99-cell[open] .f99-mark {
	color: var(--wlb-ramp-start);
}

/* --- data-table (TABLE-03: cartão por linha no celular) ------------------- */
.q94 {
	background: var(--wlb-field);
}
.q94-inner {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-4);
}
.q94-hdr {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xl-2);
	font-weight: var(--wlb-thick);
	color: var(--wlb-text);
}
.q94-frame {
	width: 100%;
}
.q94-grid {
	width: 100%;
	font-size: var(--wlb-sm);
}
.q94-crown {
	display: none;
}
.q94-tag {
	background: var(--wlb-flare);
	color: #ffffff;
	text-align: start;
	padding: var(--wlb-step-2) var(--wlb-step-3);
	font-weight: var(--wlb-demi);
}
.q94-bar {
	display: block;
	background: var(--wlb-panel);
	border-radius: var(--r-step-3);
	padding: var(--wlb-step-3);
	margin-block-end: var(--wlb-step-3);
}
.q94-slot {
	display: block;
	background: var(--wlb-panel);
	color: var(--wlb-text);
	padding-block: var(--wlb-step-1);
}
.q94-slot::before {
	content: attr(data-label);
	display: block;
	color: var(--wlb-dim);
	font-size: var(--wlb-legal);
	text-transform: uppercase;
	letter-spacing: var(--e-airy);
}

/* --- cta-block (CTA-07: cartão vertical com número decorativo) ------------ */
.z37 {
	background: var(--wlb-field);
}
.z37-panel {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--wlb-step-3);
	background: var(--wlb-panel);
	color: var(--wlb-text);
	border: var(--b-even) solid var(--wlb-flare);
	border-radius: var(--r-step-4);
	padding: var(--wlb-step-5) var(--wlb-step-3);
}
.z37-numeral {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xxl);
	font-weight: var(--wlb-thick);
	line-height: 1;
	background: var(--wlb-panel);
	color: var(--wlb-ramp-start);
}
.z37-hdr {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xl-2);
	font-weight: var(--wlb-thick);
	color: var(--wlb-text);
}
.z37-words {
	max-width: var(--wlb-tight-col);
	color: var(--wlb-text);
	line-height: var(--wlb-even);
}
.z37-fine {
	background: var(--wlb-panel);
	color: var(--wlb-dim);
	font-size: var(--wlb-sm);
}

/* --- inline-cta (INLINE-CTA-03: gancho de texto) -------------------------- */
.b01 {
	max-width: var(--wlb-shell);
	margin-inline: auto;
	padding-inline: var(--wlb-gutter);
	padding-block: var(--wlb-step-3);
}
.b01-line {
	text-align: center;
	font-size: var(--wlb-display-4);
	line-height: var(--wlb-even);
	color: var(--wlb-dim);
}
.b01-lede {
	background: var(--wlb-field);
	color: var(--wlb-text);
	font-weight: var(--wlb-thick);
}
.b01-step {
	background: var(--wlb-field);
	color: var(--wlb-main);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.b01-step:hover {
	background: var(--wlb-field);
	color: var(--wlb-ramp-start);
	text-decoration-thickness: 2px;
}

/* --- legal (LEGAL-03: sumário lateral em duas colunas) -------------------- */
.p84 {
	background: var(--wlb-field);
}
.p84-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wlb-step-5);
}
.p84-toc {
	align-self: start;
	background: var(--wlb-panel);
	color: var(--wlb-text);
	border-radius: var(--r-step-3);
	padding: var(--wlb-step-3);
}
.p84-hdr {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-display-4);
	font-weight: var(--wlb-thick);
	color: var(--wlb-text);
	margin-block-end: var(--wlb-step-2);
}
.p84-toc-run {
	list-style: decimal;
	padding-inline-start: var(--wlb-step-4);
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-1);
	font-size: var(--wlb-sm);
}
.p84-cell {
	color: var(--wlb-dim);
}
.p84-step {
	background: var(--wlb-panel);
	color: var(--wlb-dim);
	text-decoration: none;
}
.p84-step:hover {
	background: var(--wlb-panel);
	color: var(--wlb-main);
}
.p84-stuff {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-4);
}
.p84-lead {
	color: var(--wlb-text);
	font-size: var(--wlb-display-4);
	line-height: var(--wlb-airy);
}
.p84-part {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-2);
	scroll-margin-block-start: var(--wlb-step-4);
}
.p84-hook {
	display: block;
	height: 0;
}
.p84-lede {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xl-2);
	font-weight: var(--wlb-thick);
	color: var(--wlb-text);
}
.p84-words {
	color: var(--wlb-text);
	line-height: var(--wlb-airy);
}
.p84-help {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-2);
	background: var(--wlb-panel);
	color: var(--wlb-text);
	border-radius: var(--r-step-3);
	padding: var(--wlb-step-3);
}
.p84-run {
	list-style: disc;
	padding-inline-start: var(--wlb-step-4);
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-2);
	color: var(--wlb-text);
}
.p84-fine {
	color: var(--wlb-dim);
	font-size: var(--wlb-sm);
	line-height: var(--wlb-even);
}
.p84-stamp {
	color: var(--wlb-dim);
	font-size: var(--wlb-sm);
}

/* --- contact-form (FORM-05: editorial com contorno) ----------------------- */
.e50 {
	background: var(--wlb-field);
}
.e50-frame {
	border: var(--b-even) solid var(--wlb-flare);
	border-radius: var(--r-step-3);
	padding: var(--wlb-step-4) var(--wlb-step-3);
	background: var(--wlb-field);
	color: var(--wlb-text);
}
.e50-body {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-4);
}
.e50-slot {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	gap: var(--wlb-step-1);
}
.e50-tag {
	color: var(--wlb-dim);
	font-size: var(--wlb-sm);
	letter-spacing: var(--e-airy);
}
.e50-input {
	background: var(--wlb-field);
	color: var(--wlb-text);
	border: 0;
	border-block-end: var(--wlb-slim) solid var(--wlb-rule-bold);
	font-family: var(--wlb-base);
	font-size: var(--wlb-display-4);
	padding-block: var(--wlb-step-2);
	min-height: 44px;
}
.e50-input:focus {
	outline: none;
	border-block-end-color: var(--wlb-main);
}
.e50-area {
	resize: vertical;
}
.e50-done {
	margin-block-start: var(--wlb-step-3);
	background: var(--wlb-panel);
	color: var(--wlb-main);
	border-radius: var(--r-step-2);
	padding: var(--wlb-step-3);
}
.e50-send {
	align-self: flex-start;
	min-height: 46px;
	padding-inline: var(--wlb-step-4);
	background: var(--wlb-main);
	color: var(--wlb-field);
	border: 0;
	border-radius: var(--r-step-3);
	font-family: var(--wlb-base);
	font-size: var(--wlb-display-4);
	font-weight: var(--wlb-demi);
	cursor: pointer;
}
.e50-send:hover {
	background: var(--wlb-ramp-start);
	color: var(--wlb-field);
}

/* --- author-byline (BYLINE-05: faixa horizontal) -------------------------- */
.g87 {
	background: var(--wlb-main);
	color: var(--wlb-field);
	padding-block: var(--wlb-step-4);
	padding-inline: 0;
}
.g87-inner {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-3);
	align-items: flex-start;
}
.g87-who {
	display: flex;
	align-items: center;
	gap: var(--wlb-step-3);
}
.g87-portrait {
	width: 56px;
	height: 56px;
	flex: 0 0 auto;
	border-radius: var(--wlb-dot);
	object-fit: cover;
}
.g87-words {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-0);
}
.g87-byname {
	background: var(--wlb-main);
	color: var(--wlb-field);
	font-family: var(--wlb-banner);
	font-size: var(--wlb-display-4);
	font-weight: var(--wlb-thick);
}
.g87-step {
	background: var(--wlb-main);
	color: var(--wlb-field);
	text-decoration: none;
}
.g87-step:hover {
	background: var(--wlb-main);
	color: var(--wlb-press);
	text-decoration: underline;
}
.g87-credit {
	background: var(--wlb-main);
	color: #0e2b2c;
	font-size: var(--wlb-sm);
}
.g87-stamp {
	background: var(--wlb-main);
	color: #0e2b2c;
	font-size: var(--wlb-legal);
}
.g87-goto {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding-inline: var(--wlb-step-3);
	background: var(--wlb-field);
	color: var(--wlb-main);
	border: var(--wlb-slim) solid var(--wlb-field);
	border-radius: var(--r-step-3);
	font-size: var(--wlb-sm);
	font-weight: var(--wlb-demi);
	text-decoration: none;
}
.g87-goto:hover {
	background: var(--wlb-panel);
	color: var(--wlb-ramp-start);
}

/* --- author-card (AUTH-02: vertical centralizado) ------------------------- */
.d47 {
	background: var(--wlb-field);
}
.d47-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--wlb-step-3);
}
.d47-portrait {
	width: 140px;
	height: 140px;
	border-radius: var(--wlb-dot);
	object-fit: cover;
	margin-block-end: var(--wlb-step-2);
}
.d47-credit {
	background: var(--wlb-field);
	color: var(--wlb-main);
	font-size: var(--wlb-sm);
	text-transform: uppercase;
	letter-spacing: var(--e-airy);
}
.d47-byname {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xl-2);
	font-weight: var(--wlb-thick);
	color: var(--wlb-text);
}
.d47-words {
	color: var(--wlb-text);
	line-height: var(--wlb-airy);
}
.d47-run {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wlb-step-2);
	list-style: none;
}
.d47-cell {
	background: var(--wlb-panel);
	color: var(--wlb-text);
	border: var(--wlb-slim) solid var(--wlb-rule-bold);
	border-radius: var(--wlb-lozenge);
	padding: var(--wlb-step-1) var(--wlb-step-3);
	font-size: var(--wlb-sm);
}
.d47-articles {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-3);
	margin-block-start: var(--wlb-step-4);
	text-align: start;
}
.d47-hdr {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xl-2);
	font-weight: var(--wlb-thick);
	color: var(--wlb-text);
}
.d47-articles-run {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-2);
}
.d47-run-cell {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-0);
	background: var(--wlb-panel);
	color: var(--wlb-text);
	border-radius: var(--r-step-3);
	padding: var(--wlb-step-3);
}
.d47-step {
	background: var(--wlb-panel);
	color: var(--wlb-text);
	font-weight: var(--wlb-demi);
	text-decoration: none;
}
.d47-step:hover {
	background: var(--wlb-panel);
	color: var(--wlb-main);
	text-decoration: underline;
}
.d47-stamp {
	background: var(--wlb-panel);
	color: var(--wlb-dim);
	font-size: var(--wlb-sm);
}

/* --- error-block (ERR-06: cartão com contorno) ---------------------------- */
.r94 {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	justify-content: center;
	background: var(--wlb-field);
}
.r94-panel {
	width: 100%;
	max-width: var(--wlb-tight-col);
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--wlb-step-3);
	background: var(--wlb-panel);
	color: var(--wlb-text);
	border: var(--b-even) solid var(--wlb-flare);
	border-radius: var(--r-step-4);
	padding: var(--wlb-step-5) var(--wlb-step-3);
	box-shadow: var(--d-step-3);
}
.r94-numeral {
	font-family: var(--wlb-banner);
	font-size: 16vw;
	font-weight: var(--wlb-thick);
	line-height: 1;
	background: var(--wlb-panel);
	color: var(--wlb-ramp-start);
}
.r94-lede {
	font-family: var(--wlb-banner);
	font-size: var(--wlb-xl-2);
	font-weight: var(--wlb-thick);
	color: var(--wlb-text);
}
.r94-words {
	color: var(--wlb-text);
	line-height: var(--wlb-even);
}
.r94-goto {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding-inline: var(--wlb-step-4);
	background: var(--wlb-main);
	color: var(--wlb-field);
	border-radius: var(--r-step-3);
	font-weight: var(--wlb-demi);
	text-decoration: none;
}
.r94-goto:hover {
	background: var(--wlb-ramp-start);
	color: var(--wlb-field);
}

/* --- cookie-banner (COOK-07: toast discreto) ----------------------------- */
.e17 {
	position: fixed;
	inset-block-end: var(--wlb-step-3);
	inset-inline-end: var(--wlb-step-3);
	inset-inline-start: var(--wlb-step-3);
	z-index: 90;
	display: none;
	opacity: 0;
	background: var(--wlb-panel);
	color: var(--wlb-text);
	border-inline-start: 4px solid var(--wlb-flare);
	border-radius: var(--r-step-2);
	box-shadow: var(--d-step-3);
	transition: opacity var(--wlb-steady) var(--wlb-release), clip-path var(--wlb-steady) var(--wlb-release);
	clip-path: inset(0 0 0 0);
}
.e17.is-open {
	display: block;
	opacity: 1;
}
.e17.is-gone {
	opacity: 0;
	clip-path: inset(0 0 0 100%);
}
.e17-inner {
	display: flex;
	flex-direction: column;
	gap: var(--wlb-step-2);
	padding: var(--wlb-step-3);
}
.e17-line {
	background: var(--wlb-panel);
	color: var(--wlb-text);
	font-size: var(--wlb-sm);
	line-height: var(--wlb-even);
}
.e17-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wlb-step-2);
}
.e17-agree {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding-inline: var(--wlb-step-3);
	background: var(--wlb-main);
	color: var(--wlb-field);
	border: 0;
	border-radius: var(--r-step-2);
	font-family: var(--wlb-base);
	font-size: var(--wlb-sm);
	font-weight: var(--wlb-demi);
	cursor: pointer;
}
.e17-agree:hover {
	background: var(--wlb-ramp-start);
	color: var(--wlb-field);
}
.e17-deny {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding-inline: var(--wlb-step-3);
	background: var(--wlb-panel);
	color: var(--wlb-dim);
	border: var(--wlb-slim) solid var(--wlb-rule-bold);
	border-radius: var(--r-step-2);
	font-family: var(--wlb-base);
	font-size: var(--wlb-sm);
	cursor: pointer;
}
.e17-deny:hover {
	background: var(--wlb-field);
	color: var(--wlb-text);
}

/* --- footer (FOOT-03: centralizado e amplo) ------------------------------ */
.x17 {
	background: var(--wlb-field);
	border-block-start: var(--wlb-slim) solid var(--wlb-edge);
	padding-block: var(--wlb-step-6);
}
.x17-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--wlb-step-4);
}
.x17-badge {
	display: inline-flex;
	background: #f5f4fb;
	border-radius: var(--r-step-3);
	padding: var(--wlb-step-1) var(--wlb-step-3);
	color: var(--wlb-field);
}
.x17-badge-figure {
	display: block;
	height: 72px;
	width: auto;
}
.x17-menu {
	width: 100%;
}
.x17-run {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wlb-step-3);
	list-style: none;
}
.x17-cell {
	display: inline-flex;
}
.x17-step {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	background: var(--wlb-field);
	color: var(--wlb-text);
	font-family: var(--wlb-banner);
	font-size: var(--wlb-reading);
	font-weight: var(--wlb-demi);
	text-decoration: none;
}
.x17-step:hover {
	background: var(--wlb-field);
	color: var(--wlb-main);
}
.x17-words {
	max-width: var(--wlb-tight-col);
	color: var(--wlb-dim);
	font-size: var(--wlb-sm);
	line-height: var(--wlb-airy);
}
.x17-fine-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--wlb-step-2);
}
.x17-fine {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	background: var(--wlb-field);
	color: var(--wlb-dim);
	font-size: var(--wlb-legal);
	text-transform: uppercase;
	letter-spacing: var(--e-airy);
	text-decoration: none;
}
.x17-fine:hover {
	background: var(--wlb-field);
	color: var(--wlb-main);
}
.x17-fine + .x17-fine::before {
	content: '·';
	color: var(--wlb-rule-bold);
	margin-inline-end: var(--wlb-step-2);
}
.x17-stamp {
	background: var(--wlb-field);
	color: var(--wlb-dim);
	font-size: var(--wlb-legal);
}

/* --- links dentro do texto (linkHover: underline-center) ------------------ */
.wlb-tie {
	background: var(--wlb-field);
	color: var(--wlb-main);
	text-decoration: none;
	background-image: linear-gradient(var(--wlb-main), var(--wlb-main));
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: 0 2px;
	transition: background-size var(--wlb-swift) var(--wlb-release);
}
.wlb-tie:hover {
	background-color: var(--wlb-field);
	color: var(--wlb-main);
	background-size: 100% 2px;
}

/* --- botões de oferta (base; a arte vem de cta-style) --------------------- */
.g70-act,
.n65-act,
.i25-act,
.n34-act,
.z37-act {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding-inline: var(--wlb-step-4);
	background: var(--wlb-main);
	color: var(--wlb-field);
	border-radius: var(--r-step-3);
	font-family: var(--wlb-base);
	font-weight: var(--wlb-demi);
	text-align: center;
	text-decoration: none;
}

/* --- ≥500px --------------------------------------------------------------- */
@media (min-width: 500px) {
	:root {
		--wlb-gutter: var(--wlb-pad-md);
		--wlb-sec-y: 40px;
	}
	.e17 {
		inset-inline-start: auto;
		max-width: 320px;
	}
	.g87-inner {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.i25-nudge,
	.n34-nudge {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
}

/* --- ≥800px --------------------------------------------------------------- */
@media (min-width: 800px) {
	:root {
		--wlb-xxl: 40px;
		--wlb-xl-2: 28px;
		--wlb-sub: 22px;
		--wlb-reading: 17px;
	}
	.g70-desk {
		display: inline;
	}
	.f99-run {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.q94-crown {
		display: table-header-group;
	}
	.q94-grid {
		font-size: var(--wlb-reading);
	}
	.q94-bar {
		display: table-row;
		background: var(--wlb-panel);
		padding: 0;
		margin: 0;
	}
	.q94-slot {
		display: table-cell;
		border-block-start: var(--wlb-slim) solid var(--wlb-edge);
		padding: var(--wlb-step-3);
	}
	.q94-slot::before {
		display: none;
	}
	.n65-figure-shot {
		height: 320px;
	}
	.p84-inner {
		grid-template-columns: 240px minmax(0, 1fr);
	}
	.p84-toc {
		position: sticky;
		inset-block-start: var(--wlb-step-5);
	}
	.i25-part {
		padding-block-start: 72px;
	}
	.i25-part::before {
		font-size: 6em;
	}
}

/* --- ≥900px: o menu entra em linha e o botão de menu sai ------------------ */
@media (min-width: 900px) {
	.g70-menu-switch {
		display: none;
	}
	.g70-sheet {
		display: none;
	}
	.g70-menu {
		display: block;
	}
}

/* --- ≥1100px (desktop pleno) --------------------------------------------- */
@media (min-width: 1100px) {
	:root {
		--wlb-gutter: var(--wlb-edge-wide);
		--wlb-sec-y: 44px;
		--wlb-xxl: 52px;
		--wlb-xl-2: 32px;
		--wlb-sub: 24px;
		--wlb-display-4: 19px;
		--wlb-h5: 16px;
		--wlb-h6: 14px;
		--wlb-sm: 14px;
		--wlb-legal: 12px;
	}
	.g70-badge-figure {
		height: 60px;
	}
	.n65-inner {
		grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
		align-items: center;
		gap: var(--wlb-step-6);
	}
	.n65-figure {
		margin-block-start: -40px;
		margin-block-end: -40px;
		transform: rotate(2deg);
		transition: transform var(--wlb-gentle) var(--wlb-release);
	}
	.n65-figure:hover {
		transform: rotate(0deg) scale(1.02);
	}
	.n65-figure-shot {
		height: 420px;
	}
	.i25-part {
		padding-block-start: 88px;
	}
	.i25-part::before {
		font-size: 8em;
	}
	.b78-cell {
		padding-inline-start: var(--wlb-step-6);
	}
	.b78-cell::before {
		font-size: 64px;
	}
	.z37-panel {
		padding: var(--wlb-step-6);
	}
	.r94-numeral {
		font-size: 96px;
	}
	.e50-frame {
		padding: var(--wlb-step-5);
	}
}

/* --- cookie compacto no celular ------------------------------------------ */
@media (max-width: 720px) {
	.e17-inner {
		padding: 12px 14px !important;
		gap: 8px !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
	}
	.e17-agree,
	.e17-deny {
		padding: 8px 14px !important;
		font-size: 12px !important;
		min-height: 36px !important;
	}
}

/* --- ≤620px: linha do header quebra e o botão ganha a própria linha ------- */
@media (max-width: 620px) {
	.g70-bar {
		flex-wrap: wrap;
		padding-block: var(--wlb-step-1);
	}
	.g70-badge {
		margin-inline-end: auto;
	}
	.g70-buttons {
		order: 4;
		flex-basis: 100%;
		margin-inline-start: 0;
		padding-block-end: var(--wlb-step-1);
	}
	.g70-act,
	.g70-quiet {
		width: 100%;
	}
	.g70-desk {
		display: none;
	}
}

/* --- ≤380px --------------------------------------------------------------- */
@media (max-width: 380px) {
	.g70-word {
		display: none;
	}
	.g70-badge-figure {
		height: 38px;
	}
}

/* --- movimento reduzido --------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	[data-onview] {
		opacity: 1;
		transform: none;
	}
}

/* --- botão de oferta: cor, forma e animação de scripts/cta-style.mjs --- */
.g70-act,.n65-act,.i25-act,.n34-act,.z37-act{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--wlb-step-2);min-height:46px;border-radius:var(--r-step-2);font-size:var(--wlb-display-4);font-weight:var(--wlb-demi);}
.g70-act,.n65-act,.i25-act,.n34-act,.z37-act{background:#EAB308;color:#151628;text-decoration:none; transition:background var(--wlb-swift) var(--wlb-release),box-shadow var(--wlb-swift) var(--wlb-release);}
.g70-act.g70-act,.n65-act.n65-act,.i25-act.i25-act,.n34-act.n34-act,.z37-act.z37-act{color:#151628;text-decoration:none;}
.g70-act:hover,.n65-act:hover,.i25-act:hover,.n34-act:hover,.z37-act:hover{background:#A16207;color:#FFFFFF;animation:none;}
.g70-act.g70-act:hover,.n65-act.n65-act:hover,.i25-act.i25-act:hover,.n34-act.n34-act:hover,.z37-act.z37-act:hover{color:#FFFFFF;text-decoration:none;}
.g70-act:hover::after,.n65-act:hover::after,.i25-act:hover::after,.n34-act:hover::after,.z37-act:hover::after{animation:none;}
.g70-act:active,.n65-act:active,.i25-act:active,.n34-act:active,.z37-act:active{background:#854D0E;color:#FFFFFF;}
.g70-act:focus-visible,.n65-act:focus-visible,.i25-act:focus-visible,.n34-act:focus-visible,.z37-act:focus-visible{outline:3px solid #151628;outline-offset:3px;}
@keyframes wlb-ripple{0%{transform:rotate(0);}18.000%{transform:rotate(1.2deg);}36.000%,100%{transform:rotate(0);}}
.g70-act,.n65-act,.i25-act,.n34-act,.z37-act{animation:wlb-ripple calc(var(--wlb-gentle) * 2.15) var(--wlb-release) infinite;transform-origin:50% 90%;}
@media (prefers-reduced-motion:reduce){.g70-act,.n65-act,.i25-act,.n34-act,.z37-act,.g70-act::after,.n65-act::after,.i25-act::after,.n34-act::after,.z37-act::after{animation:none!important;transition:none!important;}}

@media (max-width: 519px) {
  .g70-menu,
  .g70-run,
  .g70-step { display: none !important; }
  .g70-more-opener { display: inline-flex !important; }
}