@view-transition { navigation: auto; }

@font-face { font-family: "Manrope"; font-weight: 300; font-style: normal; font-display: swap; src: url("../fontes/manrope-300.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fontes/manrope-500.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fontes/manrope-600.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fontes/sourcesans3-400.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-weight: 400; font-style: italic; font-display: swap; src: url("../fontes/sourcesans3-400i.woff2") format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fontes/sourcesans3-600.woff2") format("woff2"); }

:root { interpolate-size: allow-keywords; }

html { scroll-padding-top: 5.5rem; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }

body { overflow-x: clip; }
.container { width: min(100% - 2 * var(--grade-margem), var(--grade-largura)); margin-inline: auto; }
section { padding-block: clamp(4rem, 10vw, 8rem); }
.rotulo { color: var(--texto-marca); margin: 0 0 var(--espaco-4); }
h2 { color: var(--texto-marca); max-width: 22ch; }
h3 { margin-bottom: var(--espaco-2); }

.pular { position: absolute; left: 1rem; top: -4rem; background: var(--fundo-marca); color: var(--texto-sobre-marca); padding: .75rem 1rem; border-radius: var(--raio-2); z-index: 20; }
.pular:focus { top: 1rem; }


.topo { position: sticky; top: 0; z-index: 10; background: color-mix(in srgb, var(--fundo) 86%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid transparent; transition: border-color var(--duracao-media) var(--curva-padrao); }
.topo.rolou { border-color: var(--borda); }
.topo__linha { display: flex; align-items: center; justify-content: space-between; gap: var(--espaco-5); min-height: 5rem; }
.topo__logo { display: inline-flex; color: var(--texto-marca); border-radius: var(--raio-1); }
.topo__logo svg { height: 2.5rem; width: auto; display: block; }
.topo__nav { display: none; align-items: center; gap: var(--espaco-6); font-family: var(--fonte-titulo); font-weight: 500; font-size: .95rem; }
.topo__nav a { color: var(--texto); text-decoration: none; border-radius: var(--raio-1); }
.topo__nav a:not(.botao):hover { color: var(--texto-marca); }
.botao--compacto { padding: .7rem 1.15rem; font-size: .9rem; }
.topo__menu { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: 1px solid var(--borda); background: transparent; color: var(--texto); border-radius: var(--raio-2); cursor: pointer; }
.menu-movel[hidden] { display: none; }
.menu-movel { display: grid; gap: var(--espaco-2); padding: var(--espaco-4) var(--grade-margem) var(--espaco-5); border-top: 1px solid var(--borda); background: var(--fundo); }
.menu-movel a { font-family: var(--fonte-titulo); font-weight: 500; font-size: 1.125rem; text-decoration: none; color: var(--texto); padding: .75rem 0; border-radius: var(--raio-1); }
@media (min-width: 900px) { .topo__nav { display: flex; } .topo__menu, .menu-movel { display: none !important; } }

.abertura { padding-block: clamp(3rem, 8vw, 7rem) clamp(3rem, 8vw, 6rem); }
.abertura__grade { display: grid; gap: var(--espaco-7); align-items: center; grid-template-columns: 1fr; }
@media (min-width: 980px) { .abertura__grade { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--espaco-8); } }
.abertura__rotulo { margin-bottom: var(--espaco-5); }
.abertura .display { color: var(--texto-marca); margin-bottom: var(--espaco-5); max-width: 14ch; }
.abertura .lead { color: var(--texto-secundario); margin-bottom: var(--espaco-6); max-width: 36rem; }
.acoes { display: flex; flex-wrap: wrap; gap: var(--espaco-3); }
.abertura__figura { margin: 0; min-width: 0; }
.trajeto-abertura { width: 100%; height: auto; display: block; overflow: visible; }
.trajeto-abertura__a, .trajeto-abertura__b, .trajeto-abertura__marcos circle { transform-box: fill-box; transform-origin: center; }

.identificacao { background: var(--fundo-elevado); border-block: 1px solid var(--borda); }
.identificacao__grade { display: grid; gap: var(--espaco-6); grid-template-columns: 1fr; }
@media (min-width: 900px) { .identificacao__grade { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--espaco-8); align-items: start; } }
.lista-problemas { list-style: none; padding: 0; margin: 0 0 var(--espaco-6); display: grid; gap: var(--espaco-3); max-width: var(--medida-texto); }
.lista-problemas li { font-size: var(--tipo-lead); line-height: 1.35; color: var(--texto); padding-left: 1.75rem; position: relative; }
.lista-problemas li::before { content: ""; position: absolute; left: 0; top: .55em; width: .6rem; height: .6rem; border-radius: 50%; border: 2px solid var(--texto-marca); }

.metodo { padding-block: 0; }
.metodo__pin { padding-block: clamp(2rem, 5vh, 7rem); min-height: 100svh; display: flex; align-items: center; box-sizing: border-box; }
.metodo__grade { display: grid; gap: var(--espaco-7); grid-template-columns: 1fr; margin-top: var(--espaco-6); }
@media (min-width: 900px) { .metodo__grade { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: var(--espaco-8); } }
.etapas { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--espaco-5); counter-reset: etapa; }
.etapa { position: relative; padding-left: 3rem; transition: opacity var(--duracao-media) var(--curva-padrao); }
.etapa h3 { font-size: var(--tipo-h3); }
.etapa p { color: var(--texto-secundario); margin: 0; }
.etapa__anel { position: absolute; left: 0; top: .2rem; width: 1.75rem; height: 1.75rem; border-radius: 50%; border: 6px solid var(--texto-marca); box-sizing: border-box; transition: border-color var(--duracao-media), background var(--duracao-media); }
.etapa.ativa .etapa__anel { background: var(--texto-marca); }
@media (max-width: 899px) { .etapa__anel--fim { border-color: var(--destaque); } .etapa.ativa .etapa__anel--fim { background: var(--destaque); } }
.metodo__figura { margin: 0; min-width: 0; display: none; }
@media (min-width: 900px) { .metodo__figura { display: block; } }
.trajeto-metodo { width: 100%; height: auto; max-height: 55svh; display: block; overflow: visible; }
.trajeto-metodo__marco, .trajeto-metodo__b { transform-box: fill-box; transform-origin: center; }
.trajeto-metodo__marco.ativo { fill: var(--texto-marca); }
.metodo__nota { margin-top: var(--espaco-6); color: var(--texto-secundario); }

.aplicacoes { background: var(--fundo-marca); color: var(--texto-sobre-marca); }
.aplicacoes .rotulo { color: color-mix(in srgb, var(--texto-sobre-marca) 80%, transparent); }
.aplicacoes h2 { color: var(--texto-sobre-marca); }
.aplicacoes__lead { color: color-mix(in srgb, var(--texto-sobre-marca) 82%, transparent); max-width: 44rem; margin-bottom: var(--espaco-7); }
.aplicacao { display: grid; gap: var(--espaco-6); grid-template-columns: 1fr; background: color-mix(in srgb, var(--fundo) 8%, transparent); border: 1px solid color-mix(in srgb, var(--fundo) 18%, transparent); border-radius: var(--raio-3) 4.5rem var(--raio-3) var(--raio-3); padding: var(--espaco-6); margin-bottom: var(--espaco-5); }
@media (min-width: 900px) { .aplicacao { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--espaco-7); padding: var(--espaco-7); align-items: start; } .aplicacao--invertida { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); } .aplicacao--invertida .aplicacao__texto { order: 2; } .aplicacao__texto { position: sticky; top: 7rem; } }
.aplicacao__texto { display: grid; gap: var(--espaco-3); align-content: start; }
.aplicacao__texto h3 { color: var(--texto-sobre-marca); margin: 0; }
.aplicacao__texto p { color: color-mix(in srgb, var(--texto-sobre-marca) 86%, transparent); margin: 0; }
.aplicacao__texto .aplicacao__exemplo { font-size: 1rem; color: color-mix(in srgb, var(--texto-sobre-marca) 82%, transparent); }
.icone--grande { width: 2.25rem; height: 2.25rem; color: var(--texto-sobre-marca); stroke-width: 1.75; }
.aplicacoes__nota { margin-top: var(--espaco-5); color: color-mix(in srgb, var(--texto-sobre-marca) 75%, transparent); }
.demo { margin: 0; min-width: 0; display: grid; gap: var(--espaco-2); }
.aplicacoes :focus-visible { outline-color: var(--destaque); }
.demo__repetir { justify-self: end; background: transparent; border: 1px solid color-mix(in srgb, var(--texto-sobre-marca) 60%, transparent); color: var(--texto-sobre-marca); font: 500 .8125rem var(--fonte-titulo); padding: .5rem .85rem; border-radius: var(--raio-pilula); cursor: pointer; }
.demo__repetir:hover { border-color: var(--texto-sobre-marca); }
.demo__repetir[hidden] { display: none; }
.demo__rotulo { font-family: var(--fonte-titulo); font-size: .75rem; font-weight: 500; letter-spacing: var(--tracking-rotulo); text-transform: uppercase; color: color-mix(in srgb, var(--texto-sobre-marca) 84%, transparent); }
.demo__tela { background: var(--fundo-elevado); color: var(--texto); border-radius: var(--raio-3); padding: var(--espaco-5); box-shadow: var(--sombra-3); display: grid; gap: var(--espaco-3); align-content: start; }
@media (min-width: 900px) { .demo__tela { min-height: 22rem; } }
.demo__cabeca { display: flex; justify-content: space-between; align-items: baseline; gap: var(--espaco-3); border-bottom: 1px solid var(--borda); padding-bottom: var(--espaco-3); }
.demo__titulo { font-family: var(--fonte-titulo); font-weight: 600; color: var(--texto-marca); }
.demo__hora { font-size: .8125rem; color: var(--texto-secundario); font-variant-numeric: tabular-nums; white-space: nowrap; }
.demo__linha { margin: 0; font-size: .9375rem; line-height: 1.4; max-width: none; }
.demo__valor { font-weight: 600; color: var(--texto-marca); transition: color var(--duracao-media), text-decoration-color var(--duracao-media); text-decoration: line-through transparent; }
.demo__valor.decidido { color: var(--texto-secundario); font-weight: 400; }
.demo__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: .25rem; }
.demo__lista li { display: grid; grid-template-columns: 1fr auto; gap: .25rem 1rem; align-items: baseline; padding: .45rem .65rem; background: var(--fundo); border: 1px solid var(--borda); border-radius: var(--raio-2); font-size: .875rem; line-height: 1.3; }
.demo__lista--carteira li { grid-template-columns: minmax(0, 1fr) 6.5rem 6.5rem; }
.demo__lista--carteira li > span:nth-child(n+2) { text-align: right; }
.demo__lista li > span:first-child { font-weight: 600; }
.demo__cab { background: transparent !important; border: 0 !important; padding-block: 0 .15rem !important; font: 500 .6875rem var(--fonte-titulo) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--texto-secundario); }
.demo__cab > span:first-child { font-weight: 500 !important; }
.demo__dado { color: var(--texto-secundario); font-variant-numeric: tabular-nums; white-space: nowrap; }
.demo__aprovacao { display: grid; }
.demo__chip { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: .5rem; width: fit-content; max-width: 100%; padding: .45rem .8rem; border-radius: var(--raio-pilula); font: 500 .8rem var(--fonte-titulo); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.demo__chip::before { content: ""; flex: none; width: .55rem; height: .55rem; border-radius: 50%; background: currentColor; }
.demo__chip--espera { background: var(--chip-espera-fundo); color: var(--chip-espera-texto); }
.demo__chip--espera.pulsando::before { animation: pulso 1.1s ease-in-out infinite alternate; }
@keyframes pulso { from { opacity: 1; } to { opacity: .3; } }
.demo__chip--ok { background: var(--chip-ok-fundo); color: var(--chip-ok-texto); }
.demo__chip--ok::before { background: var(--destaque); }
.demo__rodape { margin: 0; font-size: .8125rem; color: var(--texto-secundario); border-top: 1px solid var(--borda); padding-top: var(--espaco-3); }
.espelho { display: grid; grid-template-columns: auto repeat(4, minmax(0, 2.4rem)); gap: .3rem .35rem; align-items: center; justify-content: start; }
.espelho__andar { font: 500 .6875rem var(--fonte-titulo); color: var(--texto-secundario); padding-right: .35rem; font-variant-numeric: tabular-nums; }
.demo__tela { --esp-livre: var(--borda-forte); --esp-reservada: var(--cor-petroleo-600); --esp-vendida: var(--cor-petroleo-700); --esp-texto-reservada: var(--cor-branco-suave); --esp-texto-vendida: var(--cor-branco-suave); --chip-espera-fundo: var(--cor-atencao-100); --chip-espera-texto: var(--cor-atencao-800); --chip-ok-fundo: var(--cor-petroleo-50); --chip-ok-texto: var(--cor-petroleo-800); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .demo__tela { --esp-vendida: var(--cor-petroleo-200); --esp-texto-vendida: var(--cor-petroleo-950); --chip-espera-fundo: var(--cor-atencao-900); --chip-espera-texto: var(--cor-atencao-200); --chip-ok-fundo: var(--cor-petroleo-900); --chip-ok-texto: var(--cor-petroleo-100); } }
:root[data-theme="dark"] .demo__tela { --esp-vendida: var(--cor-petroleo-200); --esp-texto-vendida: var(--cor-petroleo-950); --chip-espera-fundo: var(--cor-atencao-900); --chip-espera-texto: var(--cor-atencao-200); --chip-ok-fundo: var(--cor-petroleo-900); --chip-ok-texto: var(--cor-petroleo-100); }
.espelho > i { display: grid; place-items: center; aspect-ratio: 1; border-radius: .3rem; border: 2px solid var(--esp-livre); background: transparent; font: 500 .65rem var(--fonte-titulo); font-style: normal; color: var(--texto-marca); }
.espelho > i.reservada { background: var(--esp-reservada); border-color: var(--esp-reservada); color: var(--esp-texto-reservada); }
.espelho > i.vendida { background: var(--esp-vendida); border-color: var(--esp-vendida); color: var(--esp-texto-vendida); }
.espelho > i.foco { outline: 3px solid var(--destaque); outline-offset: 2px; }
.esp { display: inline-block; width: .8rem; aspect-ratio: 1; border-radius: .25rem; border: 2px solid var(--esp-livre); margin-right: .35rem; vertical-align: -.1em; }
.esp--reservada { background: var(--esp-reservada); border-color: var(--esp-reservada); } .esp--vendida { background: var(--esp-vendida); border-color: var(--esp-vendida); }
.demo__legenda { display: flex; flex-wrap: wrap; gap: .4rem .9rem; font-size: .75rem; color: var(--texto-secundario); }
@media (max-width: 599px) { .demo__cabeca { flex-direction: column; align-items: flex-start; gap: .15rem; } .demo__hora { white-space: normal; } .demo__lista--carteira > li { grid-template-columns: minmax(0, 1fr) 3.5rem 4.5rem; gap: .25rem .5rem; } .demo__repetir { justify-self: start; } .demo__chip { white-space: normal; } }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
html:not(.js) .demo__chip--espera, html:not(.js) .demo__repetir { display: none; }
.js .demo [data-passo] { opacity: 0; }
.js .demo [data-passo="lista"], .js .demo [data-passo="abre"] { opacity: .3; }
.js .demo .demo__chip--ok { opacity: 0; }
.js .espelho > i { opacity: .3; }

.sobre__grade { display: grid; gap: var(--espaco-6); grid-template-columns: 1fr; }
@media (min-width: 900px) { .sobre__grade { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--espaco-8); } }
.sobre__texto p { font-size: var(--tipo-lead); line-height: 1.45; }
.sobre__assinatura { font-family: var(--fonte-titulo); font-weight: 600; color: var(--texto-marca); font-size: var(--tipo-h4) !important; margin-top: var(--espaco-5); }

.perguntas { background: var(--fundo-elevado); border-block: 1px solid var(--borda); }
.perguntas__grade { display: grid; gap: var(--espaco-6); grid-template-columns: 1fr; }
@media (min-width: 900px) { .perguntas__grade { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--espaco-8); align-items: start; } }
.acordeao { display: grid; border-top: 1px solid var(--borda); }
.acordeao details { border-bottom: 1px solid var(--borda); }
.acordeao summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: var(--espaco-4); padding: var(--espaco-4) 0; font-family: var(--fonte-titulo); font-weight: 500; font-size: 1.125rem; color: var(--texto); border-radius: var(--raio-1); }
.acordeao summary::-webkit-details-marker { display: none; }
.acordeao summary .icone { color: var(--texto-marca); transition: transform var(--duracao-media) var(--curva-padrao); }
.acordeao details[open] summary .icone { transform: rotate(45deg); }
.acordeao__corpo { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--duracao-media) var(--curva-padrao); }
.acordeao details[open] .acordeao__corpo { grid-template-rows: 1fr; }
.acordeao__corpo > p { overflow: hidden; margin: 0; padding-bottom: 0; color: var(--texto-secundario); }
.acordeao details[open] .acordeao__corpo > p { padding-bottom: var(--espaco-5); }
@supports (interpolate-size: allow-keywords) and selector(::details-content) {
  .acordeao details::details-content { display: block; height: 0; overflow: hidden; transition: height var(--duracao-media) var(--curva-padrao), content-visibility var(--duracao-media) allow-discrete; }
  .acordeao details[open]::details-content { height: auto; }
  .acordeao__corpo { display: block; }
  .acordeao__corpo > p { overflow: visible; padding-bottom: var(--espaco-5); }
}

.contato__grade { display: grid; gap: var(--espaco-7); grid-template-columns: 1fr; }
@media (min-width: 900px) { .contato__grade { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--espaco-8); align-items: start; } }
.contato .lead { color: var(--texto-secundario); }
.formulario { display: grid; gap: var(--espaco-4); grid-template-columns: 1fr; }
@media (min-width: 640px) { .formulario { grid-template-columns: 1fr 1fr; } .campo--largo { grid-column: 1 / -1; } }
.campo { display: grid; gap: var(--espaco-2); min-width: 0; }
.campo label { font-family: var(--fonte-titulo); font-weight: 500; font-size: .9rem; }
.campo input, .campo select, .campo textarea { font: inherit; color: var(--texto); background: var(--fundo-elevado); border: 1px solid var(--borda-forte); border-radius: var(--raio-2); padding: .8rem 1rem; width: 100%; box-sizing: border-box; transition: border-color var(--duracao-curta); }
.campo input:focus, .campo select:focus, .campo textarea:focus { border-color: var(--texto-marca); outline: 3px solid var(--foco); outline-offset: 2px; }
.campo textarea { resize: vertical; min-height: 7rem; }
.campo ::placeholder { color: var(--texto-secundario); opacity: 1; }
.campo [aria-invalid="true"] { border-color: var(--erro); }
.formulario__acao { display: grid; gap: var(--espaco-3); justify-items: start; }
.formulario__aviso { color: var(--texto-secundario); margin: 0; min-height: 1.5em; }
.formulario__privacidade { color: var(--texto-secundario); margin: 0; }
.formulario__aviso.erro { color: var(--erro); }

.rodape { background: var(--fundo-marca); color: var(--texto-sobre-marca); padding-block: clamp(3.5rem, 8vw, 6rem) var(--espaco-6); overflow: hidden; }
.rodape__grade { display: grid; gap: var(--espaco-6); grid-template-columns: 1fr; margin-bottom: var(--espaco-7); }
@media (min-width: 640px) { .rodape__grade { grid-template-columns: 1fr 1fr; } }
@media (min-width: 980px) { .rodape__grade { grid-template-columns: minmax(0, 4fr) minmax(0, 2fr) minmax(0, 3fr) minmax(0, 2.5fr); gap: var(--espaco-8); } }
.rodape__marca p { color: color-mix(in srgb, var(--texto-sobre-marca) 80%, transparent); max-width: 22rem; margin: 0; font-size: 1rem; }
.rodape__logo { display: block; width: clamp(9rem, 12vw, 12rem); height: auto; color: var(--texto-sobre-marca); margin-bottom: var(--espaco-6); overflow: visible; }
.rodape__logo .logo__ponto { transform-box: fill-box; transform-origin: center; }
.rodape__col { display: grid; gap: .35rem; align-content: start; }
.rodape__col a { color: var(--texto-sobre-marca); text-decoration: none; font-size: .9375rem; line-height: 1.3; padding-block: .2rem; border-radius: var(--raio-1); width: fit-content; }
.rodape__col a:hover { color: var(--destaque); text-decoration: underline; text-underline-offset: .2em; }
.rodape__col p { color: color-mix(in srgb, var(--texto-sobre-marca) 80%, transparent); font-size: .9375rem; line-height: 1.4; margin: 0; }
.rodape__titulo { font-family: var(--fonte-titulo); font-weight: 500; font-size: var(--tipo-rotulo); letter-spacing: var(--tracking-rotulo); text-transform: uppercase; color: color-mix(in srgb, var(--texto-sobre-marca) 70%, transparent); margin: 0 0 var(--espaco-2); }
.rodape__linha { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--espaco-3) var(--espaco-5); border-top: 1px solid color-mix(in srgb, var(--fundo) 20%, transparent); padding-top: var(--espaco-5); }
.rodape__assinatura { font-family: var(--fonte-titulo); font-weight: 500; margin: 0; }
.rodape__meta { margin: 0; color: color-mix(in srgb, var(--texto-sobre-marca) 75%, transparent); font-size: .8125rem; }
.rodape :focus-visible { outline-color: var(--destaque); }

.js [data-reveal], .js [data-lista] > * { opacity: 0; }
.js .trajeto-abertura__b, .js .trajeto-abertura__marcos circle { opacity: 0; }
.js .trajeto-abertura__letras { opacity: 0; }
.js [data-canto] { clip-path: inset(0 0 0 0 round var(--raio-3) 4.5rem var(--raio-3) var(--raio-3)); }
.js .rodape__logo .logo__ponto { opacity: 0; }
.js .trajeto-metodo__b { opacity: 0; }
@media (prefers-reduced-motion: no-preference) { .js [data-split]:not(.split-pronto) { visibility: hidden; } }
.split-pronto .linha-mask { padding-bottom: .18em; margin-bottom: -.18em; }
.split-pronto .linha { padding-bottom: .18em; margin-bottom: -.18em; }

@media (prefers-reduced-motion: reduce) {
  .js [data-reveal], .js [data-lista] > *, .js .trajeto-abertura *, .js .rodape__logo .logo__ponto, .js .trajeto-metodo__b, .js .camadas__chegada, .js .demo [data-passo], .js .espelho > i { opacity: 1; }
  .js .demo .demo__chip--espera { opacity: 0; } .js .demo .demo__chip--ok { opacity: 1; }
  .acordeao__corpo, .acordeao details::details-content, .acordeao summary .icone, .topo { transition: none; }
}

.pratica { background: var(--fundo-elevado); border-block: 1px solid var(--borda); }
.pratica__lead { color: var(--texto-secundario); max-width: 44rem; margin-bottom: var(--espaco-7); }
.camadas { margin: 0 0 var(--espaco-7); display: grid; gap: var(--espaco-4); grid-template-columns: 1fr; align-items: stretch; }
@media (min-width: 980px) { .camadas { grid-template-columns: minmax(0, 4fr) 4rem minmax(0, 6fr) 4rem minmax(0, 4fr); gap: var(--espaco-3); } }
.camada { border: 1px solid var(--borda); border-radius: var(--raio-3); padding: var(--espaco-5); background: var(--fundo); min-width: 0; }
.camada--inteligencia { background: var(--fundo-marca); color: var(--texto-sobre-marca); border-color: transparent; border-radius: var(--raio-3) 3rem var(--raio-3) var(--raio-3); }
.camada__titulo { display: block; font-family: var(--fonte-titulo); font-weight: 500; font-size: var(--tipo-rotulo); letter-spacing: var(--tracking-rotulo); text-transform: uppercase; margin-bottom: var(--espaco-4); color: var(--texto-marca); }
.camada--inteligencia .camada__titulo { color: color-mix(in srgb, var(--texto-sobre-marca) 80%, transparent); }
.camada ul, .camada ol { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--espaco-3); }
.camada li { font-size: 1.0625rem; line-height: 1.4; padding-left: 1.5rem; position: relative; }
.camada ul li::before { content: ""; position: absolute; left: 0; top: .55em; width: .5rem; height: .5rem; border-radius: 50%; border: 2px solid var(--texto-marca); }
.camada--resultado ul li:last-child::before { border-color: var(--texto-marca); }
.camada ol { counter-reset: passo; }
.camada ol li { counter-increment: passo; padding-left: 2rem; }
.camada ol li::before { content: counter(passo); position: absolute; left: 0; top: .1em; width: 1.4rem; height: 1.4rem; border-radius: 50%; border: 2px solid color-mix(in srgb, var(--texto-sobre-marca) 50%, transparent); font-family: var(--fonte-titulo); font-size: .75rem; font-weight: 600; display: grid; place-items: center; }
.camada ol li b { font-weight: 600; }
.camadas__seta { width: 100%; height: auto; align-self: center; display: block; overflow: visible; }
@media (max-width: 979px) { .camadas__seta { width: 3rem; margin-inline: auto; transform: rotate(90deg); } }
.capacidades { display: grid; gap: var(--espaco-5); grid-template-columns: 1fr; }
@media (min-width: 700px) { .capacidades { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1040px) { .capacidades { grid-template-columns: repeat(3, 1fr); } }
.capacidade { display: grid; gap: var(--espaco-3); align-content: start; padding-top: var(--espaco-4); border-top: 2px solid var(--texto-marca); }
.capacidade .icone { color: var(--texto-marca); width: 1.75rem; height: 1.75rem; }
.capacidade h3 { font-size: var(--tipo-h4); margin: 0; }
.capacidade p { margin: 0; color: var(--texto-secundario); font-size: 1.0625rem; }
.pratica__nota { margin-top: var(--espaco-7); color: var(--texto-secundario); max-width: 44rem; }
.js .camadas__chegada { opacity: 0; }