/* Vitrine Local — style.css v1.0 · Doc 08 · Paleta oficial do Brand Kit */
:root{
  --prim:#0D111A; --sec:#00A3A3; --cta:#FFB800; --apoio:#6A7C93; --base:#FFFFFF;
  --sec-dim:rgba(0,163,163,.14); --radius:14px; --maxw:1080px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--prim);color:var(--base);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--sec);text-decoration:none}
h1,h2,h3{font-weight:700;line-height:1.2}
h1{font-size:clamp(1.9rem,5vw,3.1rem)}
h2{font-size:clamp(1.45rem,3.6vw,2.15rem);margin-bottom:.6em}
h3{font-size:1.08rem}
p{color:#D7DDE6}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
section{padding:72px 0}
.sec-light{background:var(--base)}
.sec-light h2,.sec-light h3{color:var(--prim)}
.sec-light p{color:#3A4657}
.kicker{color:var(--sec);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;display:block;margin-bottom:10px}
.lead{font-size:1.1rem}
.micro{font-size:.82rem;color:var(--apoio);margin-top:14px}
header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(13,17,26,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(106,124,147,.25)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.nav .logo img{height:30px;width:auto}
.nav ul{display:flex;gap:26px;list-style:none;align-items:center}
.nav ul a{color:#C9D2DE;font-size:.92rem;font-weight:500}
.nav ul a:hover{color:var(--base)}
.nav .btn{padding:9px 18px;font-size:.88rem}
@media(max-width:820px){.nav ul li.hide-m{display:none}}
.btn{display:inline-block;font-weight:700;border-radius:10px;padding:14px 26px;font-size:1rem;transition:transform .15s,box-shadow .15s;cursor:pointer;text-align:center}
.btn:hover{transform:translateY(-2px)}
.btn-cta{background:var(--cta);color:var(--prim);box-shadow:0 6px 22px rgba(255,184,0,.25)}
.btn-sec{border:2px solid var(--sec);color:var(--sec);background:transparent}
.btn-sec:hover{background:var(--sec-dim)}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.ctabar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:60;background:rgba(13,17,26,.97);border-top:1px solid rgba(106,124,147,.3);padding:10px 12px;gap:10px}
.ctabar .btn{flex:1;padding:12px 8px;font-size:.85rem;border-radius:9px}
@media(max-width:820px){.ctabar{display:flex}body{padding-bottom:64px}}
.hero{padding:130px 0 80px;background:radial-gradient(1200px 600px at 75% -10%,rgba(0,163,163,.16),transparent),var(--prim)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr}}
.hero h1{margin-bottom:16px}
.hero .sub{font-size:1.15rem;color:#C9D2DE;margin-bottom:10px}
.ph{position:relative;border:2px dashed rgba(0,163,163,.5);border-radius:var(--radius);background:linear-gradient(145deg,rgba(0,163,163,.08),rgba(106,124,147,.08));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:18px;overflow:hidden}
.ph::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 22px,rgba(106,124,147,.05) 22px 44px)}
.ph .ph-icon{font-size:2rem;opacity:.85;position:relative}
.ph .ph-label{position:relative;font-weight:600;color:var(--sec);font-size:.92rem}
.ph .ph-desc{position:relative;font-size:.78rem;color:var(--apoio);max-width:320px}
.ph-16x9{aspect-ratio:16/9}
.ph-tall{min-height:340px}
.sec-light .ph{background:linear-gradient(145deg,rgba(0,163,163,.06),rgba(106,124,147,.06))}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:820px){.grid3{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}
.card{background:rgba(255,255,255,.04);border:1px solid rgba(106,124,147,.25);border-radius:var(--radius);padding:24px}
.sec-light .card{background:#F5F7FA;border-color:#E2E8F0}
.card h3{margin-bottom:8px;color:var(--sec)}
.card p{font-size:.94rem}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:step}
@media(max-width:900px){.steps{grid-template-columns:1fr;max-width:460px}}
.step{background:rgba(255,255,255,.04);border:1px solid rgba(106,124,147,.25);border-radius:var(--radius);padding:20px 16px;position:relative}
.step::before{counter-increment:step;content:counter(step);display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--cta);color:var(--prim);font-weight:800;align-items:center;justify-content:center;margin-bottom:10px}
.step h3{font-size:.95rem;margin-bottom:6px}
.step p{font-size:.84rem;color:#B8C2CF}
.sec-light .step{background:#F5F7FA;border-color:#E2E8F0}
.sec-light .step p{color:#3A4657}
.steps-title{color:var(--sec);font-weight:700;margin:34px 0 14px;font-size:1.05rem}
.datacards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
@media(max-width:820px){.datacards{grid-template-columns:1fr 1fr}}
.datacard{background:rgba(13,17,26,.04);border:1px solid #E2E8F0;border-radius:var(--radius);padding:22px 18px;text-align:center}
.datacard .num{font-size:2rem;font-weight:800;color:#B8860B}
.sec-light .datacard .num{color:#0D111A}
.datacard .lbl{font-size:.82rem;color:#5A6B80;margin-top:4px}
.fonte{font-size:.75rem;color:var(--apoio);margin-top:16px}
.selo{display:inline-flex;align-items:center;gap:7px;background:rgba(106,124,147,.18);border:1px solid rgba(106,124,147,.45);color:#AAB6C4;font-size:.76rem;font-weight:600;border-radius:999px;padding:5px 13px;margin:8px 0}
.selo::before{content:"◔";color:var(--cta)}
.sec-light .selo{color:#5A6B80}
.chart{background:rgba(255,255,255,.04);border:1px solid rgba(106,124,147,.25);border-radius:var(--radius);padding:24px;margin-top:22px}
.chart h3{margin-bottom:4px}
.chart .desc{font-size:.85rem;color:var(--apoio);margin-bottom:16px}
.bars{display:flex;align-items:flex-end;gap:8%;height:190px;padding:0 4%;border-bottom:1px solid rgba(106,124,147,.4)}
.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.bar i{display:block;width:100%;max-width:86px;background:linear-gradient(180deg,var(--sec),#007D7D);border-radius:6px 6px 0 0}
.bar.destaque i{background:linear-gradient(180deg,var(--cta),#CC9300)}
.bar b{font-size:.85rem;margin-bottom:6px;color:var(--base)}
.bar-lbls{display:flex;gap:8%;padding:8px 4% 0}
.bar-lbls span{flex:1;text-align:center;font-size:.78rem;color:#AAB6C4}
.funnel{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:10px}
.fstep{background:linear-gradient(90deg,var(--sec),#007D7D);border-radius:8px;padding:10px 14px;text-align:center;font-size:.85rem;font-weight:600;color:var(--prim)}
.fstep small{display:block;font-weight:400;font-size:.74rem;color:rgba(13,17,26,.75)}
.tablewrap{overflow-x:auto;margin-top:10px}
table.compare{width:100%;border-collapse:collapse;font-size:.85rem;min-width:640px}
table.compare th,table.compare td{padding:10px 12px;text-align:center;border-bottom:1px solid rgba(106,124,147,.25)}
table.compare th{color:var(--sec);font-weight:700}
table.compare td:first-child,table.compare th:first-child{text-align:left;color:#C9D2DE;font-weight:600}
.sec-light table.compare td:first-child{color:#3A4657}
.sec-light table.compare td{color:#3A4657}
table.compare .alta{color:#B8860B;font-weight:700}
table.compare .media{color:var(--sec)}
table.compare .baixa{color:var(--apoio)}
table.compare .vl-col{background:rgba(0,163,163,.10)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.chip{background:rgba(0,163,163,.12);border:1px solid rgba(0,163,163,.4);color:#7FDCDC;border-radius:999px;padding:7px 16px;font-size:.85rem;font-weight:600}
.sec-light .chip{background:rgba(0,163,163,.08);color:#007878}
.blist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;margin-top:20px}
@media(max-width:720px){.blist{grid-template-columns:1fr}}
.blist li{padding-left:30px;position:relative;font-size:.96rem;color:#D7DDE6}
.sec-light .blist li{color:#3A4657}
.blist li::before{content:"✓";position:absolute;left:0;top:0;color:var(--cta);font-weight:800}
details{border:1px solid rgba(106,124,147,.3);border-radius:12px;padding:0;margin-bottom:12px;background:rgba(255,255,255,.03)}
.sec-light details{background:#F5F7FA;border-color:#E2E8F0}
summary{cursor:pointer;font-weight:600;padding:16px 20px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--sec);font-size:1.3rem;font-weight:700;flex-shrink:0}
details[open] summary::after{content:"–"}
details p{padding:0 20px 16px;font-size:.93rem}
.sec-light summary{color:var(--prim)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
@media(max-width:820px){.split{grid-template-columns:1fr}}
.split .card{padding:32px 28px}
.split .card .btn{margin-top:18px}
.prova{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.prova span{border:1px solid rgba(0,163,163,.4);border-radius:10px;padding:9px 16px;font-size:.84rem;color:#B8E8E8}
.ctafinal{text-align:center;background:linear-gradient(180deg,var(--prim),#0A1A22 60%,var(--prim));border-top:1px solid rgba(0,163,163,.25);border-bottom:1px solid rgba(0,163,163,.25)}
.ctafinal .btn-row{justify-content:center}
footer{padding:44px 0 40px;border-top:1px solid rgba(106,124,147,.25);font-size:.86rem;color:var(--apoio)}
footer .cols{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:flex-start}
footer img{height:26px;margin-bottom:10px}
footer ul{list-style:none;display:flex;gap:18px;flex-wrap:wrap}
footer a{color:#AAB6C4}
footer .legal{margin-top:24px;font-size:.76rem}
.phero{padding:120px 0 56px;background:radial-gradient(900px 460px at 70% -10%,rgba(0,163,163,.14),transparent),var(--prim)}