/* Desenvolve · página inicial v11 (08/11/2026)
   Mesma marca (cavalo, nome, tinta #0C0F13 e dourado #C9A45C), linguagem visual nova:
   Geist em tudo (o nome no logotipo segue na fonte original), superfícies neutras, topo escuro com a maquete do produto,
   seções com mais ar, componentes com raio e borda únicos. */
.h2s{--ink:#0F1216;--ink2:#0C0F13;--mu:#555A62;--mu2:#6C7078;--ln:#E6E3DB;--bg:#F7F6F2;--card:#fff;--gold:#C9A45C;--gold2:#8A6A2C;--r:16px;
 font-family:"Geist",Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:-.005em}
body:has(.h2s){background:var(--bg,#F7F6F2)!important}
.h2s .lg b,.h2s .lg b *,.h2s .lg small{font-family:"Hanken Grotesk",-apple-system,sans-serif!important}
.h2s b,.h2s strong{font-weight:600}
.h2s .w{max-width:1200px;padding:0 32px}

/* cabeçalho */
.h2s .tp{background:rgba(247,246,242,.86);border-bottom:1px solid var(--ln)}
.h2s .tp .w{height:68px}
.h2s .tp nav{gap:28px}.h2s .tp nav a{font-size:.92rem;font-weight:500;color:#40454D}.h2s .tp nav a:hover{color:var(--ink)}
.h2s .tp .en{font-weight:500}

/* botões */
.h2s .bt{border-radius:10px;padding:0 20px;height:46px;font-weight:600;font-size:.95rem;letter-spacing:-.005em;transition:background .15s,box-shadow .15s,color .15s}
.h2s .bt:hover{transform:none;box-shadow:none;background:#23282F}
.h2s .bt.g{background:var(--gold)}.h2s .bt.g:hover{background:#D6B46E}
.h2s .bt:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* topo escuro */
.h2s .hero{position:relative;overflow:hidden;background:#0C0F13;color:#ECEAE4;padding:96px 0 104px;isolation:isolate}
.h2s .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/56px 56px;-webkit-mask:radial-gradient(ellipse 70% 80% at 70% 40%,#000 20%,transparent 75%);mask:radial-gradient(ellipse 70% 80% at 70% 40%,#000 20%,transparent 75%)}
.h2s .hero:after{content:"";position:absolute;z-index:-1;right:-10%;top:-20%;width:60%;height:120%;background:radial-gradient(closest-side,rgba(201,164,92,.16),transparent);pointer-events:none}
@media(min-width:1001px){.h2s .hero .w{grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}}
@media(max-width:1000px){.h2s .hero .w{grid-template-columns:minmax(0,1fr)!important;gap:40px}.h2s .hero .w>*{min-width:0}}
.h2s .hero .kk{color:var(--gold);text-transform:none;letter-spacing:0;font-size:.92rem;font-weight:500}
.h2s .hero .kk:before{width:8px;height:8px;border-radius:50%;background:#3FA36B;box-shadow:0 0 0 4px rgba(63,163,107,.18)}
.h2s .hero h1{color:#F7F5EF;font-weight:600;font-size:clamp(2.5rem,4.8vw,4.1rem);line-height:1.02;letter-spacing:-.045em;margin:18px 0 20px}
.h2s .hero h1 em{color:var(--gold)}
.h2s .hero .sub{color:#A7ACB3;font-size:1.12rem;line-height:1.6;max-width:520px}
.h2s .hero .hcta{margin:30px 0 10px}.h2s .hero .hcta .bt{height:52px;padding:0 26px;font-size:1rem}
.h2s .hero .hcta span{color:#8C9198}
.h2s .hero .viva{color:#9095A0;margin:22px 0 0}.h2s .hero .viva b{color:#F7F5EF;font-weight:600;font-variant-numeric:tabular-nums}
.h2s .hero .trust{color:#8C9198;margin-top:18px}.h2s .hero .trust span:before{color:var(--gold)}
.h2s .hero .mk{background:#13171C;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 0 0 1px rgba(201,164,92,.14),0 50px 120px -40px rgba(0,0,0,.8),0 30px 80px -50px rgba(201,164,92,.45)}
.h2s .hero .mk .mn{border-radius:12px;background:#F7F6F2}
.h2s .hero .dv-vbt{background:transparent!important;border-color:rgba(255,255,255,.16)!important;color:#ECEAE4!important}.h2s .hero .dv-vbt i{background:var(--gold)!important;color:#0C0F13!important}

/* números do topo (montados pelo script) */
.h2s .hero [class*="num"] b,.h2s .hero [class*="num"] strong{font-family:"Geist",system-ui,sans-serif!important;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em}

/* nova faixa: veja antes quantas licitações estão abertas */
.h2s .bqs{padding:88px 0;background:#fff;border-bottom:1px solid var(--ln)}
.h2s .bqs .w{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.h2s .bqs h2{margin:10px 0 12px}
.h2s .bqs .ld{margin:0}
.h2s .bqs .cx{background:var(--bg);border:1px solid var(--ln);border-radius:var(--r);padding:28px}
.h2s .bqs .hbq{display:none}
.h2s .bqs .bq{max-width:none}
.h2s .bq input,.h2s .bq select{border-color:#D9D5CB;border-radius:10px;height:48px;font-size:.97rem}
.h2s .bq button[type=submit]{height:50px}
.h2s .bqs .fn{margin-top:14px}

/* seções */
.h2s .sc{padding:112px 0}.h2s .sc.alt{background:#fff}
.h2s .pas{padding:96px 0}
.h2s .kk{text-transform:none;letter-spacing:0;font-size:.92rem;font-weight:500;color:var(--gold2)}
.h2s .kk:before{width:16px;height:1.5px}
.h2s h2{font-weight:600;font-size:clamp(2rem,3.6vw,3rem);line-height:1.06;letter-spacing:-.04em;margin:14px 0 16px;color:var(--ink)}
.h2s .ld{font-size:1.08rem;line-height:1.6;color:var(--mu);max-width:620px;margin-bottom:48px}

/* cartões: um raio, uma borda, sem sombra pesada */
.h2s .pg .p,.h2s .dy>div,.h2s .pq>div,.h2s .rc,.h2s .vs,.h2s .pn{border-radius:var(--r);border:1px solid var(--ln);box-shadow:none}
.h2s .pg .p{background:#fff;padding:28px}.h2s .sc.alt .pg .p{background:var(--bg)}
.h2s .pg i{width:28px;height:28px;font-size:.85rem;font-weight:600;background:var(--ink)}
.h2s .pg b,.h2s .dy b.t,.h2s .pq b,.h2s .rc b.t{font-weight:600;letter-spacing:-.02em}
.h2s .dy .hh,.h2s .rc .hh,.h2s .pq small{letter-spacing:.02em;text-transform:none;font-size:.82rem;font-weight:600}
.h2s .rc.hl{background:#0C0F13}
.h2s .pn{box-shadow:0 30px 70px -40px rgba(12,15,19,.28)}
.h2s .fe{gap:72px;margin-bottom:112px}
.h2s .fe li:before{border-radius:50%;width:8px;height:8px;top:17px}

/* antes x depois */
.h2s .vs .r:first-child{background:var(--bg);letter-spacing:.02em;text-transform:none;font-size:.85rem;font-weight:600}
.h2s .vs .r>div{padding:18px 24px}.h2s .vs .y{background:#FBFAF6}

/* planos */
.h2s .ls{border-radius:24px;padding:64px}
.h2s .pc{border-radius:var(--r)}
.h2s .pc b{font-family:"Geist",system-ui,sans-serif!important;font-weight:600;font-variant-numeric:tabular-nums}

/* dúvidas */
.h2s .fq summary{font-weight:600}

/* fechamento escuro */
.h2s .fin{background:#0C0F13;color:#ECEAE4;padding:112px 0}
.h2s .fin h2{color:#F7F5EF}.h2s .fin p{color:#A7ACB3}.h2s .fin .kk{color:var(--gold)}
.h2s .fin .bt{background:var(--gold);color:#241A06!important}.h2s .fin .bt:hover{background:#D6B46E}

@media(max-width:1000px){.h2s .bqs .w{grid-template-columns:1fr;gap:28px}.h2s .hero .w{gap:48px}}
@media(max-width:640px){.h2s .w{padding:0 20px}.h2s .hero{padding:56px 0 64px}.h2s .sc,.h2s .bqs,.h2s .fin{padding:72px 0}.h2s .pas{padding:64px 0}.h2s .bqs .cx{padding:20px}.h2s .ls{padding:32px 20px}.h2s .fe{margin-bottom:72px}}
@media(prefers-reduced-motion:reduce){.h2s *{transition:none!important}}
/* números do topo: em linha, sem quebrar o valor */
.h2s .hero #dv-val{grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin-top:22px}
.h2s .hero #dv-val div{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);border-radius:12px;padding:14px 16px}
.h2s .hero #dv-val b{font:600 1.5rem/1.1 "Geist",system-ui,sans-serif!important;letter-spacing:-.03em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--gold)}
.h2s .hero #dv-val span{color:#9095A0;margin-top:4px}
.h2s .hero #dv-val+*,.h2s .hero [id="dv-val"]~small{color:#6C7078}
/* uma linha de fontes basta: a faixa logo abaixo já lista todas */
.h2s #como .fontes{display:none}
/* botão de voltar ao topo cobria o texto da coluna esquerda */
#kt-scroll-up,#kt-scroll-up-reader{display:none!important}
@media(max-width:700px){.h2s .hero #dv-val{grid-template-columns:repeat(2,minmax(0,1fr))}.h2s .hero #dv-val b{font-size:1.15rem}.h2s .hero .hcta span{display:block}}
