/* O visual da landing de vendas do Márcio (16/10/2026), em CSS estático.
   Serve a raiz, a /assinar e a página de erro. As medidas e as cores do
   desktop são as do desenho dele (estilo inline do .dc.html); as regras de
   celular, no fim, são nossas (o desenho não tinha nenhuma). Fontes do
   próprio site (fontes/LICENCA-OFL.txt): nada de Google Fonts nem de outro
   fornecedor. */

@font-face{font-family:"Familjen Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url("/fontes/familjen-grotesk-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Azeret Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url("/fontes/azeret-mono-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --tinta:#1C221E;--nevoa:#F5F4EE;--papel:#E8E3D3;--branco:#FFFFFF;
  --verde:#1F6B4A;--verde-hover:#278159;--verde-fundo:#0E3527;--verde-claro:#4FA37B;--menta:#CFE3D8;
  --linha-escura:#3B423C;--borda:#4E554D;--cinza:#4E554D;--cinza-claro:#B9BFB6;--claro-2:#D6D9CD;
  --linha-clara:#D6D9CD;--areia:#C6CBBA;--nevoa-2:#E9EBE0;--apagado:#8C948B;
  --grade:#2B332D;--grade-2:#252D27;
  --sans:"Familjen Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"Azeret Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --lado:40px;--secao:88px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Sem line-height no corpo, como no desenho: o "normal" de cada fonte. */
body{margin:0;background:var(--tinta);color:var(--tinta);font-family:var(--sans);font-size:16px}
.pagina{background:var(--nevoa);color:var(--tinta);min-height:100vh;display:flex;flex-direction:column}
.pagina>main{flex:1}
a{color:var(--verde-claro);text-decoration:none}
a:hover{color:var(--nevoa)}
h1,h2,h3,p{margin:0}
h3{font-size:inherit}
strong{font-weight:600}
[hidden]{display:none!important}
section[id]{scroll-margin-top:110px}
:focus-visible{outline:3px solid var(--foco,var(--verde));outline-offset:3px}
/* 1200 px de conteúdo, como no desenho do Márcio (lá, max-width:1200px com
   padding por fora); aqui o padding fica dentro (border-box) e entra na conta. */
.dentro{max-width:calc(1200px + 2 * var(--lado));margin:0 auto;padding-left:var(--lado);padding-right:var(--lado)}

/* Rótulos em caixa alta (Azeret Mono) */
.rotulo{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza)}
.rotulo-verde{color:var(--verde)}
.rotulo-fundo{color:var(--verde-fundo)}
.rotulo-claro{color:var(--verde-claro)}

/* Títulos */
.titulo{font-size:clamp(30px,2.4vw + 17px,46px);line-height:1.06;font-weight:600;letter-spacing:-.03em}
.titulo-menor{font-size:clamp(30px,2vw + 18px,42px);line-height:1.08}
.titulo-faq{font-size:clamp(30px,1.9vw + 15.7px,40px);line-height:1.08}
.titulo-18{max-width:18em}
.titulo-20{max-width:20em}

/* Botões */
.bt{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:600;font-size:15px;padding:16px 28px}
.bt-verde{background:var(--verde);color:var(--nevoa)}
.bt-verde:hover{background:var(--verde-hover);color:var(--nevoa)}
.bt-verde-escuro:hover{background:var(--verde-fundo)}
.bt-tinta{background:var(--tinta);color:var(--nevoa)}
.bt-tinta:hover{background:var(--verde-fundo);color:var(--nevoa)}
.bt-claro{background:var(--nevoa);color:var(--verde-fundo)}
.bt-claro:hover{background:var(--branco);color:var(--verde-fundo)}
.bt-contorno{border:1px solid var(--borda);color:var(--nevoa);font-weight:500}
.bt-contorno:hover{border-color:var(--nevoa);color:var(--nevoa)}
.bt-contorno-verde{border:1px solid var(--verde-claro);color:var(--nevoa);font-weight:500}
.bt-contorno-verde:hover{border-color:var(--nevoa);color:var(--nevoa)}
.bt-grande{font-size:17px;padding:19px 34px}
.bt-contorno-verde.bt-grande{padding:18px 32px}

/* Faixa do alto */
.faixa{background:var(--verde);color:var(--nevoa)}
.faixa-dentro{padding-top:11px;padding-bottom:11px;display:flex;align-items:center;justify-content:center;gap:6px 14px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:center}
.faixa-sep{opacity:.5}

/* Topo */
.topo{position:sticky;top:0;z-index:20;background:var(--tinta);border-bottom:1px solid var(--linha-escura);--foco:var(--verde-claro)}
.topo-dentro{padding-top:16px;padding-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:14px;color:var(--nevoa)}
a.marca:hover{color:var(--nevoa)}
/* content-box, como no desenho: a borda fica fora dos 28 px */
.marca-simbolo{box-sizing:content-box;width:28px;height:28px;border:1.4px solid var(--nevoa);display:flex;align-items:center;justify-content:center;flex:none}
.marca-simbolo::after{content:"";width:12px;height:12px;background:var(--nevoa);transform:rotate(45deg)}
.marca-nome{font-size:20px;font-weight:600;letter-spacing:.06em}
.topo-acoes{display:flex;align-items:center;gap:10px}
.topo-acoes .bt{font-size:14px;padding:11px 20px;white-space:nowrap}
.topo-acoes .bt-verde{padding:12px 24px}

/* Abertura */
.abertura{background-color:var(--tinta);background-image:repeating-linear-gradient(0deg,var(--grade) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,var(--grade) 0 1px,transparent 1px 26px);--foco:var(--verde-claro)}
.abertura-grade{padding-top:96px;padding-bottom:84px;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.abertura-texto{display:flex;flex-direction:column;gap:28px;min-width:0}
.abertura-sobre{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--verde-claro)}
.abertura h1{font-size:clamp(38px,4.75vw + 15.2px,76px);line-height:.98;font-weight:600;letter-spacing:-.035em;color:var(--nevoa);text-wrap:pretty}
.abertura-linha{font-size:clamp(17px,.5vw + 15px,20px);line-height:1.55;color:var(--claro-2);max-width:32em}
.abertura-linha strong{color:var(--nevoa)}
.abertura-acao{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-top:4px}
.abertura-acao-nota{font-size:14px;line-height:1.5;color:var(--cinza-claro)}
.numeros{display:grid;grid-template-columns:repeat(3,auto);column-gap:44px;row-gap:16px;border-top:1px solid var(--linha-escura);padding-top:22px;margin-top:8px;justify-content:start}
.numero{display:flex;flex-direction:column;gap:5px}
.numero-valor{font-family:var(--mono);font-size:26px;font-weight:600;color:var(--nevoa)}
.numero-rotulo{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza-claro)}

/* Cartão do exemplo */
.exemplo{background:var(--nevoa);border:1px solid var(--linha-escura);min-width:0}
.exemplo-cabeca{padding:14px 20px;border-bottom:1px solid var(--linha-clara);display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza)}
.exemplo-cabeca-verde{color:var(--verde)}
.exemplo-corpo{padding:24px 20px;display:flex;flex-direction:column;gap:20px}
.barra{display:flex;flex-direction:column;gap:9px}
.barra-linha{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.barra-rotulo{font-size:14px;color:var(--cinza)}
.barra-valor{font-family:var(--mono);font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
.barra-valor-verde{color:var(--verde)}
.barra-cheia{height:14px;background:var(--areia)}
.barra-trilho{height:14px;background:var(--nevoa-2);display:flex}
.barra-trilho::before{content:"";width:28%;background:var(--verde)}
.destaque{padding:22px;display:flex;flex-direction:column;gap:7px}
.destaque-fundo{background:var(--verde-fundo)}
.destaque-verde{background:var(--verde)}
.destaque-rotulo{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--verde-claro)}
.destaque-verde .destaque-rotulo{color:var(--menta)}
.destaque-valor{font-family:var(--mono);font-size:clamp(26px,1.2vw + 20px,32px);font-weight:600;letter-spacing:-.02em;color:var(--nevoa);font-variant-numeric:tabular-nums}
.exemplo-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:14px;border-top:1px solid var(--nevoa-2)}
.exemplo-total-rotulo{font-size:14px;font-weight:600}
.exemplo-total-valor{font-family:var(--mono);font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Seções claras e escuras */
.secao{padding-top:var(--secao);padding-bottom:var(--secao)}
.clara{background:var(--nevoa);border-bottom:1px solid var(--linha-clara)}
.papel{background:var(--papel);border-bottom:1px solid var(--areia)}
.papel.secao{padding-top:calc(var(--secao) - 8px);padding-bottom:calc(var(--secao) - 8px)}
.escura{background:var(--tinta);color:var(--nevoa);border-bottom:1px solid var(--linha-escura);--foco:var(--verde-claro)}
.pilha{display:flex;flex-direction:column;gap:16px}
.pilha-18{gap:18px}
.cabeca{display:flex;justify-content:space-between;align-items:end;gap:20px 48px;flex-wrap:wrap}
.cabeca-texto{font-size:15px;line-height:1.65;color:var(--cinza);max-width:24em}

/* O retorno */
.retorno-dentro{display:flex;flex-direction:column;gap:44px}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linha-clara);border:1px solid var(--linha-clara)}
.retorno-item{background:var(--nevoa);padding:34px 30px;display:flex;flex-direction:column;gap:12px}
.retorno-item-escuro{background:var(--tinta)}
.retorno-rotulo{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza)}
.retorno-item-escuro .retorno-rotulo{color:var(--verde-claro)}
.retorno-valor{font-family:var(--mono);font-size:clamp(34px,1.25vw + 28px,44px);font-weight:600;letter-spacing:-.02em}
.retorno-valor-verde{color:var(--verde)}
.retorno-item-escuro .retorno-valor{color:var(--nevoa)}
.retorno-texto{font-size:14.5px;line-height:1.6;color:var(--cinza)}
.retorno-item-escuro .retorno-texto{color:var(--cinza-claro)}
.retorno-caixa{background:var(--papel);border:1px solid var(--areia);padding:30px 32px;display:flex;gap:24px 32px;align-items:center;flex-wrap:wrap}
.retorno-caixa-texto{flex:1 1 24em;min-width:0;font-size:17px;line-height:1.55;color:var(--tinta)}
.retorno-caixa .bt{white-space:nowrap}

/* Comparativo */
.comparativo-dentro{display:flex;flex-direction:column;gap:40px}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lado{border:1px solid var(--linha-escura);padding:32px 30px;display:flex;flex-direction:column;gap:20px}
.lado-nolvare{border-color:var(--verde);background:var(--verde-fundo)}
.lado-rotulo{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza-claro)}
.lado-nolvare .lado-rotulo{color:var(--verde-claro)}
.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.lista li{display:grid;grid-template-columns:16px 1fr;gap:12px;align-items:start;font-size:15.5px;line-height:1.55;color:var(--cinza-claro)}
.lista li::before{content:"";width:9px;height:1.5px;background:var(--apagado);margin-top:11px}
.lista-nolvare li{color:var(--nevoa)}
.lista-nolvare li::before{width:8px;height:8px;background:var(--verde-claro);transform:rotate(45deg);margin-top:8px}

/* O que entra */
.entrega-dentro{display:flex;flex-direction:column;gap:44px}
.entrega-rotulo{margin-bottom:18px}
.entrega-item{background:var(--nevoa);padding:32px 28px;display:flex;flex-direction:column;gap:11px}
.entrega-num{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--verde)}
.entrega-titulo{font-size:19px;font-weight:600;line-height:1.28;min-height:2.56em}
.entrega-texto{font-size:14px;line-height:1.6;color:var(--cinza)}

/* eSocial e "ensina" */
.meio{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.meio-centro{align-items:center}
.meio-texto{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.meio-paragrafo{font-size:17px;line-height:1.65;color:var(--linha-escura)}
.clara .meio-paragrafo{color:var(--cinza)}
/* A nota do alcance do eSocial (nossa, aprovada pelo Alan em 16/10/2026):
   a letra miúda da própria seção, na cor do parágrafo dela (#3B423C) e no
   tamanho do texto do quadro ao lado (14,5 px). */
.meio-nota{font-size:14.5px;line-height:1.65;color:var(--linha-escura)}
.quadro{background:var(--verde-fundo);padding:38px 34px;display:flex;flex-direction:column;gap:20px}
.quadro-rotulo{display:flex;gap:12px;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--verde-claro)}
.quadro-rotulo::before{content:"";width:9px;height:9px;background:var(--verde-claro);transform:rotate(45deg)}
.quadro-frase{font-size:24px;line-height:1.3;font-weight:500;color:var(--nevoa)}
.quadro-linha{height:1px;background:var(--verde)}
.quadro-texto{font-size:14.5px;line-height:1.65;color:var(--cinza-claro)}
.passos{border:1px solid var(--linha-clara);display:flex;flex-direction:column;list-style:none;margin:0;padding:0}
.passos li{padding:26px 30px;border-bottom:1px solid var(--linha-clara);display:flex;gap:20px;align-items:start}
.passos li:last-child{border-bottom:0}
.meio-texto .passos{align-self:stretch}
.passos-num{font-family:var(--mono);font-size:11px;color:var(--verde);padding-top:4px}
.passos-titulo{font-size:18px;font-weight:600}
.passos-texto{font-size:14.5px;line-height:1.6;color:var(--cinza);margin-top:6px}

/* A oferta */
.oferta{background-color:var(--tinta);color:var(--nevoa);background-image:repeating-linear-gradient(0deg,var(--grade-2) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,var(--grade-2) 0 1px,transparent 1px 26px);--foco:var(--verde-claro)}
.oferta-dentro{padding-top:92px;padding-bottom:92px;display:flex;flex-direction:column;gap:36px}
.oferta .cabeca-texto{font-size:16px;line-height:1.6;color:var(--cinza-claro);max-width:26em}
.titulo-oferta{font-size:clamp(34px,2.8vw + 20px,54px);line-height:1.02;max-width:16em}
.teste{background:var(--verde);padding:30px 32px;display:flex;gap:20px 28px;align-items:center;flex-wrap:wrap;--foco:var(--nevoa)}
.teste-rotulo{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--menta);min-width:110px}
.teste-texto{flex:1 1 22em;min-width:0;font-size:17px;line-height:1.55;color:var(--nevoa)}
.teste .bt{white-space:nowrap}
.plano{border:1px solid var(--linha-escura);padding:36px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.plano-anual{border:0;background:var(--nevoa);color:var(--tinta);--foco:var(--verde)}
.plano-corpo{display:flex;flex-direction:column;gap:10px}
.plano-cabeca{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.plano-rotulo{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza-claro)}
.plano-anual .plano-rotulo{color:var(--verde)}
.plano-selo{background:var(--verde);color:var(--nevoa);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px}
.preco{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.preco-moeda{font-size:20px;font-weight:500;color:var(--nevoa)}
.preco-valor{font-family:var(--mono);font-size:56px;font-weight:600;letter-spacing:-.02em;color:var(--nevoa)}
.preco-periodo{font-size:16px;color:var(--cinza-claro)}
.preco-riscado{font-family:var(--mono);font-size:16px;color:var(--apagado);text-decoration:line-through}
.plano-anual .preco-moeda,.plano-anual .preco-valor{color:var(--tinta)}
.plano-anual .preco-periodo{color:var(--cinza)}
.plano-texto{font-size:15px;line-height:1.6;color:var(--cinza-claro)}
.plano-anual .plano-texto{color:var(--cinza)}
.bt-plano{padding:16px 22px;font-weight:600}
.garantias{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.garantia{border:1px solid var(--linha-escura);padding:24px 26px;display:flex;flex-direction:column;gap:9px}
.garantia-destaque{border-color:var(--verde);background:var(--verde-fundo)}
.garantia-rotulo{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--verde-claro)}
.garantia-texto{font-size:14.5px;line-height:1.6;color:var(--cinza-claro)}
.garantia-destaque .garantia-texto{color:var(--nevoa)}

/* Perguntas */
.faq{background:var(--nevoa);border-top:1px solid var(--linha-escura)}
.faq-grade{display:grid;grid-template-columns:1fr 1.4fr;gap:40px 64px;align-items:start}
.faq-lista{display:flex;flex-direction:column}
.faq-item{padding:24px 0;border-top:1px solid var(--linha-clara)}
.faq-item:last-child{border-bottom:1px solid var(--linha-clara)}
.faq-pergunta{font-size:17px;font-weight:600;margin-bottom:8px}
.faq-resposta{font-size:15px;line-height:1.65;color:var(--cinza)}

/* Chamada final */
.chamada{background:var(--verde-fundo);color:var(--nevoa);--foco:var(--verde-claro)}
.chamada-dentro{padding-top:84px;padding-bottom:84px;display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.chamada h2{font-size:clamp(34px,3.2vw + 18px,58px);line-height:1.02;font-weight:600;letter-spacing:-.035em;max-width:22em}
.chamada-texto{font-size:clamp(17px,.4vw + 15.5px,19px);line-height:1.6;color:var(--menta);max-width:36em}
.chamada-acoes{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-top:6px}

/* Rodapé: as colunas e a linha de baixo são as do desenho; embaixo delas,
   o que é nosso (os documentos e a identificação da ReduzSim). */
.rodape{background:var(--tinta);color:var(--cinza-claro);border-top:1px solid var(--linha-escura);--foco:var(--verde-claro)}
.rodape-dentro{padding-top:48px;padding-bottom:36px;display:flex;flex-direction:column;gap:32px}
.rodape-alto{display:flex;justify-content:space-between;align-items:start;gap:32px 48px;flex-wrap:wrap}
.rodape-marca{display:flex;flex-direction:column;gap:14px;max-width:26em}
.rodape-marca .marca-simbolo{width:26px;height:26px}
.rodape-marca .marca-simbolo::after{width:11px;height:11px}
.rodape-marca .marca-nome{font-size:18px}
.rodape-frase{font-size:14px;line-height:1.65}
.rodape-colunas{display:flex;gap:32px 64px;flex-wrap:wrap;font-size:14px}
.rodape-coluna{display:flex;flex-direction:column;gap:12px}
.rodape-coluna-titulo{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza-claro)}
.rodape a{color:var(--cinza-claro)}
.rodape a:hover{color:var(--nevoa)}
.rodape .marca{color:var(--nevoa)}
.rodape-baixo{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--linha-escura);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.rodape-legal{display:flex;flex-direction:column;gap:12px}
.rodape-docs{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px}
.fornecedor{font-size:13.5px;line-height:1.65;color:var(--cinza-claro);padding-top:22px;border-top:1px solid var(--linha-escura)}
.fornecedor strong{color:var(--nevoa)}
.rodape-legal .fornecedor,.fornecedor-so{border-top:0;padding-top:0}

.rodape-cookies{font:inherit;color:var(--cinza-claro);background:none;border:0;border-radius:0;padding:0;margin:0;cursor:pointer;text-align:left}
.rodape-cookies:hover{color:var(--nevoa)}

/* Aviso de cookies: o desenho do Márcio ("Aviso de Cookies"), montado pelo
   /consentimento.js. Primeiro no código e, pelo estilo, no pé da página:
   preso ao fim da tela enquanto se rola, sem cobrir o fim do rodapé.
   Enquanto ele está aberto, o scroll-padding-bottom da raiz reserva a
   altura dele (124 px no desktop; até 214 entre 641 e 1000 px; até 233 no
   celular): ao andar com o Tab, o navegador para o elemento em foco acima
   do aviso, e não embaixo dele (WCAG 2.4.11). */
html.com-aviso-cookies{scroll-padding-bottom:140px}
html.com-aviso-cookies>body{display:flex;flex-direction:column}
.aviso-cookies{order:1;position:sticky;bottom:0;z-index:30;background:var(--nevoa);color:var(--tinta);border-top:3px solid var(--verde);box-shadow:0 -8px 30px rgba(28,34,30,.16);font-family:var(--sans);max-height:80vh;overflow-y:auto;--foco:var(--verde)}
.aviso-cookies:focus{outline:none}
.aviso-cookies:focus-visible{outline:3px solid var(--verde);outline-offset:-3px}
.aviso-cookies :focus-visible{outline-offset:2px}
.aviso-cookies-dentro{max-width:1200px;margin:0 auto;padding:22px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px}
.aviso-cookies-texto{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:10px}
.aviso-cookies-frase{font-size:16px;line-height:1.55;text-wrap:pretty}
.aviso-cookies-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}
.aviso-cookies-links a{color:var(--verde);font-weight:500;text-decoration:underline}
.aviso-cookies-links a:hover{color:var(--verde-fundo)}
.aviso-cookies-botoes{flex:0 1 auto;display:flex;flex-wrap:wrap;gap:10px}
.aviso-cookies-bt{background:var(--papel);color:var(--tinta);border:1.5px solid var(--tinta);border-radius:0;padding:13px 20px;font-family:var(--sans);font-size:15px;font-weight:600;cursor:pointer}
.aviso-cookies-bt:hover{background:#DCD5C1}

/* A /assinar: a seção "A oferta" da landing, sem o teste */
.garantias-duas{grid-template-columns:repeat(2,1fr)}
.ja-tenho{font-size:15px;color:var(--cinza-claro);text-align:center}
.ja-tenho a{color:var(--nevoa);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.ja-tenho a:hover{color:var(--verde-claro)}

/* Página de erro */
.miudo{font-size:14px;line-height:1.65;color:var(--cinza);max-width:70ch}

/* Erro 404 */
.erro{background:var(--nevoa)}
.erro-dentro{padding-top:96px;padding-bottom:96px;display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.erro h1{font-size:clamp(34px,2.4vw + 22px,52px);line-height:1.04;font-weight:600;letter-spacing:-.03em}
.erro-links{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:16px}
.erro-links a{color:var(--verde);text-decoration:underline;text-underline-offset:3px}
.erro-links a:hover{color:var(--verde-fundo)}

/* Telas médias */
@media (max-width:1000px){
  :root{--lado:28px;--secao:72px}
  .abertura-grade{grid-template-columns:1fr;gap:48px;padding-top:72px;padding-bottom:72px}
  .duas,.meio,.faq-grade{grid-template-columns:1fr}
  .meio{gap:40px}
  .tres{grid-template-columns:1fr}
  .entrega .tres{grid-template-columns:repeat(2,1fr)}
  .garantias{grid-template-columns:1fr 1fr}
  .faixa-sep{display:none}
  .faixa-dentro{flex-direction:column}
  .oferta-dentro{padding-top:72px;padding-bottom:72px}
  .chamada-dentro{padding-top:72px;padding-bottom:72px}
  html.com-aviso-cookies{scroll-padding-bottom:230px}
}

/* Celular */
@media (max-width:640px){
  :root{--lado:16px;--secao:56px}
  section[id]{scroll-margin-top:84px}
  .topo-dentro{padding-top:12px;padding-bottom:12px;flex-wrap:nowrap}
  .marca{gap:10px}
  .marca-simbolo{width:24px;height:24px}
  .marca-simbolo::after{width:10px;height:10px}
  .marca-nome{font-size:17px}
  .topo-acoes{gap:8px}
  .topo-acoes .bt,.topo-acoes .bt-verde{font-size:13px;padding:10px 12px}
  /* "Começar teste grátis" inteiro, em até duas linhas, para o topo caber
     numa linha só */
  .topo-acoes .bt-verde{white-space:normal;max-width:9.5em;line-height:1.2;padding-top:7px;padding-bottom:7px}
  .abertura-grade{padding-top:48px;padding-bottom:56px}
  .numeros{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}
  .numero-valor{font-size:clamp(17px,5.4vw,22px);white-space:nowrap}
  .exemplo-corpo{padding:20px 16px}
  .exemplo-cabeca{padding:12px 16px}
  .destaque{padding:18px}
  .entrega .tres,.garantias{grid-template-columns:1fr}
  .entrega-titulo{min-height:0}
  .retorno-item,.entrega-item,.lado,.plano{padding:28px 20px}
  .retorno-caixa,.teste{padding:24px 20px}
  .quadro{padding:28px 22px}
  .passos li{padding:22px 20px}
  .bt,.retorno-caixa .bt,.teste .bt{white-space:normal}
  .bt-grande{font-size:16px;padding:17px 24px}
  .bt-contorno-verde.bt-grande{padding:16px 23px}
  .abertura-acao .bt,.chamada-acoes .bt,.teste .bt,.retorno-caixa .bt,.meio-texto .bt{width:100%}
  .meio-texto{align-items:stretch}
  .chamada-acoes{align-self:stretch}
  .oferta-dentro{padding-top:56px;padding-bottom:56px}
  .chamada-dentro{padding-top:56px;padding-bottom:56px}
  .preco-valor{font-size:48px}
  .rodape-dentro{padding-top:40px}
  .erro-dentro{padding-top:56px;padding-bottom:64px}
  .rodape-coluna{gap:4px}
  .rodape-coluna a,.rodape-docs a,.rodape-cookies,.ja-tenho a{padding:8px 0}
  .aviso-cookies-dentro{padding:16px;gap:14px}
  .aviso-cookies-frase{font-size:14px;line-height:1.5}
  .aviso-cookies-links{gap:4px 18px}
  .aviso-cookies-links a{padding:4px 0}
  .aviso-cookies-botoes{flex:1 1 100%}
  .aviso-cookies-bt{flex:1 1 0;padding:12px 16px}
  .rodape-docs{gap:0 24px}
  html.com-aviso-cookies{scroll-padding-bottom:250px}
}

/* Celular estreito (320 a 359 px): o topo numa linha só */
@media (max-width:359px){
  .topo-dentro{column-gap:10px}
  .topo-acoes{gap:6px}
  .topo-acoes .bt,.topo-acoes .bt-verde{padding-left:9px;padding-right:9px}
  .topo-acoes .bt-verde{max-width:8.5em}
  .marca-nome{font-size:16px}
  /* O selo "Melhor escolha · 2 meses grátis" e o preço do Anual (com o
     R$ 2.470 riscado) numa linha só, como no Mensal */
  .preco{gap:6px}
  .plano-selo{letter-spacing:.06em;padding:5px 8px}
}