/* PROCALC | v5 "selo de autoridade": guilhoché gerado por equação, carimbo, azul-marinho profundo, Goudy do logo.
   Sem framework. Gerado por _build/gerar_site.py */
:root{
  --n950:#0f152b;--n900:#18203f;--n800:#212b52;--brand:#2f3b66;--steel:#7e90b4;--steel3:#a9b6d0;--steel1:#dfe5f0;
  --mist:#e9edf4;--ivory:#f3eee3;--paper:#fbfaf6;--white:#fff;
  --ink:#151a2c;--ink2:#474e66;--ink3:#6d7389;--rule:#d9d3c5;--rulec:#cdd5e3;--stamp:#b23a2b;--ok:#2d6a4f;
  --display:"Sorts Mill Goudy",Georgia,"Times New Roman",serif;
  --sans:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --w:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;display:block}
a{color:inherit}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:400;line-height:1.08;letter-spacing:-.01em;color:inherit}
h1 em,h2 em,h3 em{font-style:italic}
h1,h2,h3,summary{text-wrap:balance}
p,li,dd{text-wrap:pretty}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--steel);outline-offset:3px}
::selection{background:var(--brand);color:#fff}
.container{width:min(100% - 48px,var(--w));margin-inline:auto;position:relative}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:100}
.skip:focus{left:8px}
.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic-fill{fill:currentColor;stroke:none}
canvas.arte{position:absolute;pointer-events:none;display:block}
.onda{height:56px;background:url(img/arte/onda-claro.svg) repeat-x center/600px 56px}
.onda.escura{background:var(--n900) url(img/arte/onda-escuro.svg) repeat-x center/600px 56px}

/* rótulo com ornamento */
.rotulo{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin:0}
.rotulo::before{content:"";width:18px;height:18px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 20 20'%3E%3Cg fill='none' stroke='%232f3b66' stroke-width='.8'%3E%3Cellipse rx='9' ry='3.2'/%3E%3Cellipse rx='9' ry='3.2' transform='rotate(60)'/%3E%3Cellipse rx='9' ry='3.2' transform='rotate(120)'/%3E%3Ccircle r='1.6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.escuro .rotulo{color:var(--steel3)}
.escuro .rotulo::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 20 20'%3E%3Cg fill='none' stroke='%23a9b6d0' stroke-width='.8'%3E%3Cellipse rx='9' ry='3.2'/%3E%3Cellipse rx='9' ry='3.2' transform='rotate(60)'/%3E%3Cellipse rx='9' ry='3.2' transform='rotate(120)'/%3E%3Ccircle r='1.6'/%3E%3C/g%3E%3C/svg%3E")}

/* fundos */
.escuro{background:var(--n900);color:var(--ivory)}
.escuro.fundo{background:var(--n950)}
.marfim{background:var(--ivory)}
.nevoa{background:var(--mist)}
.papel{background:var(--paper)}

/* cabeçalho (sempre sobre azul) */
.header{position:sticky;top:0;z-index:60;background:rgba(24,32,63,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(169,182,208,.14);color:var(--ivory)}
.header .container{display:flex;align-items:center;justify-content:space-between;height:80px;gap:28px}
.logo img{height:42px;width:auto}
.nav{display:flex;align-items:center;gap:30px}
.nav a{font-size:15px;text-decoration:none;color:rgba(243,238,227,.78);padding:6px 0;border-bottom:1px solid transparent}
.nav a:hover{color:#fff;border-color:var(--steel3)}
.nav a[aria-current=page]{color:#fff;border-color:var(--steel3)}
.nav a.btn-claro,.nav-lp a.btn-claro{color:var(--n900);border:1px solid var(--ivory);padding:12px 20px}
.nav a.btn-claro:hover,.nav-lp a.btn-claro:hover{color:var(--n900);background:#fff}
.menu-btn{display:none;background:none;border:1px solid rgba(169,182,208,.35);width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:var(--ivory)}
.menu-btn .ic{width:22px;height:22px}
.nav-lp{display:flex;align-items:center;gap:22px}
.nav-lp .tel{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:15px;color:rgba(243,238,227,.85)}
.show-s{display:none}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;background:var(--brand);color:#fff;text-decoration:none;font-weight:600;font-size:15.5px;letter-spacing:.01em;border:1px solid var(--brand);border-radius:2px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--n900);border-color:var(--n900)}
.btn .ic{transition:transform .2s}
.btn:hover .ic{transform:translateX(3px)}
.btn-claro{background:var(--ivory);color:var(--n900);border-color:var(--ivory)}
.btn-claro:hover{background:#fff;border-color:#fff;color:var(--n900)}
.btn-contorno{background:transparent;color:var(--ivory);border-color:rgba(243,238,227,.55)}
.btn-contorno:hover{background:var(--ivory);color:var(--n900);border-color:var(--ivory)}
.btn-block{width:100%}
.btn[disabled]{opacity:.6;cursor:progress}
.tlink{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:2px}
.tlink:hover{opacity:.75}
.tlink .ic{width:1em;height:1em}

/* hero */
.hero{position:relative;overflow:hidden;padding:84px 0 96px}
.hero .arte{width:980px;height:980px;right:-300px;top:-210px;opacity:.9}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.hero h1{font-size:clamp(2.8rem,5.4vw,5rem);margin:28px 0 28px;color:var(--ivory)}
.hero h1 em{color:var(--steel3)}
.hero .lead{font-size:1.18rem;color:var(--steel1);max-width:31em;margin-bottom:38px;opacity:.92}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:24px}

/* documento anotado */
.doc-wrap{position:relative;padding:10px 46px 30px 0}
.doc{position:relative;background:var(--white);color:var(--ink2);box-shadow:0 40px 80px -30px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.04);padding:34px 36px 26px;font-family:var(--display);font-size:16px;line-height:1.55;transform:rotate(-1.4deg)}
.doc::before{content:"";position:absolute;left:0;right:0;top:0;background:url(img/arte/onda-claro.svg) repeat-x top/300px 28px;opacity:.5;height:28px}
.doc-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 0 12px;margin-bottom:16px;border-bottom:1px solid var(--rule)}
.doc-h b{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-weight:700}
.doc-h i{font-family:var(--sans);font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--stamp);font-weight:700;white-space:nowrap}
.pn{position:relative}
.pn p{margin:0 0 12px;padding-right:110px}
.doc .n{font-family:var(--sans);font-size:12px;color:var(--ink3);margin-right:6px}
.hl{background:linear-gradient(transparent 58%,rgba(178,58,43,.2) 58%);color:var(--ink)}
.note{position:absolute;right:-82px;top:-4px;width:176px;font-family:var(--sans);font-size:12.5px;line-height:1.35;color:var(--stamp);background:var(--white);border:1px solid var(--stamp);padding:8px 10px;transform:rotate(1.8deg);box-shadow:0 10px 20px -12px rgba(178,58,43,.6);z-index:2}
.doc table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13px;margin-top:14px;font-variant-numeric:tabular-nums}
.doc th{font-weight:700;text-align:left;color:var(--ink3);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:0 0 8px;border-bottom:1px solid var(--rule)}
.doc td{padding:8px 0;border-bottom:1px dashed var(--rule)}
.doc td:not(:first-child),.doc th:not(:first-child){text-align:right}
.doc s{color:var(--stamp);text-decoration-thickness:1.5px}
.doc tfoot td{border-bottom:0;border-top:1px solid var(--ink);padding-top:10px;color:var(--ink);font-weight:700}
.doc .ok{color:var(--ok)}
.doc-f{margin-top:12px;font-family:var(--sans);font-size:10.5px;letter-spacing:.06em;color:var(--ink3);text-transform:uppercase}
.carimbo{position:absolute;width:132px;right:-62px;bottom:-58px;transform:rotate(-13deg);opacity:.92;z-index:3;pointer-events:none}

/* faixa de clientes */
.clientes{padding:34px 0}
.clientes .container{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.clientes ul{list-style:none;display:flex;flex:1;justify-content:space-between;align-items:center;gap:16px 30px;flex-wrap:wrap}
.clientes img{height:30px;width:auto;max-width:126px;object-fit:contain;opacity:.72;transition:opacity .3s}
.clientes li:hover img{opacity:1}
.clientes li.lg-wickbold img,.clientes li.lg-positivo img{height:28px}

/* seções */
.sec{padding:120px 0;position:relative;scroll-margin-top:80px}
.cab{max-width:46em;margin-bottom:60px}
.cab h2{font-size:clamp(2.2rem,4.2vw,3.6rem);margin-top:20px}
.cab h2 em{color:var(--brand)}
.escuro .cab h2 em{color:var(--steel3)}
.cab p{font-size:1.12rem;color:var(--ink2);margin:22px 0 0;max-width:38em}
.escuro .cab p{color:var(--steel1);opacity:.85}

/* díptico: cálculo comum x PROCALC */
.diptico{display:grid;grid-template-columns:1fr 1.15fr;box-shadow:0 30px 70px -40px rgba(15,21,43,.45)}
.lado{padding:46px 46px 30px}
.lado h3{font-size:1.9rem;margin-bottom:26px}
.lado.comum{background:var(--white);color:var(--ink3)}
.lado.comum h3{color:var(--ink2)}
.lado.procalc{background:var(--n900);color:var(--ivory);position:relative;overflow:hidden}
.lado.procalc .arte{width:520px;height:520px;right:-230px;bottom:-230px;opacity:.5}
.lado dl{margin:0;position:relative}
.lado dt{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding-top:16px;border-top:1px solid var(--rule)}
.lado.procalc dt{color:var(--steel3);border-color:rgba(169,182,208,.22)}
.lado dd{margin:6px 0 16px;min-height:3.3em;font-size:1.06rem}
.lado.comum dd{text-decoration:line-through;text-decoration-color:rgba(178,58,43,.45);text-decoration-thickness:1px}
.lado.procalc dd{font-family:var(--display);font-size:1.32rem;line-height:1.3;color:#fff}

/* números */
.numeros{position:relative;overflow:hidden;padding:110px 0}
.numeros .arte{width:900px;height:900px;left:-280px;top:-250px;opacity:.55}
.num-grid{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end}
.num-big strong{display:block;font-family:var(--display);font-weight:400;font-size:clamp(5rem,13vw,11.5rem);line-height:.9;letter-spacing:-.03em;color:var(--ivory)}
.num-big span{display:block;margin-top:16px;font-size:1.15rem;color:var(--steel1);max-width:24em}
.num-lado{display:grid;gap:0;border-top:1px solid rgba(169,182,208,.3)}
.num-lado div{padding:20px 0;border-bottom:1px solid rgba(169,182,208,.3);display:flex;align-items:baseline;gap:18px}
.num-lado strong{font-family:var(--num,var(--sans));font-weight:300;font-stretch:112%;font-size:2.4rem;line-height:1;color:var(--ivory);min-width:3.6em;font-variant-numeric:lining-nums}
.num-lado span{color:var(--steel1);opacity:.85}
.selo-num{position:absolute;right:-10px;top:-150px;width:128px;transform:rotate(9deg);opacity:.85}

/* fases (régua) */
.regua{position:relative;display:grid;grid-template-columns:repeat(5,1fr);padding-top:34px}
.regua::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;border-top:1.5px solid var(--brand);
  background:repeating-linear-gradient(90deg,var(--brand) 0 1px,transparent 1px 12px) top/100% 7px no-repeat,repeating-linear-gradient(90deg,var(--brand) 0 1px,transparent 1px 60px) top/100% 14px no-repeat}
.regua li{list-style:none;padding:24px 24px 0 0}
.regua .rom{display:block;font-family:var(--display);font-size:3.2rem;line-height:1;color:var(--brand);margin-bottom:14px;font-style:italic}
.regua h3{font-size:1.55rem;margin-bottom:10px}
.regua .o{font-size:.98rem;color:var(--ink2);margin:0 0 14px}
.regua .p{font-family:var(--display);font-style:italic;font-size:1.05rem;color:var(--brand);margin:0}

/* públicos */
.publicos{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pub{padding:52px 48px 46px;position:relative;overflow:hidden}
.pub h3{font-size:clamp(1.9rem,3vw,2.6rem);margin:20px 0 18px}
.pub p{font-size:1.04rem}
.pub.escuro p,.pub.escuro li{color:var(--steel1)}
.pub.escuro .arte{width:440px;height:440px;right:-190px;top:-190px;opacity:.5}
.pub.claro{background:var(--ivory)}
.pub.claro p,.pub.claro li{color:var(--ink2)}
.pub>*{position:relative}
.lista{list-style:none;margin:26px 0 32px}
.lista li{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--rule);font-size:.98rem}
.pub.escuro .lista li{border-color:rgba(169,182,208,.22)}
.lista li::before{content:"";width:9px;height:9px;flex:none;margin-top:9px;border:1px solid currentColor;transform:rotate(45deg);opacity:.7}

/* compras */
.compras{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--ink)}
.compras li{padding:30px 22px 6px 0}
.compras li+li{padding-left:22px;border-left:1px solid var(--rule)}
.compras .rom{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--n900);border-radius:50%;background:var(--brand);font-family:var(--display);font-style:italic;font-size:1.25rem;color:#fff;margin-bottom:18px;box-shadow:0 0 0 4px var(--ivory),0 0 0 5px rgba(47,59,102,.45)}
#compras .cab p{max-width:none}
.perfis{border:0;padding:0;margin:0;min-width:0}
.perfis legend{padding:0}
.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.chip{position:relative;cursor:pointer;display:block}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:block;height:100%;border:1px solid var(--rulec);border-radius:6px;padding:11px 14px 11px 36px;transition:border-color .2s,background .2s,color .2s;position:relative}
.chip span::before{content:"";position:absolute;left:13px;top:15px;width:13px;height:13px;border-radius:50%;border:1.5px solid var(--ink3);box-sizing:border-box}
.chip b{display:block;font-weight:600;font-size:.98rem;line-height:1.25;text-transform:none;letter-spacing:0;color:inherit}
.chip small{display:block;text-transform:none;letter-spacing:0;font-weight:400;font-size:.8rem;color:var(--ink3);line-height:1.3;margin-top:2px}
.chip:hover span{border-color:var(--brand)}
.chip input:checked+span{border-color:var(--brand);background:var(--brand);color:#fff}
.chip input:checked+span small{color:rgba(255,255,255,.75)}
.chip input:checked+span::before{border-color:#fff;background:#fff;box-shadow:inset 0 0 0 3px var(--brand)}
.chip input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.compras strong{display:block;font-family:var(--display);font-weight:400;font-size:1.4rem;line-height:1.2;margin-bottom:10px}
.compras span{display:block;font-size:.95rem;color:var(--ink2)}

/* blog em índice */
.index{list-style:none;border-top:1px solid var(--ink)}
.index a{display:grid;grid-template-columns:180px 1fr 30px;gap:34px;padding:28px 0;border-bottom:1px solid var(--rule);text-decoration:none;align-items:baseline}
.index a:hover h3{color:var(--brand)}
.index a:hover .ic{transform:translateX(4px)}
.index .meta{font-size:11.5px;font-weight:600;letter-spacing:.12em;color:var(--ink3);text-transform:uppercase;line-height:1.6}
.index .meta b{display:block;color:var(--brand);font-weight:700}
.index h3{font-size:1.65rem;line-height:1.18;transition:color .2s}
.index p{margin:8px 0 0;color:var(--ink2);font-size:.98rem;max-width:44em}
.index .ic{justify-self:end;transition:transform .2s;color:var(--brand)}

/* faq */
.faq{border-top:1px solid var(--ink);max-width:62em}
.faq details{border-bottom:1px solid var(--rulec)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 30px;gap:20px;padding:26px 0;font-family:var(--display);font-size:1.5rem;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{justify-self:end;margin-top:6px;transition:transform .25s;color:var(--brand)}
.faq details[open] summary .ic{transform:rotate(45deg)}
.faq .ans{padding:0 60px 26px 0;color:var(--ink2);max-width:48em}
.faq .ans p:last-child{margin:0}

/* chamada final + formulário */
.cta{position:relative;overflow:hidden;padding:120px 0;scroll-margin-top:80px}
.cta .arte{width:1000px;height:1000px;right:-360px;top:-300px;opacity:.6}
.cta-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.cta h2{font-size:clamp(2.3rem,4.4vw,3.8rem);margin:22px 0 22px;color:var(--ivory)}
.cta h2 em{color:var(--steel3)}
.cta .lead{font-size:1.1rem;max-width:30em;color:var(--steel1);opacity:.9}
.contatos{list-style:none;margin:40px 0 0;border-top:1px solid rgba(169,182,208,.3)}
.contatos li{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid rgba(169,182,208,.2)}
.contatos span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--steel3);padding-top:4px}
.contatos a,.contatos b{color:#fff;text-decoration:none;font-size:1.05rem;font-weight:400}
.contatos a:hover{text-decoration:underline}
.formcard{background:var(--white);color:var(--ink);padding:42px 40px;box-shadow:0 40px 80px -30px rgba(0,0,0,.5);position:relative}
.formcard::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--brand)}
.formcard h2,.formcard h3{font-size:2rem;color:var(--ink);margin:0 0 6px}
.formcard .sub{color:var(--ink3);font-size:.98rem;margin-bottom:26px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px}
.fgrid .full{grid-column:1/-1}
.field label{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}
.field label small{text-transform:none;letter-spacing:0;font-weight:400;font-size:12px}
.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid var(--rulec);background:transparent;padding:10px 0;font-size:16.5px;border-radius:0;min-height:44px;transition:border-color .2s}
.field select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink3) 50%),linear-gradient(135deg,var(--ink3) 50%,transparent 50%);background-position:calc(100% - 12px) 55%,calc(100% - 7px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:24px;cursor:pointer}
.field textarea{min-height:80px;resize:vertical;line-height:1.5}
.field input::placeholder,.field textarea::placeholder{color:#a3a8b8}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand)}
.field .err{display:none;color:var(--stamp);font-size:12.5px;margin-top:5px}
.field.bad input,.field.bad select{border-color:var(--stamp)}
.field.bad .err{display:block}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.aviso-trab{margin:0;padding:12px 14px;background:#fbeceb;border-left:2px solid var(--stamp);color:#6f1710;font-size:14px}
.fnote{font-size:12.5px;color:var(--ink3);margin:16px 0 0;line-height:1.5}
.fnote a{color:var(--ink)}
.fstatus{display:none;margin-top:14px;padding:12px 14px;font-size:14.5px}
.fstatus.ok{display:block;background:#e8f3ec;color:#14532d}
.fstatus.fail{display:block;background:#fbeceb;color:#6f1710}
.fstatus a{color:inherit}
.formcard button[type=submit]{margin-top:28px}
.hero-lp .formcard{margin-top:6px}
.hero-foto{position:absolute;top:0;right:0;bottom:0;width:62%;background-size:cover;background-position:center}
.hero-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--n900) 0%,rgba(24,32,63,.7) 30%,rgba(24,32,63,.2) 70%,rgba(24,32,63,.1) 100%)}
.hero-foto-advogado{background-position:30% 60%}
@media (max-width:880px){.hero-foto{width:100%}.hero-foto::after{background:rgba(24,32,63,.86)}}

/* páginas internas */
.page-head{position:relative;overflow:hidden;padding:80px 0 76px}
.page-head .arte{width:760px;height:760px;right:-260px;top:-230px;opacity:.55}
.crumbs{position:relative;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--steel3);display:flex;gap:10px;flex-wrap:wrap}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:#fff}
.page-head h1{position:relative;font-size:clamp(2.5rem,5vw,4.3rem);margin:24px 0 20px;max-width:17em;color:var(--ivory)}
.page-head h1 em{color:var(--steel3)}
.page-head .lead{position:relative;font-size:1.18rem;color:var(--steel1);max-width:38em;margin:0;opacity:.9}
.art-meta{position:relative;display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--steel3)}
.art-meta b{color:#fff}
.two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:start}
.prose{font-size:1.1rem;color:var(--ink2);max-width:42em}
.prose>*:first-child{margin-top:0}
.prose h2{font-size:clamp(1.8rem,2.8vw,2.4rem);margin:1.8em 0 .55em;color:var(--ink)}
.prose h3{font-size:1.5rem;margin:1.4em 0 .5em;color:var(--ink)}
.prose ul,.prose ol{margin:0 0 1.3em 1.2em;display:grid;gap:8px}
.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--brand)}
.prose .lista{margin-left:0}
.side{position:sticky;top:110px;background:var(--ivory);padding:28px 28px 8px;border-top:4px solid var(--brand)}
.side h3{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);font-weight:700;margin:0 0 10px}
.side ul{list-style:none;margin:0 0 26px}
.side li{padding:10px 0;border-bottom:1px solid var(--rule);font-size:.98rem}
.side a{text-decoration:none}
.side a:hover{color:var(--brand)}
.callout{position:relative;overflow:hidden;background:var(--n900);color:var(--ivory);padding:34px 36px;margin:2.6em 0 0;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.callout h3{font-size:1.65rem;margin:0 0 4px;color:#fff}
.callout p{margin:0;color:var(--steel1);font-size:1rem}
.callout .btn,.prose .callout a.btn{background:var(--ivory);color:var(--n900);border-color:var(--ivory)}

/* rodapé */
.footer{background:var(--n950);color:rgba(223,229,240,.7);padding:72px 0 30px;font-size:15px}
.footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:50px;padding-bottom:50px}
.footer .logo img{height:42px}
.footer p{margin:18px 0 0;max-width:28em}
.footer h4{font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel);margin-bottom:16px}
.footer ul{list-style:none;display:grid;gap:9px}
.footer a{text-decoration:none;color:var(--steel1)}
.footer a:hover{color:#fff;text-decoration:underline}
.footer .legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(169,182,208,.18);padding-top:24px;font-size:13px}

/* whatsapp e prévia */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:70;width:56px;height:56px;border-radius:50%;background:var(--n900);color:#25d366;display:grid;place-items:center;text-decoration:none;box-shadow:0 10px 28px -8px rgba(0,0,0,.5),0 0 0 1px rgba(169,182,208,.3);transition:transform .2s}
.wa-float:hover{transform:translateY(-3px)}
.wa-float .ic{width:26px;height:26px}
.wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.previa{position:fixed;left:14px;bottom:14px;z-index:80;background:var(--white);color:var(--ink);border:1px solid var(--rule);font-size:12px;line-height:1.35;padding:8px 12px;max-width:250px;box-shadow:0 8px 24px -10px rgba(0,0,0,.3)}
.previa strong{color:var(--stamp)}
[hidden]{display:none!important}

/* revelar */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* responsivo */
@media (max-width:1080px){
  .hero-grid,.cta-grid,.num-grid{grid-template-columns:1fr;gap:56px}
  .doc-wrap{max-width:640px}
  .regua{grid-template-columns:1fr 1fr;row-gap:20px}
  .compras{grid-template-columns:1fr 1fr}
  .compras li:nth-child(odd){padding-left:0;border-left:0}
  .compras li:nth-child(n+3){border-top:1px solid var(--rule)}
  .two{grid-template-columns:1fr;gap:48px}
  .side{position:static}
  .selo-num{top:-40px;width:120px}
}
@media (max-width:880px){
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--n900);border-bottom:1px solid rgba(169,182,208,.2);padding:8px 24px 24px}
  .nav.open{display:flex}
  .nav a{padding:15px 0;border-bottom:1px solid rgba(169,182,208,.15);font-size:17px}
  .nav a.btn{margin-top:18px}
  .diptico,.publicos{grid-template-columns:1fr}
  .footer .cols{grid-template-columns:1fr 1fr}
  .footer .cols>div:first-child{grid-column:1/-1}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .container{width:min(100% - 32px,var(--w))}
  .header .container{height:68px}
  .logo img{height:36px}
  .hero{padding:48px 0 64px}
  .hero .arte{width:560px;height:560px;right:-300px;top:auto;bottom:-120px;opacity:.6}
  .doc-f{padding-right:84px}
  .hero-cta .btn{width:100%}
  .doc-wrap{padding:0 0 26px}
  .doc{padding:22px 18px 18px;font-size:14.5px;transform:none}
  .pn p{padding-right:0}
  .note{position:relative;right:auto;top:auto;width:auto;display:block;margin:-2px 0 14px;transform:none}
  .doc .pn~.pn{display:none}
  .carimbo{width:96px;right:-6px;bottom:-40px}
  .sec,.cta,.numeros{padding:76px 0}
  .cab{margin-bottom:40px}
  .lado{padding:34px 22px 18px}
  .lado dd{min-height:0}
  .num-lado strong{font-size:2.1rem}
  .selo-num{display:none}
  .regua{grid-template-columns:1fr;padding-top:0}
  .regua::before{left:0;top:0;bottom:0;right:auto;width:16px;height:auto;border-top:0;border-left:1.5px solid var(--brand);
    background:repeating-linear-gradient(180deg,var(--brand) 0 1px,transparent 1px 12px) left/7px 100% no-repeat}
  .regua li{padding:14px 0 14px 34px}
  .regua .rom{font-size:2.4rem;margin-bottom:6px}
  .compras{grid-template-columns:1fr}
  .compras li,.compras li+li,.compras li:nth-child(odd){padding:20px 0;border-left:0;border-top:1px solid var(--rule)}
  .compras li:first-child{border-top:0}
  .pub{padding:38px 24px 32px}
  .index a{grid-template-columns:1fr;gap:8px}
  .index .ic{display:none}
  .faq summary{font-size:1.25rem}
  .faq .ans{padding-right:0}
  .fgrid{grid-template-columns:1fr}
  .formcard{padding:32px 20px}
  .clientes .container{flex-direction:column;align-items:flex-start;gap:16px}
  .clientes ul{flex:none;width:100%;justify-content:flex-start;gap:14px 22px}
  .clientes img{height:24px;max-width:94px}
  .clientes li.lg-wickbold img,.clientes li.lg-positivo img{height:22px}
  .contatos li{grid-template-columns:1fr;gap:2px}
  .footer .cols{grid-template-columns:1fr}
  .nav-lp .tel span{display:none}
  .nav-lp .btn{padding:11px 14px;font-size:14px}
  .hide-s{display:none}
  .show-s{display:inline}
  .previa{max-width:200px;font-size:11px}
  .callout{flex-direction:column;align-items:flex-start;padding:28px 22px}
  .page-head{padding:56px 0 52px}
}

/* v6: números em algarismos alinhados, medalha, ações, barra móvel */
:root{--num:"Archivo",system-ui,sans-serif}
.btn-linha{background:transparent;color:var(--brand);border-color:var(--brand)}
.btn-linha:hover{background:var(--brand);color:#fff}
.acoes{display:flex;flex-wrap:wrap;gap:16px;margin-top:52px}
.acoes.centro{justify-content:center}
.duvida{margin-top:56px;padding-top:34px;border-top:1px solid var(--rulec);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.duvida p{margin:0;font-family:var(--display);font-size:1.6rem}
.duvida .acoes{margin-top:0}
.nav-zap{display:inline-flex;align-items:center;gap:8px}
.confianca{list-style:none;display:flex;gap:0;margin-top:52px;border-top:1px solid rgba(169,182,208,.3)}
.confianca li{padding:18px 26px 0 0}
.confianca li+li{padding-left:26px;border-left:1px solid rgba(169,182,208,.3)}
.confianca strong{display:block;font-family:var(--num);font-weight:300;font-stretch:112%;font-size:2.4rem;line-height:1;letter-spacing:-.01em;color:#fff;font-variant-numeric:lining-nums}
.confianca span{display:block;margin-top:8px;font-size:.88rem;color:var(--steel1);opacity:.85}
.numeros{padding:100px 0 110px}
.medalha-grid{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:56px;align-items:center}
.med-lado{display:grid;gap:0}
.med-lado .stat{padding:26px 0}
.med-lado .stat+.stat{border-top:1px solid rgba(169,182,208,.25)}
.med-lado.esq{text-align:right}
.stat strong{display:block;font-family:var(--num);font-weight:300;font-stretch:112%;font-size:clamp(2.6rem,4.2vw,3.8rem);line-height:1;letter-spacing:-.015em;color:#fff;font-variant-numeric:lining-nums}
.stat span{display:block;margin-top:10px;font-size:.98rem;color:var(--steel1);opacity:.85}
.medalha{position:relative;width:500px;height:500px;display:grid;place-items:center}
.numeros .medalha .arte{left:0;top:0;width:100%;height:100%;opacity:1}
.med-centro{position:relative;width:250px;height:250px;border-radius:50%;background:var(--n950);display:grid;place-content:center;text-align:center;padding:0 22px;
  box-shadow:0 0 0 1px rgba(169,182,208,.55),0 0 0 9px var(--n950),0 0 0 10px rgba(169,182,208,.35)}
.med-centro .de{font-size:13px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--steel3);padding-left:.34em}
.med-centro strong{font-family:var(--num);font-weight:300;font-stretch:112%;font-size:5.2rem;line-height:1;letter-spacing:-.02em;color:#fff;font-variant-numeric:lining-nums;margin:6px 0}
.med-centro .sub{font-family:var(--display);font-style:italic;font-size:1rem;line-height:1.3;color:var(--steel3)}
.barra-movel{display:none}
@media (max-width:1080px){
  .medalha-grid{grid-template-columns:1fr 1fr;grid-template-areas:"med med" "esq dir";gap:30px 40px}
  .medalha{grid-area:med;justify-self:center}
  .med-lado.esq{grid-area:esq;text-align:left}
  .med-lado.dir{grid-area:dir}
  .nav-zap{display:none}
}
@media (max-width:880px){
  .barra-movel{display:grid;grid-template-columns:1fr 1.25fr;position:fixed;left:0;right:0;bottom:0;z-index:75;background:var(--n950);border-top:1px solid rgba(169,182,208,.25);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px}
  .barra-movel a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font-weight:600;font-size:15px;text-decoration:none;color:var(--ivory);border:1px solid rgba(243,238,227,.45)}
  .barra-movel a.orc{background:var(--ivory);color:var(--n900);border-color:var(--ivory)}
  .barra-movel .ic{color:#25d366}
  .wa-float{display:none}
  body{padding-bottom:72px}
  .previa{bottom:84px}
}
@media (max-width:640px){
  .confianca li{padding-right:14px}
  .confianca li+li{padding-left:14px}
  .confianca strong{font-size:1.7rem}
  .confianca span{font-size:.78rem}
  .medalha{width:330px;height:330px}
  .med-centro{width:196px;height:196px}
  .med-centro strong{font-size:3.9rem}
  .med-centro .sub{font-size:.85rem}
  .medalha-grid{grid-template-columns:1fr 1fr;gap:18px 18px}
  .med-lado .stat{padding:18px 0}
  .stat strong{font-size:2.1rem}
  .stat span{font-size:.88rem}
  .acoes{margin-top:40px}
  .acoes .btn{width:100%}
  .duvida p{font-size:1.35rem}
}

.previa{cursor:pointer}
@media (max-width:880px){.previa{top:76px;bottom:auto;left:auto;right:8px;max-width:180px;font-size:10.5px;padding:6px 9px}}
