/* Central de Captação AGOS — v3 (07/09/2026)
   Visual e animações inspirados em componentes do 21st.dev (marquee em duas linhas, tabela com coluna destacada,
   cartões com holofote, FAQ em cartões), reescritos em CSS puro. Marca: preto #111, dourado #C8B66C, grafite #333,
   cinza #69727D; Poppins 600 nos títulos e Montserrat no texto; WhatsApp #25D366. Celular primeiro. */
:root {
  --preto: #111111; --grafite: #333333; --cinza: #5D6570; --cinza-claro: #F4F3EF; --areia: #FBFAF7; --linha: #E6E3DA;
  --dourado: #C8B66C; --dourado-claro: #F1E4B3; --dourado-escuro: #7D6C3B; --branco: #FFFFFF;
  --verde-wpp: #25D366; --raio: 16px; --raio-p: 10px;
  --sombra: 0 10px 30px rgba(17, 17, 17, .08); --sombra-forte: 0 24px 60px rgba(17, 17, 17, .16);
  --suave: cubic-bezier(.2, .7, .2, 1); --mola: cubic-bezier(.34, 1.4, .64, 1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--branco); color: var(--grafite);
  font-family: "Montserrat", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden;
}
h1, h2, h3 { font-family: "Poppins", "Montserrat", sans-serif; font-weight: 600; line-height: 1.15; color: var(--preto); margin: 0 0 .5em; }
h1 { font-size: clamp(2.1rem, 5vw, 3.15rem); letter-spacing: -.02em; }
h2 { font-size: clamp(1.6rem, 3.4vw, 2.2rem); letter-spacing: -.01em; max-width: 780px; }
h3 { font-size: 1.12rem; }
p { margin: 0 0 1em; }
a { color: var(--dourado-escuro); }
img { max-width: 100%; }
::selection { background: var(--dourado); color: var(--preto); }
:focus-visible { outline: 2px solid var(--dourado); outline-offset: 3px; }
.container { width: min(1120px, 92vw); margin: 0 auto; }
.secao { padding: clamp(52px, 7vw, 96px) 0; }
.secao[id] { scroll-margin-top: 16px; }
.secao--cinza { background: var(--cinza-claro); }
.secao--preta { background: var(--preto); color: #E8E6DF; }
.secao--preta h2 { color: var(--branco); }
.olho { display: inline-flex; align-items: center; gap: 10px; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--dourado-escuro); font-weight: 600; margin-bottom: 14px; }
.olho::before { content: ""; width: 22px; height: 2px; background: var(--dourado); border-radius: 2px; }
.secao--preta .olho { color: var(--dourado); }
.sub { font-size: 1.12rem; color: var(--cinza); max-width: 620px; }
.secao--preta .sub { color: #C9C6BC; }

/* barra de progresso da rolagem */
.progresso { position: fixed; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--dourado-escuro), var(--dourado-claro)); transform-origin: 0 50%; transform: scaleX(0); z-index: 100; pointer-events: none; }

/* topo */
.topo { background: var(--preto); border-bottom: 1px solid rgba(255, 255, 255, .06); }
.topo .container { display: flex; align-items: center; justify-content: space-between; height: 68px; }
.topo img { height: 40px; width: auto; display: block; }
.topo picture, .rodape picture { display: block; line-height: 0; }
.topo .fone { color: var(--branco); text-decoration: none; font-size: .92rem; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .12); transition: border-color .2s, background .2s; }
.topo .fone:hover { border-color: var(--dourado); background: rgba(255, 255, 255, .05); }
.topo .fone span { color: var(--dourado); }

/* ===== hero ===== */
.hero { background: var(--preto); position: relative; isolation: isolate; overflow: hidden; padding-top: clamp(40px, 6vw, 76px); padding-bottom: clamp(44px, 6vw, 72px); }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background:
  radial-gradient(55% 45% at 18% 0%, rgba(200, 182, 108, .24), transparent 70%),
  radial-gradient(40% 40% at 90% 100%, rgba(200, 182, 108, .10), transparent 70%); }
.hero::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .45; background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1.5px); background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 30% 20%, #000 10%, transparent 70%); mask-image: radial-gradient(ellipse 70% 60% at 30% 20%, #000 10%, transparent 70%); }
.hero .grade { display: grid; gap: 34px; }
.hero .olho { padding: 7px 14px 7px 10px; border: 1px solid rgba(200, 182, 108, .35); border-radius: 999px; background: rgba(255, 255, 255, .05); color: var(--dourado); }
.hero .olho::before { width: 8px; height: 8px; border-radius: 50%; background: var(--dourado); box-shadow: 0 0 0 0 rgba(200, 182, 108, .6); animation: online 2.4s ease-out infinite; }
.hero h1 { color: var(--branco); }
.hero h1 em { font-style: normal; background: linear-gradient(100deg, var(--dourado-claro) 0%, var(--dourado) 45%, var(--dourado-escuro) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero .sub { color: #C9C6BC; margin-bottom: 24px; }
.hero .provas ul { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0 0 34px; list-style: none; }
.hero .provas li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(200, 182, 108, .3); color: #E8E6DF; font-size: .86rem; font-weight: 600; opacity: 0; transform: translateY(10px); animation: sobe .6s var(--suave) forwards; }
.hero .provas li:nth-child(1) { animation-delay: .45s } .hero .provas li:nth-child(2) { animation-delay: .57s } .hero .provas li:nth-child(3) { animation-delay: .69s } .hero .provas li:nth-child(4) { animation-delay: .81s }
.hero .provas svg { width: 16px; height: 16px; fill: var(--dourado); flex: none; }
@keyframes sobe { to { opacity: 1; transform: none; } }
.hero .foto { display: none; }

/* prova do Google (selo) */
.nota { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; text-decoration: none; color: #E8E6DF; background: rgba(255, 255, 255, .06); border: 1px solid rgba(200, 182, 108, .35); border-radius: 999px; padding: 9px 16px 9px 12px; margin-bottom: 20px; font-size: .9rem; transition: background .2s, transform .2s, border-color .2s; }
.nota:hover { background: rgba(255, 255, 255, .1); transform: translateY(-1px); border-color: var(--dourado); }
.nota strong { color: var(--branco); font-family: "Poppins", sans-serif; }
.nota .g { width: 18px; height: 18px; flex: none; }
.estrelas { display: inline-flex; gap: 2px; }
.estrelas i { width: 15px; height: 15px; background: var(--dourado); clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); animation: estrela .6s cubic-bezier(.2, .9, .3, 1.4) both; }
.estrelas i:nth-child(2) { animation-delay: .08s } .estrelas i:nth-child(3) { animation-delay: .16s } .estrelas i:nth-child(4) { animation-delay: .24s } .estrelas i:nth-child(5) { animation-delay: .32s }
@keyframes estrela { from { transform: scale(0) rotate(-30deg); opacity: 0 } to { transform: scale(1) rotate(0); opacity: 1 } }

/* cartão do formulário */
.cartao { background: var(--branco); border-radius: var(--raio); box-shadow: var(--sombra-forte); padding: clamp(22px, 3vw, 32px); }
.cartao h2 { font-size: 1.35rem; margin-bottom: 4px; }
.cartao > .sub { font-size: .95rem; margin-bottom: 16px; }
.hero .cartao { position: relative; }
.hero .cartao::before { content: ""; position: absolute; inset: -2px; border-radius: calc(var(--raio) + 2px); padding: 2px; background: conic-gradient(from var(--ang, 0deg), var(--dourado), var(--dourado-claro), var(--dourado-escuro), var(--dourado)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: gira 7s linear infinite; z-index: 0; }
@property --ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes gira { to { --ang: 360deg; } }
.hero .cartao > * { position: relative; z-index: 1; }
.quem-responde { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; padding: 10px 12px; background: var(--areia); border: 1px solid var(--linha); border-radius: 12px; font-size: .88rem; color: var(--grafite); }
.quem-responde > img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; border: 2px solid var(--dourado); }
.quem-responde .avatares { display: flex; flex: none; }
.quem-responde .avatares img, .quem-responde .avatares i { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 2px solid var(--branco); margin-left: -10px; box-shadow: 0 0 0 1px var(--linha); }
.quem-responde .avatares > :first-child { margin-left: 0; }
.quem-responde .avatares i { display: grid; place-items: center; font-style: normal; font-family: "Poppins", sans-serif; font-weight: 600; font-size: .85rem; color: var(--preto); background: linear-gradient(135deg, var(--dourado-claro), var(--dourado)); }
.quem-responde strong { display: block; font-family: "Poppins", sans-serif; color: var(--preto); font-size: .92rem; }
.quem-responde .online { display: inline-flex; align-items: center; gap: 6px; color: var(--cinza); font-size: .8rem; }
.quem-responde .online.fora::before { background: #B8B3A6; animation: none; box-shadow: none; }
.quem-responde .online::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--verde-wpp); box-shadow: 0 0 0 0 rgba(37, 211, 102, .6); animation: online 2s ease-out infinite; }
@keyframes online { to { box-shadow: 0 0 0 8px rgba(37, 211, 102, 0); } }
.campo { display: block; margin-bottom: 13px; }
.hero .cartao .campo, .hero .cartao form .botao, .hero .cartao .miudo { opacity: 0; transform: translateY(8px); transition: opacity .5s ease, transform .5s var(--suave); }
.hero .cartao.visto .campo, .hero .cartao.visto form .botao, .hero .cartao.visto .miudo { opacity: 1; transform: none; }
.hero .cartao .campo:nth-of-type(1) { transition-delay: .25s } .hero .cartao .campo:nth-of-type(2) { transition-delay: .33s } .hero .cartao .campo:nth-of-type(3) { transition-delay: .41s } .hero .cartao form .botao { transition-delay: .5s } .hero .cartao .miudo { transition-delay: .58s }
.campo span { display: block; font-size: .84rem; font-weight: 600; color: var(--grafite); margin-bottom: 6px; }
.campo input, .campo select, .campo textarea { width: 100%; font: inherit; font-size: 1rem; padding: 13px 14px; border: 1.5px solid #D9D6CC; border-radius: var(--raio-p); background: var(--areia); color: var(--preto); transition: border-color .2s, box-shadow .2s, background .2s; }
.campo input:focus, .campo select:focus, .campo textarea:focus { outline: none; border-color: var(--dourado); box-shadow: 0 0 0 4px rgba(200, 182, 108, .22); background: var(--branco); }
.campo .erro { display: none; color: #B3261E; font-size: .8rem; font-style: normal; margin-top: 5px; }
.campo.invalido input, .campo.invalido select { border-color: #B3261E; }
.campo.invalido .erro { display: block; }
.botao { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; background: var(--verde-wpp); color: var(--branco); font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1.05rem; padding: 16px 22px; border: 0; border-radius: 12px; cursor: pointer; text-decoration: none; position: relative; overflow: hidden; transition: transform .2s var(--mola), box-shadow .25s, filter .15s; }
.botao:hover { filter: brightness(1.05); transform: translateY(-2px); box-shadow: 0 12px 30px rgba(37, 211, 102, .35); }
.botao:active { transform: scale(.98); }
.botao svg { width: 22px; height: 22px; fill: currentColor; }
.botao::after { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .45), transparent); transform: skewX(-20deg); animation: brilho 3.2s ease-in-out infinite; }
@keyframes brilho { 0%, 65% { left: -60% } 100% { left: 130% } }
.botao--dourado { background: var(--dourado); color: var(--preto); }
.botao--dourado:hover { box-shadow: 0 12px 30px rgba(200, 182, 108, .4); }
.botao--contorno { background: transparent; color: var(--branco); border: 1.5px solid var(--dourado); }
.botao.carregando { pointer-events: none; opacity: .85; }
.miudo { font-size: .78rem; color: var(--cinza); margin: 12px 0 0; text-align: center; display: flex; align-items: center; justify-content: center; gap: 6px; }
.miudo svg { width: 13px; height: 13px; fill: var(--cinza); flex: none; }
.isca { position: absolute; left: -9999px; }
.ou { display: flex; align-items: center; gap: 12px; color: var(--cinza); font-size: .8rem; margin: 16px 0 8px; }
.ou::before, .ou::after { content: ""; flex: 1; height: 1px; background: var(--linha); }
.direto { display: block; text-align: center; text-decoration: none; color: var(--grafite); font-size: .93rem; padding: 10px; border-radius: var(--raio-p); transition: background .2s; }
.direto:hover { background: var(--cinza-claro); }
.direto strong { color: var(--dourado-escuro); }

/* ===== formulário em dois passos, urgência, prova viva, portas ===== */
.campo.passo1 { border: 0; padding: 0; margin: 0 0 14px; min-width: 0; }
.campo.passo1 legend { display: block; font-size: .84rem; font-weight: 600; color: var(--grafite); margin-bottom: 8px; padding: 0; }
.etapa { display: inline-block; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: var(--dourado-escuro); font-weight: 600; margin-right: 8px; }
.etapa--2 { display: block; margin: 0 0 10px; }
.opcoes { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.opcao { position: relative; display: flex; align-items: center; min-height: 48px; padding: 10px 12px 10px 44px; border: 1.5px solid #D9D6CC; border-radius: var(--raio-p); background: var(--areia); font-size: .86rem; font-weight: 600; color: var(--grafite); cursor: pointer; transition: border-color .2s, background .2s, transform .15s var(--mola), box-shadow .2s; }
.opcao input { -webkit-appearance: none; appearance: none; position: absolute; left: 14px; top: 50%; width: 20px; height: 20px; margin: 0; transform: translateY(-50%); border: 2px solid #C9C4B6; border-radius: 50%; background: var(--branco); cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.opcao input:checked { border-color: var(--dourado-escuro); box-shadow: inset 0 0 0 5px var(--dourado); }
.opcao input:focus-visible { outline: 2px solid var(--dourado); outline-offset: 2px; }
.opcao:hover { border-color: var(--dourado); background: var(--branco); }
.opcao:has(input:checked) { border-color: var(--dourado); background: #FBF7E8; color: var(--preto); box-shadow: 0 0 0 3px rgba(200, 182, 108, .22); }
.opcao:active { transform: scale(.98); }
.campo.passo1.invalido .opcao { border-color: #B3261E; }
.js .passo2, .js form .botao, .js form .urgencia, .js form .miudo { display: none; }
.js form.pronto .passo2, .js form.pronto .urgencia, .js form.pronto .miudo { display: block; }
.js form.pronto .botao { display: inline-flex; }
.js form.pronto .passo2 { animation: sobe .45s var(--suave); }
.urgencia { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0 0; padding: 10px 12px; border-radius: var(--raio-p); background: #FBF7E8; border: 1px solid rgba(200, 182, 108, .5); color: var(--grafite); font-size: .82rem; line-height: 1.4; }
.urgencia svg { width: 16px; height: 16px; flex: none; margin-top: 2px; fill: none; stroke: var(--dourado-escuro); stroke-width: 2; stroke-linecap: round; }
.viva { display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: center; margin: 14px 0 0; font-size: .82rem; color: var(--cinza); text-align: center; }
.viva strong { color: var(--preto); font-family: "Poppins", sans-serif; }
.viva span { display: inline-flex; align-items: center; gap: 6px; }
.viva span::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--verde-wpp); }
.viva .preco::before { background: var(--dourado); }
.portas { display: grid; gap: 4px; }
.ligar strong { color: var(--preto); }
.hero .cartao .campo:nth-of-type(1), .hero .cartao .campo:nth-of-type(2), .hero .cartao .campo:nth-of-type(3) { transition-delay: .25s; }

/* ===== o que você recebe (exemplo de diagnóstico) ===== */
.recebe .grade { display: grid; gap: 36px; align-items: center; }
.recebe .lista { list-style: none; padding: 0; margin: 0 0 18px; display: grid; gap: 12px; }
.recebe .lista li { position: relative; padding-left: 30px; color: var(--cinza); font-size: .97rem; }
.recebe .lista li::before { content: ""; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border-radius: 50%; background: var(--dourado) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23111' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center / 11px no-repeat; }
.recebe .lista strong { color: var(--preto); }
.recebe .botao { width: auto; min-width: 260px; }
.recebe .miudo { margin-top: 10px; }
.doc { max-width: 420px; margin: 0 auto; background: var(--branco); border: 1px solid var(--linha); border-radius: 14px; box-shadow: var(--sombra-forte); padding: 18px 20px; font-size: .84rem; color: var(--grafite); position: relative; transform: rotate(-1.5deg); transition: transform .4s var(--suave); }
.doc:hover { transform: rotate(0); }
.doc-topo { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; margin-bottom: 8px; border-bottom: 2px solid var(--dourado); }
.doc-topo strong { font-family: "Poppins", sans-serif; letter-spacing: .12em; color: var(--preto); }
.doc-topo span { font-size: .72rem; color: var(--cinza); text-transform: uppercase; letter-spacing: .08em; }
.doc-linha { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px dashed #E6E3DA; }
.doc-linha strong { display: inline-flex; align-items: center; gap: 4px; color: var(--preto); }
.tarja { display: inline-block; height: 10px; border-radius: 5px; background: #E3E0D6; filter: blur(1.5px); }
.tarja.l { width: 46% } .tarja.m { width: 34% } .tarja.p { width: 16% } .tarja.c { width: 56px; height: 12px }
.tarja.ouro { background: var(--dourado); }
.doc-destaque { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 10px -8px; padding: 12px 10px; background: #FBF7E8; border-radius: 10px; border: 1px solid rgba(200, 182, 108, .5); }
.doc-destaque strong { display: inline-flex; align-items: center; gap: 4px; font-family: "Poppins", sans-serif; font-size: 1.1rem; color: var(--preto); }
.doc-rodape { margin-top: 12px; font-size: .74rem; color: var(--cinza); text-align: center; }

/* ===== teste rápido (sinais), incluso, documentos, segmentos, regra do MEI ===== */
.lista-sinais { list-style: none; padding: 0; margin: 24px 0 14px; display: grid; gap: 10px; max-width: 720px; }
.lista-sinais label { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: var(--branco); border: 1.5px solid var(--linha); border-radius: 12px; cursor: pointer; font-weight: 600; color: var(--grafite); transition: border-color .2s, background .2s; }
.lista-sinais label:hover { border-color: var(--dourado); }
.lista-sinais input { -webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin: 0; flex: none; border: 2px solid #C9C4B6; border-radius: 6px; background: var(--branco); cursor: pointer; display: grid; place-items: center; transition: border-color .2s, background .2s; }
.lista-sinais input:checked { border-color: var(--dourado-escuro); background: var(--dourado) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23111' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center / 14px no-repeat; }
.lista-sinais input:focus-visible { outline: 2px solid var(--dourado); outline-offset: 2px; }
.lista-sinais label:has(input:checked) { border-color: var(--dourado); background: #FBF7E8; color: var(--preto); }
.veredito { font-family: "Poppins", sans-serif; font-weight: 600; color: var(--preto); font-size: 1.05rem; max-width: 720px; min-height: 1.6em; }
.sinais .chamada-meio { text-align: left; margin-top: 18px; }
.grade-incluso { list-style: none; padding: 0; margin: 28px 0 12px; display: grid; gap: 12px; }
.grade-incluso li { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; background: var(--areia); border: 1px solid var(--linha); border-radius: 12px; font-size: .95rem; color: var(--grafite); }
.grade-incluso svg { width: 18px; height: 18px; fill: var(--dourado-escuro); flex: none; margin-top: 3px; }
.incluso .miudo { justify-content: flex-start; text-align: left; }
.documentos { display: grid; gap: 30px; align-items: center; }
.documentos .botao { width: auto; min-width: 260px; }
.checklist { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.checklist li { display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: var(--branco); border: 1px solid var(--linha); border-radius: 12px; font-weight: 600; color: var(--grafite); font-size: .95rem; }
.checklist li span { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--preto); color: var(--dourado); font-family: "Poppins", sans-serif; font-size: .85rem; flex: none; }
.chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 18px; }
.chips span { padding: 9px 16px; border-radius: 999px; background: var(--branco); border: 1px solid var(--linha); font-weight: 600; font-size: .88rem; color: var(--grafite); }
.regra { display: grid; gap: 12px; margin: 24px 0 8px; }
.regra div { background: var(--branco); border: 1px solid var(--linha); border-left: 4px solid var(--dourado); border-radius: 12px; padding: 14px 16px; }
.regra strong { display: block; font-family: "Poppins", sans-serif; font-size: 1.3rem; color: var(--preto); line-height: 1.1; margin-bottom: 4px; }
.regra span { font-size: .9rem; color: var(--cinza); }
.compara th:first-child { width: 18%; }

/* ===== teste rápido dentro das dores ===== */
.teste { display: grid; gap: 22px; margin-top: 34px; padding: 26px; background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); }
.teste h3 { margin-bottom: 14px; }
.teste .lista-sinais { margin: 0; max-width: none; }
.teste .lista-sinais label { background: var(--areia); }
.teste-resultado { display: flex; flex-direction: column; justify-content: center; gap: 16px; }
.teste-resultado .botao { width: auto; align-self: flex-start; }

/* ===== bento "sem letra miúda" (inspirado nos bento grids do 21st.dev) ===== */
.bento { display: grid; gap: 16px; margin-top: 34px; }
.bento-card { background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); padding: 24px; box-shadow: var(--sombra); }
.bento-card h3 { margin-bottom: 14px; }
.bento-card > .miudo { justify-content: flex-start; text-align: left; margin-top: 14px; }
.bento-incluso ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.bento-incluso li { display: flex; align-items: flex-start; gap: 10px; font-size: .93rem; color: var(--grafite); padding: 8px 10px; border-radius: 10px; background: var(--areia); }
.bento-incluso svg { width: 16px; height: 16px; fill: var(--dourado-escuro); flex: none; margin-top: 3px; }
.bento-docs .checklist li { padding: 10px 12px; font-size: .9rem; }
.bento-escuro { background: var(--preto); color: #E8E6DF; border-color: rgba(255, 255, 255, .08); }
.bento-escuro .olho { color: var(--dourado); margin-bottom: 8px; }
.bento-escuro strong, .bento-ouro strong { display: block; font-family: "Poppins", sans-serif; font-size: 2rem; line-height: 1; color: var(--branco); margin-bottom: 10px; }
.bento-escuro p { color: #C9C6BC; font-size: .93rem; margin: 0; }
.bento-escuro .estado { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-size: .82rem; font-weight: 600; color: var(--branco); }
.bento-escuro .estado::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--verde-wpp); }
.bento-escuro .estado.fechado::before { background: #B8B3A6; }
.bento-ouro { background: linear-gradient(135deg, var(--dourado) 0%, #D8C98C 100%); border-color: transparent; color: var(--preto); }
.bento-ouro strong { color: var(--preto); font-size: 1.5rem; }
.bento-ouro p { font-size: .93rem; margin: 0 0 16px; color: #3A3520; }
.bento-ouro .botao { width: auto; background: var(--preto); color: var(--dourado); box-shadow: none; }
.bento-ouro .botao:hover { box-shadow: 0 12px 30px rgba(17, 17, 17, .3); }
.atende { margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--linha); }
.atende p { margin: 0 0 6px; color: var(--cinza); font-size: .95rem; }
.atende strong { color: var(--preto); }
.atende .chips { margin: 12px 0 0; }

/* ===== faixa de números ===== */
.faixa { background: linear-gradient(90deg, #BFAB60, var(--dourado) 35%, #D8C98C 65%, var(--dourado)); color: var(--preto); padding: 22px 0; }
.faixa-grade { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px 12px; text-align: center; }
.faixa strong { display: block; font-family: "Poppins", sans-serif; font-size: clamp(1.9rem, 4vw, 2.6rem); line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.faixa span { font-size: .82rem; font-weight: 600; letter-spacing: .02em; display: block; margin-top: 4px; }
.faixa .contador { display: inline-block; filter: blur(8px); opacity: .35; transition: filter .8s var(--suave), opacity .8s; }
.faixa .contador.ativo { filter: none; opacity: 1; }

/* ===== cartões (dores e passos) ===== */
.tres { display: grid; gap: 18px; margin-top: 34px; }
.bloco { position: relative; background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); padding: 28px 26px; box-shadow: var(--sombra); overflow: hidden; transition: transform .35s var(--suave), box-shadow .35s, border-color .35s; }
.bloco::before { content: ""; position: absolute; inset: 0; background: radial-gradient(380px circle at var(--mx, 50%) var(--my, 0%), rgba(200, 182, 108, .22), transparent 55%); opacity: 0; transition: opacity .4s; pointer-events: none; }
.bloco::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--dourado-escuro), var(--dourado-claro), var(--dourado)); transform: scaleX(0); transform-origin: 0 50%; transition: transform .45s var(--suave); }
.bloco:hover { transform: translateY(-5px); box-shadow: var(--sombra-forte); border-color: rgba(200, 182, 108, .6); }
.bloco:hover::before, .bloco:hover::after { opacity: 1; transform: none; }
.bloco > * { position: relative; }
.bloco .icone { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, #FBF7E8, var(--dourado-claro)); color: var(--dourado-escuro); margin-bottom: 16px; }
.bloco .icone svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bloco .dor { display: inline-flex; align-items: center; gap: 7px; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: var(--dourado-escuro); margin-bottom: 10px; }
.bloco .dor::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--dourado); }
.bloco p { color: var(--cinza); margin: 0; font-size: .95rem; }
.bloco .num { width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--dourado); color: var(--dourado); display: grid; place-items: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1.1rem; margin-bottom: 16px; background: var(--preto); }
.secao--preta .bloco { background: #181818; border-color: rgba(255, 255, 255, .08); box-shadow: none; }
.secao--preta .bloco::before { background: radial-gradient(380px circle at var(--mx, 50%) var(--my, 0%), rgba(200, 182, 108, .16), transparent 55%); }
.secao--preta .bloco:hover { border-color: rgba(200, 182, 108, .55); box-shadow: 0 20px 50px rgba(0, 0, 0, .45); }
.secao--preta .bloco h3 { color: var(--branco); }
.secao--preta .bloco p { color: #C9C6BC; }
.tres--passos { position: relative; }
.chamada-meio { text-align: center; margin: 34px 0 0; }
.chamada-meio .botao { width: auto; min-width: 280px; }

/* ===== tabela comparativa ===== */
.compara { position: relative; margin-top: 44px; }
.compara-selo { position: absolute; top: -14px; left: 81%; transform: translateX(-50%); background: var(--preto); color: var(--dourado); font-family: "Poppins", sans-serif; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; padding: 6px 14px; border-radius: 999px; z-index: 2; white-space: nowrap; box-shadow: var(--sombra); }
.compara table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); overflow: hidden; box-shadow: var(--sombra); table-layout: fixed; }
.compara th, .compara td { padding: 15px 18px; text-align: left; border-bottom: 1px solid #EEECE5; vertical-align: middle; font-size: .95rem; }
.compara th { font-family: "Poppins", sans-serif; font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; color: var(--cinza); background: var(--areia); }
.compara th:first-child { width: 22%; }
.compara th[scope=row] { font-weight: 600; color: var(--preto); font-size: .9rem; background: transparent; text-transform: none; letter-spacing: 0; font-family: "Montserrat", sans-serif; }
.compara td:nth-child(2), .compara td:nth-child(3) { color: var(--cinza); }
.compara .agos { background: #FBF7E8; color: var(--preto); font-weight: 600; }
.compara th.agos { background: var(--dourado); color: var(--preto); }
.compara .x, .compara .v { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; margin-right: 9px; vertical-align: -5px; flex: none; }
.compara .x { background: #EEECE5; } .compara .x svg { width: 10px; height: 10px; stroke: #9A9689; stroke-width: 2.5; fill: none; stroke-linecap: round; }
.compara .v { background: var(--preto); } .compara .v svg { width: 12px; height: 12px; fill: var(--dourado); }
.compara tbody td { transition: background .2s; }
.compara tbody tr:hover td:not(.agos) { background: var(--areia); }
.compara tr:last-child td { border-bottom: 0; }

/* ===== esteira de depoimentos (duas linhas, sentidos opostos) ===== */
.depoimentos .sub a { font-weight: 600; }
.esteira { overflow: hidden; margin-top: 30px; display: grid; gap: 16px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.trilho { display: flex; gap: 16px; width: max-content; animation: esteira var(--dur, 50s) linear infinite; }
.trilho--inverso { animation-direction: reverse; }
.esteira:hover .trilho { animation-play-state: paused; }
@keyframes esteira { to { transform: translateX(calc(-50% - 8px)); } }
.dep { flex: 0 0 320px; margin: 0; background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); padding: 20px; box-shadow: var(--sombra); display: flex; flex-direction: column; gap: 10px; }
.dep header { display: flex; align-items: center; gap: 10px; }
.dep .avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-family: "Poppins", sans-serif; font-weight: 600; color: var(--preto); background: linear-gradient(135deg, var(--dourado-claro), var(--dourado)); flex: none; }
.dep header strong { display: block; font-family: "Poppins", sans-serif; color: var(--preto); font-size: .93rem; line-height: 1.2; }
.dep header span { color: var(--cinza); font-size: .78rem; }
.dep p { margin: 0; font-size: .92rem; color: var(--grafite); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.dep footer { display: flex; justify-content: space-between; align-items: center; font-size: .74rem; color: var(--cinza); margin-top: auto; }
.dep .google { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.dep .google svg { width: 14px; height: 14px; }
.dep .estrelas i { width: 13px; height: 13px; animation: none; }

.video { position: relative; padding-top: 125%; border-radius: var(--raio); overflow: hidden; box-shadow: var(--sombra-forte); }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ===== quem cuida ===== */
.quem { display: grid; gap: 40px; align-items: center; }
.quem figure { position: relative; margin: 0 14px 14px 0; max-width: 320px; }
.quem figure::before { content: ""; position: absolute; inset: 14px -14px -14px 14px; border: 1.5px solid var(--dourado); border-radius: var(--raio); }
.quem img { position: relative; width: 100%; height: auto; border-radius: var(--raio); box-shadow: var(--sombra-forte); display: block; }
.quem .selo-nota { position: absolute; z-index: 2; right: -10px; bottom: 22px; background: var(--preto); color: var(--branco); border-radius: 12px; padding: 9px 14px; box-shadow: var(--sombra-forte); font-size: .78rem; line-height: 1.2; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(200, 182, 108, .45); text-decoration: none; }
.quem .selo-nota strong { font-family: "Poppins", sans-serif; color: var(--dourado); font-size: 1.15rem; }
.quem .selo { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.quem .selo span { display: inline-flex; align-items: center; gap: 8px; background: var(--areia); border: 1px solid var(--linha); border-radius: 999px; padding: 7px 14px 7px 8px; font-size: .84rem; font-weight: 600; }
.quem .selo span::before { content: ""; width: 18px; height: 18px; border-radius: 50%; flex: none; background: var(--dourado) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23111' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center / 11px no-repeat; }
.quem > div { min-width: 0; }
.quem .redes { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.quem .redes a { font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.equipe { display: grid; gap: 14px; margin-top: 44px; padding-top: 34px; border-top: 1px solid var(--linha); }
.pessoa { display: flex; align-items: center; gap: 14px; background: var(--areia); border: 1px solid var(--linha); border-radius: 14px; padding: 14px 16px; transition: transform .3s var(--suave), box-shadow .3s, border-color .3s; }
.pessoa:hover { transform: translateY(-3px); box-shadow: var(--sombra); border-color: rgba(200, 182, 108, .6); }
.pessoa img, .pessoa .inicial { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex: none; border: 2px solid var(--dourado); }
.pessoa .inicial { display: grid; place-items: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1.3rem; color: var(--preto); background: linear-gradient(135deg, var(--dourado-claro), var(--dourado)); }
.pessoa strong { display: block; font-family: "Poppins", sans-serif; color: var(--preto); font-size: .95rem; line-height: 1.2; }
.pessoa span { color: var(--cinza); font-size: .82rem; line-height: 1.35; display: block; margin-top: 2px; }

/* ===== perguntas ===== */
.perguntas details { background: var(--branco); border: 1px solid var(--linha); border-radius: 14px; margin-bottom: 10px; overflow: hidden; transition: border-color .25s, box-shadow .25s; }
.perguntas details[open] { border-color: rgba(200, 182, 108, .7); box-shadow: var(--sombra); }
.perguntas summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 17px 18px; font-family: "Poppins", sans-serif; font-weight: 600; font-size: .98rem; color: var(--preto); }
.perguntas summary::-webkit-details-marker { display: none; }
.perguntas summary::after { content: "+"; flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--areia); border: 1px solid var(--linha); color: var(--dourado-escuro); font-size: 1.3rem; line-height: 1; font-family: "Montserrat", sans-serif; transition: transform .35s var(--suave), background .25s, color .25s; }
.perguntas details[open] summary::after { transform: rotate(45deg); background: var(--dourado); border-color: var(--dourado); color: var(--preto); }
.perguntas .resposta { padding: 0 18px 18px; color: var(--cinza); font-size: .97rem; }
.perguntas .resposta p { margin: 0; }

/* ===== chamada final ===== */
.final { text-align: center; background: var(--preto); color: #E8E6DF; position: relative; isolation: isolate; overflow: hidden; }
.final::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(50% 60% at 50% 100%, rgba(200, 182, 108, .22), transparent 70%); }
.final h2 { color: var(--branco); margin-left: auto; margin-right: auto; }
.final .sub { color: #C9C6BC; margin: 0 auto 24px; }
.final .botao { width: auto; min-width: 300px; }
.final .miudo { color: #A9A69C; margin-top: 16px; }
.final .miudo .estrelas i { width: 12px; height: 12px; }

/* ===== rodapé ===== */
.rodape { background: var(--preto); color: #A9A69C; font-size: .84rem; padding: 36px 0; border-top: 1px solid rgba(255, 255, 255, .08); }
.rodape .container { display: grid; gap: 20px; align-items: center; }
.rodape img { height: 40px; width: auto; display: block; margin-bottom: 12px; }
.rodape a { color: var(--dourado); text-decoration: none; }
.rodape p { margin: 4px 0; }
.rodape .copy { margin-top: 10px; font-size: .78rem; color: #8F8B80; }

/* ===== botão flutuante ===== */
.flutuante { position: fixed; right: 18px; bottom: 18px; width: 60px; height: 60px; border-radius: 50%; background: var(--verde-wpp); display: grid; place-items: center; box-shadow: 0 8px 24px rgba(0, 0, 0, .25); z-index: 50; transition: transform .25s var(--mola); }
.flutuante:hover { transform: scale(1.06); }
.flutuante svg { width: 32px; height: 32px; fill: var(--branco); }
.flutuante::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--verde-wpp); animation: pulso 2s ease-out infinite; z-index: -1; }
@keyframes pulso { 0% { transform: scale(1); opacity: .6 } 100% { transform: scale(1.8); opacity: 0 } }
.flutuante .rotulo { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); background: var(--preto); color: var(--branco); font-size: .84rem; font-weight: 600; padding: 8px 12px; border-radius: 10px; white-space: nowrap; opacity: 0; animation: rotulo .5s var(--suave) 3s forwards; box-shadow: var(--sombra); border: 1px solid rgba(200, 182, 108, .4); }
@keyframes rotulo { to { opacity: 1; transform: translateY(-50%); } }

/* ===== barra fixa do celular ===== */
.barra-celular { display: none; }

/* ===== obrigado ===== */
.obrigado { min-height: 70vh; display: grid; place-items: center; text-align: center; padding: 60px 0; }
.obrigado .cartao { max-width: 560px; }
.obrigado .botao { margin-top: 8px; }

/* ===== revelação ao rolar ===== */
.revela { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s var(--suave); }
.revela.visto { opacity: 1; transform: none; }
.atraso-1 { transition-delay: .12s } .atraso-2 { transition-delay: .24s } .atraso-3 { transition-delay: .36s }
.hero h1 .palavra { display: inline-block; opacity: 0; transform: translateY(.4em); animation: palavra .6s var(--suave) forwards; }
.hero h1 em .palavra { background: linear-gradient(100deg, var(--dourado-claro) 0%, var(--dourado) 45%, var(--dourado-escuro) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
@keyframes palavra { to { opacity: 1; transform: none } }

/* ===== telas maiores ===== */
@media (min-width: 720px) {
  .faixa-grade { grid-template-columns: repeat(4, 1fr); }
  .faixa-grade > div + div { border-left: 1px solid rgba(17, 17, 17, .14); }
  .tres { grid-template-columns: repeat(3, 1fr); gap: 22px; }
  .tres--passos::before { content: ""; position: absolute; left: 6%; right: 6%; top: 50px; border-top: 1px dashed rgba(200, 182, 108, .45); }
  .rodape .container { grid-template-columns: 1fr 1fr; }
  .rodape .direita { text-align: right; }
  .grade-incluso { grid-template-columns: repeat(2, 1fr); }
  .regra { grid-template-columns: repeat(3, 1fr); }
  .teste { grid-template-columns: 1.2fr .8fr; }
  .bento { grid-template-columns: 1.15fr 1fr 1fr; grid-template-areas: "incluso incluso docs" "atend ouro docs"; }
  .bento-incluso { grid-area: incluso; } .bento-docs { grid-area: docs; } .bento-escuro { grid-area: atend; } .bento-ouro { grid-area: ouro; }
  .bento-incluso ul { grid-template-columns: 1fr 1fr; }
  .equipe { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
  .hero .grade { grid-template-columns: 1.1fr .9fr; gap: clamp(28px, 5vw, 64px); align-items: start; }
  .hero .foto { display: block; position: relative; margin: 36px 14px 0 0; max-width: 300px; }
  .hero .foto::before { content: ""; position: absolute; inset: 14px -14px -14px 14px; border: 1.5px solid rgba(200, 182, 108, .6); border-radius: var(--raio); }
  .hero .foto img { position: relative; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; display: block; border-radius: var(--raio); box-shadow: var(--sombra-forte); }
  .hero .foto figcaption { position: absolute; left: 16px; bottom: -18px; z-index: 2; background: var(--branco); color: var(--preto); border-left: 4px solid var(--dourado); padding: 10px 16px; border-radius: 8px; box-shadow: var(--sombra-forte); font-size: .88rem; white-space: nowrap; }
  .hero .foto figcaption strong { display: block; font-family: "Poppins", sans-serif; }
  .quem { grid-template-columns: 320px 1fr; gap: 56px; }
  .documentos { grid-template-columns: 1fr 1.1fr; gap: 56px; }
  .recebe .grade { grid-template-columns: .9fr 1.1fr; gap: 64px; }
  .equipe { grid-template-columns: repeat(4, 1fr); }
}

/* ===== celular ===== */
@media (max-width: 899px) {
  .topo .fone { display: none; }
  .barra-celular { display: grid; grid-template-columns: 1fr 1fr 52px; gap: 8px; position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); padding: 10px; background: rgba(17, 17, 17, .92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(200, 182, 108, .35); border-radius: 18px; box-shadow: 0 -6px 30px rgba(0, 0, 0, .35); z-index: 60; transform: translateY(140%); transition: transform .5s var(--mola); }
  .barra-celular.mostra { transform: none; }
  .barra-celular .botao { padding: 13px 8px; font-size: .9rem; border-radius: 12px; }
  .barra-celular .botao--contorno { padding: 0; }
  .barra-celular .botao--contorno svg { width: 22px; height: 22px; fill: var(--dourado); }
  .flutuante { display: none; }
  body { padding-bottom: 88px; }
  .final .botao { width: 100%; min-width: 0; }
}
@media (max-width: 719px) {
  .tres--passos .bloco { display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; background: transparent; border: 0; box-shadow: none; padding: 0 0 26px; border-radius: 0; overflow: visible; position: relative; }
  .tres--passos .bloco::before, .tres--passos .bloco::after { display: none; }
  .tres--passos .bloco .num { margin: 0; grid-row: 1 / span 2; }
  .tres--passos .bloco h3 { margin: 10px 0 4px; }
  .tres--passos .bloco p { grid-column: 2; }
  .tres--passos .bloco:not(:last-child) .num::after { content: ""; position: absolute; left: 21px; top: 48px; bottom: 0; border-left: 1px dashed rgba(200, 182, 108, .5); }
  .tres--passos .bloco:hover { transform: none; }
  .tres { gap: 0; }
  .tres:not(.tres--passos) { gap: 18px; }
}
@media (max-width: 699px) {
  .opcoes { grid-template-columns: 1fr; }
  .opcao { min-height: 44px; }
  .compara { margin-top: 30px; }
  .compara-selo { position: static; transform: none; display: inline-block; margin-bottom: 12px; }
  .compara table, .compara tbody, .compara tr, .compara td, .compara th[scope=row] { display: block; }
  .compara thead { display: none; }
  .compara tr { padding: 14px 16px; border-bottom: 1px solid #EEECE5; }
  .compara tr:last-child { border-bottom: 0; }
  .compara td { padding: 3px 0; border: 0; }
  .compara th[scope=row] { display: block; font-family: "Poppins", sans-serif; font-size: .95rem; margin-bottom: 4px; padding: 3px 0; border: 0; }
  .compara td[data-r]::before { content: attr(data-r) ": "; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; color: var(--cinza); display: block; margin-bottom: 2px; }
  .compara td.agos { border-radius: 8px; padding: 8px 10px; margin-top: 6px; }
  .compara td.agos::before { color: var(--dourado-escuro); }
  .compara tbody tr:hover td:not(.agos) { background: transparent; }
  .dep { flex-basis: 280px; }
  .hero .provas li { font-size: .82rem; padding: 7px 12px; }
}

/* ===== menos movimento ===== */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .revela, .hero .cartao .campo, .hero .cartao form .botao, .hero .cartao .miudo { opacity: 1; transform: none; transition: none; }
  .trilho, .botao::after, .hero .cartao::before, .flutuante::before, .estrelas i, .hero h1 .palavra, .hero .provas li, .flutuante .rotulo, .quem-responde .online::before { animation: none !important; }
  .hero h1 .palavra, .hero .provas li, .flutuante .rotulo { opacity: 1; transform: none; }
  .flutuante .rotulo { transform: translateY(-50%); }
  .faixa .contador { filter: none; opacity: 1; transition: none; }
  .bloco, .botao, .barra-celular, .perguntas summary::after, .pessoa, .doc, .opcao { transition: none; }
  .js form.pronto .passo2 { animation: none; }
  .doc { transform: none; }
}
.nota-legal { margin-top: 10px; font-size: .74rem; line-height: 1.45; color: var(--cinza); }
.hero .confianca { margin-top: 10px; font-size: .8rem; color: var(--cinza); }
#regioes { margin-top: 28px; font-size: .95rem; }