/* Site de vendas. Toda cor, fonte e raio ficam nas variáveis abaixo, como no painel. */
@font-face{font-family:"Inter";src:url("fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-ExtraBold.woff2") format("woff2");font-weight:800;font-display:swap}
:root{
  --fundo:#FBFBF9; --fundo2:#F1F3EF; --superficie:#FFFFFF; --tinta:#10201D; --apagado:#51605C; --linha:#DDE2DC;
  --marca:#0F766E; --marca-forte:#115E59; --marca-suave:#DDF0ED; --marca-tinta:#FFFFFF;
  --verde:#14612D; --verde-bg:#DDF2E3; --amarelo:#7A4A00; --amarelo-bg:#FFF0C2; --azul:#1E4E79; --azul-bg:#E0ECF7; --cinza:#3A444D; --cinza-bg:#ECEEEA;
  --contato:#0E3F3A; --contato-tinta:#F2F8F6; --contato-linha:#3C6A64; --contato-apagado:#BAD2CD; --erro:#9B1C13; --erro-claro:#FFD8D2;
  --sombra:0 24px 60px -24px rgba(16,32,29,.35);
  --r-p:6px; --r-m:10px; --r-g:16px; --f:Inter,'Segoe UI',system-ui,Arial,sans-serif; --largura:1160px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --fundo:#0E1513; --fundo2:#141D1A; --superficie:#18221F; --tinta:#EAF0ED; --apagado:#A5B4AE; --linha:#2A3733;
  --marca:#2DD4BF; --marca-forte:#5EEAD4; --marca-suave:#123A35; --marca-tinta:#06231F;
  --verde:#86E0A3; --verde-bg:#143722; --amarelo:#FFD479; --amarelo-bg:#3D2E0A; --azul:#A9CFF2; --azul-bg:#15304A; --cinza:#CBD3D0; --cinza-bg:#28322F;
  --contato:#0B2B27; --sombra:0 24px 60px -24px rgba(0,0,0,.7);
  color-scheme:dark;
}}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--fundo);color:var(--tinta);font:400 17px/1.6 var(--f);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{line-height:1.15;margin:0;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(38px,5.2vw,62px);font-weight:800;letter-spacing:-.035em}
h2{font-size:clamp(28px,3.4vw,40px);font-weight:800;margin-bottom:32px}
h3{font-size:19px;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 14px} a{color:var(--marca-forte)}
.largura{width:min(100% - 40px,var(--largura));margin-inline:auto} .largura--texto{max-width:760px}
.pular{position:absolute;left:-999px;top:8px;background:var(--marca);color:var(--marca-tinta);padding:8px 12px;border-radius:var(--r-p);z-index:30} .pular:focus{left:12px}
:focus-visible{outline:3px solid var(--marca);outline-offset:2px}

.topo{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--fundo) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha)}
.topo__dentro{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.logo{font-weight:800;font-size:18px;color:var(--tinta);text-decoration:none;letter-spacing:-.02em}
.menu{display:flex;align-items:center;gap:22px} .menu a:not(.botao){color:var(--apagado);text-decoration:none;font-size:15px;font-weight:500} .menu a:not(.botao):hover{color:var(--tinta)}
.menu-botao{display:none;background:none;border:1px solid var(--linha);color:var(--tinta);border-radius:var(--r-p);padding:8px 12px;font:600 14px var(--f)}

.botao{display:inline-block;background:var(--marca);color:var(--marca-tinta);border:1px solid var(--marca);border-radius:var(--r-m);padding:10px 16px;font:600 15px var(--f);text-decoration:none;cursor:pointer;text-align:center}
.botao:hover{background:var(--marca-forte);border-color:var(--marca-forte)}
.botao--leve{background:transparent;color:var(--tinta);border-color:var(--linha)} .botao--leve:hover{background:var(--fundo2);border-color:var(--linha)}
.botao--grande{padding:14px 22px;font-size:17px}
.botao--claro{background:var(--contato-tinta);color:var(--contato);border-color:var(--contato-tinta)} .botao--claro:hover{background:#fff;border-color:#fff}
.link-seta{font-weight:600;color:var(--tinta);text-underline-offset:4px}

.capa{padding:64px 0 72px;overflow:hidden}
.capa__dentro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.sobretitulo{color:var(--marca-forte);font-weight:700;font-size:14px;margin-bottom:12px}
.capa__sub{color:var(--apagado);font-size:19px;margin:20px 0 28px;max-width:34em}
.capa__acoes{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.tela{margin:0 -120px 0 0} .tela img{border-radius:var(--r-g);border:1px solid var(--linha);box-shadow:var(--sombra)}
.tela figcaption{font-size:13px;color:var(--apagado);margin-top:10px}

.secao{padding:80px 0} .secao--destaque{background:var(--fundo2)}
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative}
.passos li{border-top:2px solid var(--linha);padding-top:20px} .passos h3{margin:14px 0 8px} .passos p{color:var(--apagado);font-size:16px;margin:0}
.selo{display:inline-block;font-size:13px;font-weight:600;padding:3px 10px;border-radius:999px}
.selo--cinza{background:var(--cinza-bg);color:var(--cinza)} .selo--azul{background:var(--azul-bg);color:var(--azul)} .selo--amarelo{background:var(--amarelo-bg);color:var(--amarelo)} .selo--verde{background:var(--verde-bg);color:var(--verde)}

.dupla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px} .dupla h3{margin-bottom:8px} .dupla p{color:var(--apagado);margin:0}
.lista-recursos{list-style:none;margin:48px 0 0;padding:28px 0 0;border-top:1px solid var(--linha);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 28px;font-size:15px}
.lista-recursos li,.plano li{display:flex;gap:8px;align-items:flex-start}
.marca{flex:none;width:16px;height:16px;margin-top:4px;fill:none;stroke:var(--marca);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.contadores{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center} .contadores h2{margin-bottom:18px} .contadores p:not(.sobretitulo){color:var(--apagado)}
.pacote{margin:0;background:var(--superficie);border:1px solid var(--linha);border-radius:var(--r-g);padding:24px;box-shadow:var(--sombra)}
.pacote figcaption{font-weight:700;padding-bottom:12px;border-bottom:1px solid var(--linha)} .pacote ul{list-style:none;margin:0;padding:0}
.pacote li{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--linha);font-weight:600;font-size:15px} .pacote li:last-child{border-bottom:0;padding-bottom:0} .pacote span{color:var(--apagado);font-weight:400}

.planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.plano{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--r-g);padding:24px;display:flex;flex-direction:column;gap:14px}
.preco{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0} .preco span{font-size:14px;font-weight:500;color:var(--apagado);letter-spacing:0;margin-left:4px}
.plano ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1;font-size:15px} .planos-vazio{font-size:19px;max-width:40em;margin:0}

details{border-bottom:1px solid var(--linha);padding:16px 0} summary{font-weight:600;cursor:pointer} details p{color:var(--apagado);margin:10px 0 0}

.secao--contato{background:var(--contato);color:var(--contato-tinta)} .secao--contato h2{margin-bottom:14px} .secao--contato a{color:var(--contato-tinta)} .secao--contato .botao--claro{color:#0E3F3A}
.contato{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:56px} .contato>div p{color:var(--contato-apagado)}
.formulario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.formulario label{display:grid;gap:6px;font-size:14px;font-weight:600;align-content:start} .largo{grid-column:1/-1}
.formulario input,.formulario select,.formulario textarea{width:100%;font:400 16px var(--f);color:#10201D;background:#fff;border:1px solid var(--contato-linha);border-radius:var(--r-p);padding:11px 12px}
.isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aviso-dados{font-size:13px;color:var(--contato-apagado);margin:0} .retorno{margin:0;font-weight:600} .retorno--erro{color:var(--erro-claro)}
[aria-invalid="true"]{border-color:var(--erro-claro);outline:2px solid var(--erro-claro)}

.rodape{padding:36px 0;background:var(--fundo);font-size:14px;color:var(--apagado)} .rodape p{margin:0 0 6px} .rodape a{color:var(--apagado)}
.texto-corrido h1{font-size:40px;margin-bottom:20px} .texto-corrido h2{font-size:22px;margin:30px 0 10px} .texto-corrido p{color:var(--apagado)}

@media (max-width:980px){
  .capa{padding:40px 0 56px} .capa__dentro,.contadores,.contato{grid-template-columns:minmax(0,1fr);gap:36px} .tela{margin:0}
  .passos{grid-template-columns:repeat(2,minmax(0,1fr))} .lista-recursos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .menu-botao{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:4px;padding:12px 20px 18px;background:var(--fundo);border-bottom:1px solid var(--linha)}
  .menu.aberto{display:flex} .menu a:not(.botao){padding:10px 0;font-size:16px}
}
@media (max-width:640px){
  .secao{padding:56px 0} .dupla,.passos,.lista-recursos,.formulario{grid-template-columns:minmax(0,1fr)} .formulario label{grid-column:1/-1}
}