/*
Theme Name: Contabilidade SP - Editorial Marinho
Theme URI: https://gestaodeti.net/felippe-britto/
Author: Felippe Britto | Gestão de TI
Author URI: https://gestaodeti.net/felippe-britto/
Description: Tema institucional sob medida para escritórios de contabilidade em São Paulo - SP. Reúne em uma única página uma identidade editorial em azul-marinho e coral, apresentação dos 12 serviços, painel de indicadores contábeis animados, biografia da contadora em abas, perguntas frequentes e formulário de contato integrado ao WhatsApp e ao e-mail. Topo em ilha flutuante com mega menu de serviços, rodapé em mapa do site, SEO local com dados estruturados (AccountingService, Person e FAQ), indicação de atendimento aberto ou fechado em tempo real e layout responsivo do celular à TV 4K. Dados do escritório editáveis no Personalizar. Desenvolvido por Felippe Britto, Gestão de TI.
Version: 1.8.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: contabilidade-sp
Tags: one-column, custom-colors, accessibility-ready, translation-ready, blog
*/
:root{--n:#002e5b;--nd:#00213f;--n2:#0a2e52;--c:#ff6a5f;--cl:#ff8d84;--ct:#c4392e;--soft:#eef0f2;--fg:#1d2733;--mut:#4a5563;--fs:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif;--fi:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*:before,*:after{box-sizing:inherit}
html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:100px}
@media(min-width:1900px){html{font-size:20px}}
@media(min-width:2500px){html{font-size:28px}}
body{margin:0;font-family:var(--fi);line-height:1.65;background:var(--nd)}
#app{background:#fff;color:var(--fg);overflow:hidden;overflow:clip}
:focus-visible{outline:3px solid var(--c);outline-offset:3px}
a{color:inherit;text-decoration:none}
.w{max-width:1180px;margin:0 auto;padding:0 1.25rem}
@media(min-width:1900px){.w{max-width:1600px}}
@media(min-width:2500px){.w{max-width:2100px}}
h1,h2,h3{font-family:var(--fs);color:var(--n);line-height:1.15;letter-spacing:-.015em;margin:0 0 .5em}
h1{font-size:clamp(2rem,4vw,3.3rem);font-weight:700;letter-spacing:-.025em}
h2{font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:700}
h2:after{content:"";display:block;width:44px;height:4px;background:var(--c);margin:.7rem 0 0}
h3{font-size:1.2rem;font-weight:700}
p{margin:0 0 1em}.mut{color:var(--mut)}
.btn{display:inline-block;border-radius:10px;background:var(--n);color:#fff;font:600 .95rem var(--fi);padding:1rem 1.7rem;border:0;cursor:pointer;min-height:48px;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-3px)}
.btn.c{background:var(--c);color:var(--n)}.btn.c:hover{background:#fff}
.btn.o{background:none;color:#fff;border:1px solid #fff}.btn.o:hover{background:#fff;color:var(--n)}
.ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.skip{position:absolute;left:-999px;top:0;z-index:100;background:#fff;color:var(--n);padding:.7rem 1rem;font-weight:600;border-radius:0 0 10px 0}.skip:focus{left:0}
.top{background:var(--nd);color:#cfdbea;font-size:.8rem}
.top .w{display:flex;justify-content:space-between;align-items:center;gap:.4rem 1.5rem;padding-block:.5rem;flex-wrap:wrap}
.tl,.tr{display:flex;align-items:center;gap:.4rem 1.4rem;flex-wrap:wrap}
.ti{display:inline-flex;align-items:center;gap:.5rem}.ti .ic{color:var(--cl)}
a.ti{transition:color .2s}a.ti:hover{color:#fff}
.hrs .dot{width:8px;height:8px;border-radius:50%;background:#7d8ea6;flex:none}
.hrs[data-open="1"] .dot{background:#4ade80;box-shadow:0 0 0 4px #4ade8033}
.tin{width:30px;height:30px;justify-content:center;border:1px solid #ffffff26;border-radius:8px}.tin:hover{border-color:var(--c);background:#ff6a5f26}
.nav{position:sticky;top:0;z-index:40;padding-block:.7rem;background-color:var(--nd);color:#fff;transition:background-color .3s}
.nav.sc{background-color:transparent}
.nav>.w{position:relative;pointer-events:none}
.isl{pointer-events:auto;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:.5rem .5rem .5rem 1.2rem;border-radius:99px;background:#002e5bdb;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border:1px solid #ffffff26;box-shadow:0 10px 30px #00213f55;transition:background .3s,box-shadow .3s,padding .3s}
.nav.sc .isl{background:#00213ff2;box-shadow:0 14px 36px #00000066;padding-block:.35rem}
.logo{display:flex;align-items:center;gap:.8rem;min-width:0}
.lmw{display:grid;place-items:center;flex:none;height:46px;padding:0 .55rem;background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000026;transition:transform .3s}.nav.sc .lmw{transform:scale(.88)}
.lm{display:block;width:auto;height:34px;max-width:none}
.logo-f{display:inline-block;background:#fff;border-radius:18px;padding:.9rem 1.1rem;box-shadow:0 10px 26px #00000040;transition:transform .25s}.logo-f:hover{transform:translateY(-2px)}
.logo-f img{display:block;width:clamp(150px,14vw,200px);height:auto}
.ln b{display:block;font:700 1.25rem/1.1 var(--fs)}
.ln small{display:block;font:400 .74rem var(--fi);color:#b9c8dc;margin-top:.15rem}
.nav nav{display:flex;align-items:center;gap:.2rem;font:600 .88rem var(--fi)}
.nav nav>a:not(.btn),.nv-t{padding:.55rem .85rem;border-radius:99px;color:#d6e0f2;transition:background .2s,color .2s}
.nav nav>a:not(.btn):hover,.nv-t:hover{background:#ffffff14;color:#fff}
.nav nav>a.on{background:#ffffff1f;color:#fff}
.nv-t{display:inline-flex;align-items:center;gap:.4rem;border:0;background:none;font:inherit;cursor:pointer}
.nv-t .ic{width:14px;height:14px;stroke-width:2.4;transition:transform .2s}
.nv-t[aria-expanded=true]{background:#ffffff1f;color:#fff}.nv-t[aria-expanded=true] .ic{transform:rotate(180deg)}
.nav .nb{display:inline-flex;align-items:center;gap:.5rem;margin-left:.8rem;padding:.7rem 1.2rem;min-height:44px;font-size:.88rem;border-radius:99px}
.nb .ic{width:18px;height:18px}
.mega{position:absolute;left:0;right:0;top:calc(100% + .6rem);display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:2rem;padding:1.75rem;background:#fff;color:var(--n);border:1px solid #dde1e6;border-radius:20px;box-shadow:0 24px 40px #002e5b33;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
.mega:before{content:"";position:absolute;left:0;right:0;top:-.8rem;height:.8rem}
.mega.open{opacity:1;visibility:visible;transform:none}
.mega h3{margin:0 0 .8rem;font:700 .8rem var(--fs);letter-spacing:.04em;text-transform:uppercase;color:var(--ct)}
.mega .col{display:flex;flex-direction:column;gap:.15rem}
.mega .col a,.mga{display:block;padding:.4rem 0;font:600 .92rem var(--fi);color:var(--n);transition:color .2s,transform .2s}
.mega .col a:hover,.mga:hover{color:var(--ct);transform:translateX(3px)}
.mgf{background:var(--n);color:#fff;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}
.mgf small{color:#ffd27a;font-size:.78rem}
.mgf h3{margin:.5rem 0;font:700 1.25rem var(--fs);letter-spacing:0;text-transform:none;color:#fff}
.mgf p{margin:0;color:#b9c8dc;font-size:.9rem}
.mgf>a{font-weight:700;color:var(--cl)}.mgf>a:hover{color:#fff}
.mga{grid-column:1/-1;border-top:1px solid #dde1e6;padding-top:1rem;margin-top:-.3rem;font-weight:700}
.mb{display:none;flex:none;width:48px;height:48px;border:1px solid #ffffff40;background:none;border-radius:50%;cursor:pointer;position:relative;color:#fff}
.mb span,.mb span:before,.mb span:after{position:absolute;width:20px;height:2px;background:currentColor;content:"";transition:transform .25s,background .2s}
.mb span{left:13px;top:22px}.mb span:before{left:0;top:-6px}.mb span:after{left:0;top:6px}
.mb[aria-expanded=true] span{background:transparent}
.mb[aria-expanded=true] span:before{transform:translateY(6px) rotate(45deg)}
.mb[aria-expanded=true] span:after{transform:translateY(-6px) rotate(-45deg)}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:1040px){.mb{display:block}.nav nav{display:none;position:absolute;left:0;right:0;top:calc(100% + .5rem);background:#00213ffa;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;align-items:stretch;gap:0;padding:.4rem 1.25rem 1.25rem;box-shadow:0 16px 30px #0006;max-height:calc(100vh - 7rem);overflow:auto}.nav nav.open{display:flex}.nav nav>a:not(.btn),.nv-t{padding:1rem .2rem;border-radius:0;border-bottom:1px solid #ffffff14;background:none;width:100%;justify-content:space-between}.nav nav>a:not(.btn):hover,.nv-t:hover{background:none}.nav nav>a.on{background:none;color:var(--cl)}.nav .nb{margin:1rem 0 0;justify-content:center}.mega{position:static;left:auto;right:auto;display:none;opacity:1;visibility:visible;transform:none;grid-template-columns:1fr;gap:1rem;padding:.8rem 0 .4rem;background:none;color:#fff;border:0;border-radius:0;box-shadow:none}.mega.open{display:grid}.mega h3{color:var(--cl)}.mega .mgf h3{color:#fff}.mega .col a,.mga{color:#d6e0f2}.mega .col a:hover,.mga:hover{color:#fff}.mga{border-top-color:#ffffff1f}.mgf{background:#ffffff12}}
@media(max-width:720px){.adr,.tr a[href^="mailto"]{display:none}.top .w{justify-content:space-between}}
.hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:540px}
.hl{background:var(--n);color:#fff;padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;gap:1.4rem}
.hl h1{color:#fff;margin:0}.hl p{margin:0;font-size:1.15rem;color:#d6e0f2;max-width:34rem}
.eb{display:block;font:600 .8rem var(--fi);letter-spacing:.14em;text-transform:uppercase;color:var(--cl);margin-bottom:1rem}
.bt{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:.5rem}
.hr{background:var(--soft);display:flex;align-items:center;justify-content:center;position:relative;padding:3rem 2.5rem}
.hr img{display:block;width:min(380px,100%);height:auto;aspect-ratio:1;object-fit:cover;box-shadow:18px 18px 0 var(--c)}
.idc{position:absolute;left:1.5rem;bottom:2.5rem;background:#fff;padding:1rem 1.25rem;border-left:5px solid var(--n);box-shadow:0 14px 30px #0003}
.idc b{display:block;font:700 1.1rem var(--fs);color:var(--n)}.idc span{font-size:.82rem;color:var(--mut)}
.sec{padding:clamp(3rem,6vw,5rem) 0}
.soft{background:var(--soft)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1.5rem;list-style:none;padding:0;margin:2.5rem 0 0;counter-reset:s}
.steps li{counter-increment:s;background:#fff;padding:1.4rem;border-bottom:4px solid var(--c)}
.steps li:before{content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--n);color:#fff;font:700 1.1rem var(--fs);margin-bottom:.8rem}
.cta{background:var(--c);color:var(--n)}
.cta .w{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-block:1.6rem}
.cta p{margin:0;font:600 clamp(1.1rem,2.1vw,1.45rem) var(--fs)}
.cta .btn{background:var(--n);color:#fff}
.bio{background:var(--nd);color:#fff;padding:clamp(3rem,6vw,4.5rem) 0}
.bh{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem}
.ey{display:flex;align-items:center;gap:.75rem;font:600 .9rem var(--fi);color:var(--cl);margin-bottom:1rem}.ey:before{content:"";width:36px;height:2px;background:var(--c)}
.bio h2{color:#fff;font-size:clamp(1.8rem,3.5vw,3rem);max-width:20ch;margin:0}.bio h2:after{display:none}
.bio h2 span{color:#9fb4cf;font-weight:600}
.bb{display:flex;gap:.8rem;flex-wrap:wrap}
.bb a{padding:.95rem 1.4rem;font:700 .88rem var(--fi);border-radius:10px;min-height:48px}
.bb .p{background:#fff;color:var(--n)}.bb .l{border:1px solid #5b86b8;color:#fff}
.bg{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.5rem}
.bp{position:relative;border-radius:24px;overflow:hidden;min-height:clamp(440px,52vw,700px);background:var(--n);border:1px solid #ffffff1f}
.bp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bp:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00213f00 45%,#00213ff2 92%)}
.bpi{position:absolute;left:0;right:0;bottom:0;padding:2rem;z-index:2}
.bpi b{display:block;font:700 clamp(1.7rem,3vw,2.4rem) var(--fs)}
.bpi em{display:block;font-style:normal;font-weight:700;color:var(--cl);margin:.2rem 0 1rem}
.bpi small{display:inline-block;border:1px solid #ffffff40;border-radius:10px;padding:.6rem .9rem;font-size:.82rem;background:#00213fcc}
.bc{background:#00305a;border:1px solid #ffffff1f;border-radius:24px;padding:clamp(1.4rem,3vw,2.25rem);display:flex;flex-direction:column;gap:1.4rem}
.bc h3{color:#fff;font-size:clamp(1.3rem,2.2vw,1.75rem);margin:0}.bc h3 span{color:var(--cl)}
.chs{display:flex;flex-wrap:wrap;gap:.6rem}
.ch{border:1px solid #ffffff40;border-radius:99px;padding:.5rem .95rem;font:600 .82rem var(--fi);color:#fff}
.sts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}
.st{background:var(--n2);border:1px solid #ffffff1f;border-radius:14px;padding:1.1rem}
.st b{display:block;font:700 1.9rem var(--fs);color:var(--cl);line-height:1.1;font-variant-numeric:tabular-nums lining-nums}
.st span{font-size:.82rem;line-height:1.35;color:#c3d0e2;display:block;margin-top:.3rem}
.tabw{position:relative;display:flex;flex-direction:column;gap:.9rem}
.tb{position:absolute;opacity:0;pointer-events:none}
.tabs{display:flex;gap:.4rem;background:var(--nd);border:1px solid #ffffff1f;border-radius:14px;padding:.4rem}
.tabs label{flex:1;text-align:center;padding:.75rem .5rem;border-radius:10px;font:600 .88rem var(--fi);color:#b9c8dc;cursor:pointer;border:1px solid transparent;transition:background .2s}
.pn{display:none;flex-direction:column;gap:.6rem;min-height:15.5rem}
#bt1:checked~.p1,#bt2:checked~.p2,#bt3:checked~.p3{display:flex}
#bt1:checked~.tabs label[for=bt1],#bt2:checked~.tabs label[for=bt2],#bt3:checked~.tabs label[for=bt3]{background:#ff6a5f26;color:#fff;border-color:var(--c)}
#bt1:focus-visible~.tabs label[for=bt1],#bt2:focus-visible~.tabs label[for=bt2],#bt3:focus-visible~.tabs label[for=bt3]{outline:3px solid #fff;outline-offset:2px}
.it{display:flex;gap:.9rem;align-items:center;background:var(--n2);border:1px solid #ffffff1f;border-radius:12px;padding:.9rem 1.1rem;font:600 .92rem var(--fi);color:#fff}
.it:before{content:"";flex:none;width:10px;height:10px;background:var(--c)}
.it span{flex:1}.it small{color:#9fb4cf;font-weight:400;font-size:.82rem}
.pn.p2{flex-direction:row;flex-wrap:wrap;align-content:flex-start}
.fn{font-size:.82rem;color:#b9c8dc;margin:0}
.qb{background:var(--c);color:var(--n);padding:clamp(2rem,4vw,3rem) 0}
.qb .w{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:center}
.qb blockquote{margin:0;font:600 clamp(1.2rem,2.2vw,1.6rem)/1.35 var(--fs)}
.qb ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:.95rem}
.qb .btn{background:var(--n);color:#fff;align-self:flex-start;margin-top:.5rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.why{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:1.5rem}
.why div{border-left:4px solid var(--c);padding-left:.9rem}
.why b{color:var(--n);display:block}
details{border-bottom:1px solid #dde1e6}
details[open]{background:var(--soft)}
summary{cursor:pointer;padding:.9rem 1rem;font:600 1rem var(--fs);list-style:none;display:flex;justify-content:space-between;gap:1rem}
summary:after{content:"+";color:var(--ct);font-weight:700}
details[open] summary:after{content:"–"}
details p{padding:0 1rem;margin:0 0 1rem;color:var(--mut)}
.faq{margin-top:1.5rem}
.cb{background:var(--n);color:#fff}
.cb .two{align-items:center}.cb h2{color:#fff}
form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
form label{grid-column:span 2;font:600 .92rem var(--fi)}
form input,form select{width:100%;padding:.9rem;border:0;background:#fff;color:var(--fg);font:inherit;min-height:48px}
.ft{background:var(--nd);color:#fff;border-top:3px solid var(--c)}
.fsl{list-style:none;margin:0;padding:2rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;border-bottom:1px solid #ffffff1a}
.fsl li{display:flex;align-items:center;gap:1rem}
.fsl .ic{width:46px;height:46px;padding:12px;border-radius:12px;background:#ffffff12;color:var(--cl)}
.fsl span{font-size:.85rem;line-height:1.4;color:#b9c8dc}.fsl b{display:block;font:700 .98rem var(--fs);color:#fff}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr 1.2fr;gap:2.2rem;padding-block:3rem 2.5rem}
.fb p{margin:1.2rem 0 1.2rem;font-size:.92rem;color:#b9c8dc;max-width:26rem}
.fso{display:flex;gap:.6rem}
.fso a{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid #ffffff26;color:#cfdbea;transition:background .2s,color .2s,border-color .2s}
.fso a:hover{background:var(--c);border-color:var(--c);color:var(--n)}
.fso .ic{width:18px;height:18px}
.fc{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;font-size:.92rem}
.fc h3{color:#fff;font-size:1rem;margin:0 0 .9rem}
.fc>a:not(.btn),.fi{display:inline-flex;align-items:center;gap:.7rem;color:#cfdbea;padding:.35rem 0;min-height:36px}
.fc>a:not(.btn){transition:color .2s,transform .2s}.fc>a:not(.btn):hover{color:#fff;transform:translateX(3px)}
.fi{align-items:flex-start}
.fi i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ffffff12;color:var(--cl);flex:none}
.fi .ic{width:15px;height:15px}
.fk .fw{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--n);padding:.8rem 1.3rem;min-height:44px;font-size:.88rem;border-radius:99px}
.fk .fw .ic{width:18px;height:18px}
.fbar{border-top:1px solid #ffffff1a;font-size:.8rem;color:#a9bad0}
.fbar .w{display:flex;justify-content:space-between;align-items:center;gap:.6rem 1.5rem;flex-wrap:wrap;padding-block:1.1rem}
.fbl{display:flex;align-items:center;gap:1.2rem}.fbl a:hover{color:#fff}
.fbl .up{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff2e;transition:background .2s,color .2s,border-color .2s}
.fbl .up:hover{background:var(--c);border-color:var(--c);color:var(--n)}
.up .ic{width:18px;height:18px}
@media(max-width:1100px){.fg{grid-template-columns:1fr 1fr 1fr}.fb{grid-column:1/-1}}
@media(max-width:760px){.fg{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.fsl{grid-template-columns:1fr;gap:1.1rem}}
@media(max-width:560px){.fg{grid-template-columns:1fr;gap:2rem}.fb{grid-column:auto}.fbar .w{flex-direction:column;align-items:flex-start}}
.nu{background:var(--soft)}
.nuh{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;margin-bottom:2.5rem}
.nuh h2{margin:0}.nuh p{margin:0;max-width:34rem}
.gcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1.25rem}
.g-cd{background:var(--n);color:#fff;border-radius:20px;padding:1.5rem}
.g-cd h3{color:#fff;font-size:1.1rem;margin:0 0 .15rem}
.g-sub{font-size:.82rem;color:#b9c8dc;margin:0 0 1rem}
.g-fine{font-size:.74rem;color:#9fb4cf;margin:.8rem 0 0}
.g-cd svg{display:block;width:100%;height:auto}
.g-gl{stroke:#ffffff1f}
.g-tx{fill:#b9c8dc;font:12px var(--fi)}
.g-big{fill:#fff;font:700 28px var(--fs);font-variant-numeric:tabular-nums lining-nums}
.g-lg{display:flex;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:#d6e0f2;margin-top:.7rem}
.g-lg i,.g-dn i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.4rem;flex:none}
.g-dn{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}.g-dn svg{max-width:200px;flex:none}
.g-dn ul{list-style:none;margin:0;padding:0;flex:1;min-width:170px}
.g-dn li{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid #ffffff14;font-size:.9rem}
.g-dn li i{margin:0}.g-dn li span{flex:1}
.g-dn li b,.g-rg b{font:700 1rem var(--fs);font-variant-numeric:tabular-nums lining-nums}
.g-dn em{font-style:normal}
.g-bar{transform-box:fill-box;transform-origin:50% 100%;transition:transform .9s cubic-bezier(.2,.8,.2,1) var(--d)}
.g-seg{stroke-dasharray:var(--l) var(--c);stroke-dashoffset:var(--o);transition:stroke-dasharray 1s ease var(--d)}
.g-line{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s ease}
.g-area{transition:opacity 1s .8s}
.g-dot{transform-box:fill-box;transform-origin:center;transition:transform .4s var(--d)}
.g-rg{display:flex;flex-direction:column;gap:1.1rem}
.g-rg>div>span{display:flex;justify-content:space-between;gap:.6rem;font-size:.9rem;margin-bottom:.35rem}
.g-trk{height:16px;background:#ffffff14;border-radius:8px;overflow:hidden}
.g-fill{height:100%;width:var(--w);border-radius:8px;transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) var(--d)}
.js .g-cd:not(.go) .g-bar{transform:scaleY(0)}
.js .g-cd:not(.go) .g-seg{stroke-dasharray:0 var(--c)}
.js .g-cd:not(.go) .g-line{stroke-dashoffset:1}
.js .g-cd:not(.go) .g-area{opacity:0}
.js .g-cd:not(.go) .g-dot{transform:scale(0)}
.js .g-cd:not(.go) .g-fill{transform:scaleX(0)}
.rv{opacity:0;transform:translateY(20px);transition:.6s}.rv.on{opacity:1;transform:none}
.wa{display:inline-flex;align-items:center;gap:.5rem;position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:60;background:#25d366;color:#04140a;font-weight:700;padding:.9rem 1.2rem;border-radius:99px;box-shadow:0 8px 30px #25d36688}
@media(max-width:860px){.hero,.bg,.two,.qb .w{grid-template-columns:1fr}.hr{padding:2.5rem 1.5rem 5.5rem}.idc{left:1.25rem;bottom:1.25rem}.qb .w{gap:1.5rem}}
@media(max-width:520px){form{grid-template-columns:1fr}form label{grid-column:auto}.why{grid-template-columns:1fr}.tabs label{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ===== v1.3.0 · Serviços ===== */
.svh{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem 3rem;flex-wrap:wrap;margin-bottom:2.5rem}
.svh h2{margin:0}.svh p{margin:0;max-width:34rem}
.svs{display:grid;grid-template-columns:1fr;gap:1.1rem}
@media(min-width:520px){.svs{grid-template-columns:repeat(2,1fr)}}
@media(min-width:860px){.svs{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.svs{grid-template-columns:repeat(4,1fr)}}
.sv{display:flex;flex-direction:column;background:#fff;border:1px solid #dde1e6;border-top:4px solid var(--n);border-radius:0 0 14px 14px;padding:1.4rem 1.3rem 1.2rem;transition:border-color .25s,box-shadow .25s,transform .25s}
.sv h3{font-size:1.08rem;margin:1rem 0 .4rem}
.sv p{margin:0 0 1.2rem;font-size:.93rem;color:var(--mut)}
.svi{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--soft);color:var(--n);transition:background .25s,color .25s}
.svi .ic{width:24px;height:24px}
.svl{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;font:700 .85rem var(--fi);color:var(--ct)}
.svl .ic{width:16px;height:16px;transition:transform .25s}
.sv:hover,.sv:focus-visible{border-top-color:var(--c);box-shadow:0 18px 36px #002e5b1f;transform:translateY(-4px)}
.sv:hover .svi,.sv:focus-visible .svi{background:var(--n);color:var(--c)}
.sv:hover .svl .ic{transform:translateX(4px)}
.svf{display:flex;justify-content:space-between;align-items:center;gap:1rem 2rem;flex-wrap:wrap;margin-top:2rem;padding:1.4rem 1.6rem;background:var(--soft);border-left:5px solid var(--c)}
.svf p{margin:0;font:600 1.05rem var(--fs);color:var(--n)}
.svf .btn{color:var(--n)}
/* ===== v1.3.0 · Indicadores ===== */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:20px;margin-bottom:1.25rem;overflow:hidden}
.kpi{padding:1.4rem 1.5rem 1.2rem;display:flex;flex-direction:column;gap:.3rem;border-left:1px solid #e3e7ec;min-width:0}
.kpi:first-child{border-left:0}
.kp-l{font:600 .85rem var(--fi);color:var(--mut)}
.kp-v{font:700 clamp(1.6rem,2.4vw,2.1rem)/1.1 var(--fs);color:var(--n);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.kp-v em{font-style:normal}.kp-v small{font-size:.55em;font-weight:600;color:var(--mut)}
.kp-d{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--mut);flex-wrap:wrap}
.kp-c{display:inline-flex;align-items:center;gap:.1rem;font-style:normal;font-weight:700;color:#0f7a4d;background:#0f7a4d1a;border-radius:99px;padding:.1rem .55rem .1rem .3rem}
.kp-c .ic{width:14px;height:14px;stroke-width:2.5}
.kp-sp{display:block;width:100%;height:28px;margin-top:.6rem;overflow:visible;transition:opacity 1s .3s}
.kp-sp polyline{vector-effect:non-scaling-stroke}
.js .kpi:not(.go) .kp-sp{opacity:0}
@media(max-width:900px){.kpis{grid-template-columns:1fr 1fr}.kpi:nth-child(3){border-left:0}.kpi:nth-child(n+3){border-top:1px solid #e3e7ec}}
@media(max-width:480px){.kpis{grid-template-columns:1fr}.kpi{border-left:0}.kpi+.kpi{border-top:1px solid #e3e7ec}}
.gcs{grid-template-columns:repeat(3,1fr)}
@media(max-width:1060px){.gcs{grid-template-columns:repeat(2,1fr)}.gcs>.g-cd:last-child{grid-column:1/-1}}
@media(max-width:700px){.gcs{grid-template-columns:1fr}.gcs>.g-cd:last-child{grid-column:auto}}
.g-cd{display:flex;flex-direction:column;min-width:0}
.g-cd .g-fine{margin-top:auto;padding-top:.9rem}
.g-dn{gap:1rem}.g-dn svg{max-width:140px}.g-dn ul{flex:1 1 150px;min-width:0}
.g-arc{stroke-dasharray:var(--l) 100;transition:stroke-dasharray 1.3s cubic-bezier(.2,.8,.2,1)}
.js .g-cd:not(.go) .g-arc{stroke-dasharray:0 100}
.g-bd{transform-origin:50% 0}
.g-tv{fill:#d6e0f2;font:600 11px var(--fi)}
.g-ls{list-style:none;margin:.9rem 0 0;padding:0}
.g-ls li{display:flex;align-items:center;gap:.55rem;padding:.5rem 0;border-bottom:1px solid #ffffff14;font-size:.9rem}
.g-ls li:last-child{border-bottom:0}
.g-ls li span{flex:1}.g-ls i{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}
.g-ls b{font:700 1rem var(--fs);font-variant-numeric:tabular-nums lining-nums}.g-ls em{font-style:normal}
.g-seg-bar{display:flex;gap:3px;height:22px;margin:.3rem 0 .2rem}
.g-seg-bar span{border-radius:6px;transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.js .g-cd:not(.go) .g-seg-bar span{transform:scaleX(0)}
.g-note{display:flex;align-items:baseline;gap:.6rem;margin-top:.9rem;background:#ffffff0d;border-radius:12px;padding:.75rem 1rem}
.g-note b{font:700 1.25rem var(--fs);color:var(--cl);font-variant-numeric:tabular-nums lining-nums}.g-note em{font-style:normal}.g-note span{font-size:.82rem;color:#c3d0e2}
.g-ob{list-style:none;margin:0;padding:0}
.g-ob li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.6rem 0;border-bottom:1px solid #ffffff14}
.g-ob li:last-child{border-bottom:0}
.ob-n{display:flex;flex-direction:column;font-size:.92rem;font-weight:600;line-height:1.3}.ob-n small{font-weight:400;font-size:.76rem;color:#9fb4cf}
.ob{font:700 .74rem var(--fi);font-style:normal;padding:.28rem .7rem;border-radius:99px;white-space:nowrap}
.ob.ok{background:#4ade8026;color:#86efac}.ob.pr{background:#ffd27a26;color:#ffd27a}.ob.ag{background:#8fb4e32e;color:#b9d2f2}
.g-ga{max-width:250px;margin-inline:auto}

/* ===== v1.3.1 · Crédito do desenvolvedor ===== */
.dev{background:#001a33;padding:1.1rem 0 4.5rem}
.dv{position:relative;display:flex;align-items:center;gap:.9rem 1.4rem;padding:.8rem .8rem .8rem 1rem;border-radius:22px;color:#fff;isolation:isolate;overflow:hidden;border:1px solid #ffffff1f;background:radial-gradient(circle at 1px 1px,#ffffff14 1px,transparent 1.3px) 0 0/14px 14px,linear-gradient(100deg,#00213f,#002e5b 55%,#05396b);box-shadow:inset 0 1px 0 #ffffff14,0 14px 40px #0006}
.dv>*{position:relative;z-index:1}
.dv:before{content:"";position:absolute;z-index:0;top:0;left:0;width:35%;height:2px;background:linear-gradient(90deg,transparent,#ff6a5f,#ffd27a,transparent);animation:dvsweep 6s ease-in-out infinite}
.dv:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffffff12 50%,transparent 58%);transform:translateX(-100%);animation:dvshine 8s ease-in-out 2s infinite}
.dv:focus-visible{outline:3px solid var(--c);outline-offset:3px}
.dv-em{position:relative;flex:none;width:54px;height:54px;border-radius:50%}
.dv-em:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(#ff6a5f,#ffd27a00 35%,#8fb4e3 70%,#ff6a5f);animation:dvspin 6s linear infinite}
.dv-em img,.dv-em svg{position:relative;display:block;width:100%;height:100%;border-radius:50%;background:#00213f;box-shadow:0 0 0 2px #002e5b}
.dv-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .6rem;min-width:0}
.dv-who small{flex:0 0 100%;font:500 .72rem var(--fi);letter-spacing:.14em;text-transform:uppercase;color:#9fb4cf}
.dv-who b{font:700 1.3rem/1.2 var(--fs);color:#fff}
.dv-who em{font:600 .92rem var(--fi);font-style:normal;color:var(--cl)}
.dv-ln{position:relative;flex:1 1 60px;min-width:40px;height:4px;margin-right:6px;border-radius:4px;background:linear-gradient(90deg,#ffffff1a,#8fb4e3)}
.dv-ln i{position:absolute;top:0;left:0;width:30%;height:100%;border-radius:4px;background:linear-gradient(90deg,transparent,#fff,transparent);animation:dvrun 2.8s ease-in-out infinite}
.dv-ln:after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#ffd27a;box-shadow:0 0 0 4px #ffd27a33,0 0 16px #ffd27a;animation:dvpulse 2.4s ease-in-out infinite}
.dv-ch{display:flex;gap:.6rem;flex-wrap:nowrap}
.dv-ch>span{white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;font:600 .82rem var(--fi);padding:.38rem .8rem;border-radius:99px;border:1.5px solid currentColor;background:#ffffff08;animation:dvglow 4.5s ease-in-out infinite}
.dv-ch .ic{width:14px;height:14px}
.dv-ch .c1{color:#8fb4e3}.dv-ch .c2{color:var(--cl);animation-delay:1.5s}.dv-ch .c3{color:#ffd27a;animation-delay:3s}
.dv-cta{display:inline-flex;align-items:center;gap:.9rem;margin-left:auto;padding:.5rem .55rem .5rem 1.5rem;border-radius:99px;border:1.5px solid var(--c);font:700 1rem var(--fs);color:#fff;background:#ffffff0a;white-space:nowrap;transition:background .25s}
.dv-ar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--c),var(--cl));color:var(--n);transition:transform .3s}
.dv-ar .ic{width:16px;height:16px;stroke-width:2.4}
.dv:hover .dv-cta,.dv:focus-visible .dv-cta{background:#ff6a5f2b}
.dv:hover .dv-ar,.dv:focus-visible .dv-ar{transform:translate(3px,-3px)}
@keyframes dvsweep{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
@keyframes dvshine{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes dvspin{to{transform:rotate(360deg)}}
@keyframes dvrun{0%{transform:translateX(-100%)}100%{transform:translateX(335%)}}
@keyframes dvpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@keyframes dvglow{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 14px -3px currentColor}}
@media(max-width:1100px){.dv{flex-wrap:wrap}.dv-ln{display:none}.dv-ch{order:3;flex:1 1 100%;order:3}.dv-ch>span{flex:1;justify-content:center}.dv-cta{order:2}}
@media(max-width:700px){.dv{flex-direction:column;align-items:flex-start;padding:1rem}.dv-cta{width:100%;justify-content:space-between;margin:.2rem 0 0}}

@media(max-width:520px){.dv-ch{display:grid;grid-template-columns:1fr 1fr}.dv-ch .c1{grid-column:1/-1}}

/* ===== v1.5 · Instagram ===== */
.ig{background:var(--soft)}
.igw{display:grid;grid-template-columns:1fr 1.05fr;gap:3rem;align-items:center}
.igt h2 span{color:var(--ct)}.igt p{max-width:30rem;margin:0 0 1.6rem}
.igt .btn,.igf .btn{display:inline-flex;align-items:center;gap:.6rem}.igt .btn .ic,.igf .btn .ic{width:20px;height:20px}
.igc{position:relative;overflow:hidden;border-radius:26px;padding:1.9rem;color:#fff;border:1px solid #ffffff1f;background:radial-gradient(circle at 100% 0,#ff6a5f40,transparent 48%),linear-gradient(160deg,var(--n),var(--nd));box-shadow:0 30px 60px #002e5b40}
.igh{display:flex;align-items:center;gap:1.2rem}
.iga{flex:none;width:96px;height:96px;padding:3px;border-radius:50%;background:conic-gradient(from 200deg,#ff6a5f,#ffd27a,#e0527a,#8fb4e3,#ff6a5f)}
.iga img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--nd)}
.ign{display:block;font:700 1.4rem/1.2 var(--fs);word-break:break-word;color:#fff}.ign:hover{color:var(--cl)}
.igu{display:block;margin-top:.25rem;color:#b9c8dc;font-size:.95rem}
.igs{list-style:none;display:flex;gap:2rem;margin:1.5rem 0 1.2rem;padding:1.1rem 0;border-block:1px solid #ffffff1f}
.igs li{color:#b9c8dc;font-size:.85rem}.igs b{display:block;font:700 1.5rem var(--fs);color:#fff;font-variant-numeric:tabular-nums lining-nums}
.igcat{margin:0 0 .7rem;color:var(--cl);font:600 .85rem var(--fi)}
.igb{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;gap:.5rem}
.igb li{display:flex;gap:.7rem;align-items:center;font-size:.95rem}.igb li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.igf{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.igq{flex:none;background:#fff;border-radius:14px;padding:9px 9px 6px;text-align:center;color:var(--n);font:600 .64rem var(--fi)}.igq svg{display:block;width:96px;height:96px;margin-bottom:4px}
@media(max-width:860px){.igw{grid-template-columns:1fr;gap:2rem}}
@media(max-width:520px){.igq{display:none}.igs{gap:1.2rem}.igc{padding:1.4rem}.iga{width:80px;height:80px}.ign{font-size:1.15rem}.igf .btn{width:100%;justify-content:center}}
.ig .ey{color:var(--ct)}
.fi{overflow-wrap:anywhere}

/* ===== v1.6 · Localização ===== */
.locw{display:grid;grid-template-columns:1fr 1.35fr;gap:3rem;align-items:center}
.loc h2 span{color:var(--ct)}.loc .ey{color:var(--ct)}.lct p{max-width:28rem;margin:0 0 1.4rem}
.lcl{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;gap:1rem}
.lcl li{display:flex;align-items:flex-start;gap:.9rem;line-height:1.5;font-weight:600;color:var(--n)}
.lcl i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--ct);flex:none}.lcl .ic{width:18px;height:18px}
.lcb{display:inline-flex;align-items:center;gap:.6rem}.lcb .ic{width:20px;height:20px}
.lcm{border-radius:24px;overflow:hidden;border:1px solid #dde1e6;box-shadow:0 24px 50px #002e5b2e;background:var(--soft)}
.lcm iframe{display:block;width:100%;height:400px;border:0}
@media(max-width:860px){.locw{grid-template-columns:1fr;gap:2rem}.lcm iframe{height:300px}}