/* OFFPRAG — estilos abaixo da dobra (o CSS do topo fica inline no index.html) */

.eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--green-d)}
.eyebrow-l{color:var(--green)}
.h2{margin:0;font-family:'Exo 2',sans-serif;font-weight:800;font-size:clamp(34px,4vw,52px);line-height:1.02;text-wrap:balance}
.stack-16,.stack-18,.stack-22,.stack-48{display:flex;flex-direction:column}
.stack-16{gap:16px}.stack-18{gap:18px}.stack-22{gap:22px}.stack-48{gap:48px}
.sec{padding:96px 24px}
.sec-white{background:#fff}
.sec-dark{background:var(--ink);color:#fff}
.sec-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px 64px;align-items:end}
.sec-p{margin:0;font-size:19px;line-height:1.55;color:var(--t2);text-wrap:pretty}
.sec-p-l{color:var(--muted)}
ul.serv-grid,ul.team,ul.cidades,ol.passos{list-style:none;margin:0;padding:0}

/* Orçamento */
.fold2{padding:96px 24px}
.orc-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px;align-items:stretch}
.orc-intro{background:var(--ink);color:#fff;border-radius:28px;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:40px;position:relative;overflow:hidden;min-height:480px}
.orc-ring{position:absolute;left:-120px;bottom:-120px;width:420px;height:420px;border-radius:50%;border:40px solid;border-color:var(--green) var(--g3) var(--g3) var(--green);transform:rotate(-45deg)}
.orc-intro-text{position:relative;display:flex;flex-direction:column;gap:18px}
.orc-h2{margin:0;font-family:'Exo 2',sans-serif;font-weight:800;font-size:clamp(32px,3.6vw,46px);line-height:1.05;text-wrap:balance}
.orc-intro p{margin:0;font-size:18px;line-height:1.55;color:var(--muted)}
.orc-sym{position:relative;width:120px;height:auto;align-self:flex-end}

.form-card{background:#fff;border-radius:28px;border:1px solid var(--line);padding:44px;display:flex;flex-direction:column;gap:26px;margin:0}
.form-top{display:flex;flex-direction:column;gap:10px}
.form-meta{display:flex;justify-content:space-between;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--green-d)}
.back{background:none;border:none;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;color:var(--t4);text-transform:uppercase;min-height:24px}
.back:hover{color:var(--ink)}
.bar{height:6px;border-radius:3px;background:#EEEBE2;overflow:hidden}
.bar-fill{height:100%;width:33.34%;background:var(--green);border-radius:3px;transition:width .3s}
.step{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:22px}
.js .step:not(.is-active){display:none}
.no-js .form-top,.no-js .btn-next[type=submit]{display:none}
.h3{margin:0;font-family:'Exo 2',sans-serif;font-weight:800;font-size:clamp(26px,2.6vw,34px);line-height:1.1;outline:none}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.opt{position:relative;display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:16px 18px;border-radius:14px;border:2px solid var(--line);background:var(--card);font-weight:700;font-size:17px;color:var(--ink);min-height:48px;justify-content:center;transition:border-color .15s,background .15s}
.opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.opt small{font-weight:400;font-size:15px;color:var(--t4)}
.opt-2{padding:18px}
.opt:hover{border-color:#C8D9AE}
.opt.on,.opt:has(input:checked){border-color:var(--green);background:#F1F8E6}
.opt:has(input:focus-visible){outline:3px solid var(--green-d);outline-offset:2px}
.field{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:16px}
.opt-note{font-weight:400;color:var(--t5);font-size:15px}
.field textarea,.field input,.field select{padding:14px 16px;border-radius:14px;border:2px solid var(--line);font-size:16px;font-weight:400;background:var(--card);outline:none;color:var(--ink);width:100%}
.field textarea{resize:vertical}
.field textarea:focus,.field input:focus,.field select:focus{border-color:var(--green)}
.field [aria-invalid=true],.opts[aria-invalid=true] .opt{border-color:#C0392B}
.err{margin:-12px 0 0;font-size:15px;font-weight:600;color:#B03A2E;line-height:1.4}
.err:empty{display:none}
.resumo{background:var(--cream);border-radius:14px;padding:14px 18px;font-size:16px;color:#2B302B}
.resumo:empty{display:none}
.note{margin:0;font-size:14px;color:var(--t5);line-height:1.5}
.note a{text-decoration:underline}
.form-actions{display:flex;flex-direction:column;gap:14px;margin-top:auto}
.btn-next{cursor:pointer;border:none;border-radius:999px;padding:18px 28px;font-weight:700;font-size:18px;background:var(--green);color:var(--ink);text-align:center;transition:background .15s}
.btn-next:hover{background:var(--green-h);color:var(--ink)}
.btn-next.is-incomplete{background:#D5E8B8}
.btn-next[disabled]{opacity:.7;cursor:wait}
.foto{text-align:center;font-weight:600;font-size:16px;color:var(--green-d);padding:6px 0}
.trust{margin:0;text-align:center;font-size:14px;color:var(--t5)}

/* Serviços */
.serv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.serv{border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;gap:22px;align-items:center;background:var(--card);transition:border-color .15s}
.serv:hover{border-color:var(--green)}
.badge{width:104px;height:104px;border-radius:50%;background:var(--ink);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}
.badge::before{content:"";position:absolute;inset:0;border-radius:50%;border:7px solid;border-color:var(--green) var(--g5) var(--g5) var(--green);transform:rotate(-45deg)}
.b-off{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--green)}
.b-t{font-family:'Exo 2',sans-serif;font-weight:900;color:#fff;line-height:1}
.serv-t{display:flex;flex-direction:column;gap:6px;min-width:0}
.serv-t h3{margin:0;font-family:'Exo 2',sans-serif;font-weight:800;font-size:clamp(18px,1.7vw,22px);line-height:1.15}
.serv-t p{margin:0;font-size:16px;line-height:1.45;color:var(--t3)}
.serv-more{margin:-20px 0 0;font-size:17px;color:var(--t2)}
.serv-more a{font-weight:700}

/* Casa x empresa */
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:20px}
.duo-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:48px;display:flex;flex-direction:column;gap:18px}
.duo-card p{margin:0;font-size:18px;line-height:1.55;color:var(--t2)}
.h3-lg{margin:0;font-family:'Exo 2',sans-serif;font-weight:800;font-size:clamp(28px,3vw,38px);line-height:1.05}
.duo-link{margin-top:auto;font-weight:700;font-size:18px;color:var(--green-d)}
.duo-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.duo-dark p{color:var(--muted)}
.duo-dark .duo-link{color:var(--green)}

/* Como funciona */
.como-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px}
.como-cta{align-self:flex-start}
.como-wa{color:var(--muted);font-weight:600;font-size:16px;text-decoration:underline;text-underline-offset:3px}
.como-wa:hover{color:var(--green)}
.passos{display:flex;flex-direction:column}
.passos li{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--g4)}
.p-n{width:56px;height:56px;border-radius:50%;border:2px solid var(--green);display:flex;align-items:center;justify-content:center;font-family:'Exo 2',sans-serif;font-weight:800;font-size:22px;color:var(--green)}
.passos li div{display:flex;flex-direction:column;gap:6px}
.passos h3{margin:0;font-family:'Exo 2',sans-serif;font-weight:700;font-size:23px}
.passos p{margin:0;font-size:17px;line-height:1.5;color:var(--muted)}

/* Equipe */
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.member{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.m-foto{aspect-ratio:1/1;background:var(--ink);position:relative;overflow:hidden}
.m-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.m-t{padding:26px 28px;display:flex;flex-direction:column;gap:6px}
.m-t h3{margin:0;font-family:'Exo 2',sans-serif;font-weight:800;font-size:26px}
.m-t p{margin:0;font-size:17px;color:var(--t3)}

/* Região */
.regiao-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center}
.cidades{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.cidades li{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:14px;background:var(--cream);font-weight:700;font-size:17px}
.cidades li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--green);flex:none}
.locais{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}
.locais article{border-top:3px solid var(--green);padding-top:18px;display:flex;flex-direction:column;gap:8px}
.locais h3{margin:0;font-family:'Exo 2',sans-serif;font-weight:800;font-size:20px;line-height:1.2}
.locais p{margin:0;font-size:16px;line-height:1.55;color:var(--t2)}

/* Dúvidas */
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px}
.faq{display:flex;flex-direction:column}
.faq details{border-bottom:1px solid #D9D4C6}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;cursor:pointer;font-weight:700;font-size:19px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:'Exo 2',sans-serif;font-weight:700;font-size:28px;color:var(--green-d);flex:none;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0;padding:0 40px 24px 0;font-size:17px;line-height:1.6;color:var(--t2)}

/* CTA final */
.sec-cta{padding:0 24px 96px}
.cta-box{background:var(--green);border-radius:32px;padding:clamp(36px,5vw,64px);display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cta-h{margin:0;font-family:'Exo 2',sans-serif;font-weight:900;font-size:clamp(34px,4.4vw,58px);line-height:.98;letter-spacing:-.01em}
.cta-btn{background:var(--ink);color:#fff;font-weight:700;font-size:19px;padding:20px 34px;border-radius:999px}
.cta-btn:hover{background:#2B302B;color:#fff}

/* Rodapé */
.footer{background:var(--ink);color:var(--muted);padding:72px 24px 36px}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}
.foot-col{display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.5}
.foot-col img{width:150px;height:auto}
.foot-link{color:#fff}
.foot-bottom{border-top:1px solid var(--g4);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:#8E958C}
.foot-bottom a{color:#8E958C;text-decoration:underline}

@media (max-width:860px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.team{grid-template-columns:1fr}}
@media (max-width:720px){
.sec{padding:72px 16px}
.detalhe,.orc-intro p,.orc-sym,.orc-ring{display:none!important}
.fold2{min-height:calc(100svh - 59px);padding:12px 16px 24px;display:flex;flex-direction:column;scroll-margin-top:59px}
.orc-grid{display:flex;flex-direction:column;gap:12px;flex:1;width:100%}
.orc-intro{min-height:0;padding:16px 20px;gap:0;border-radius:20px}
.orc-h2{font-size:21px}
.orc-intro .eyebrow{font-size:13px}
.form-card{padding:20px;gap:14px;border-radius:20px;flex:1}
.step{gap:14px}
.h3{font-size:24px}
.opts{grid-template-columns:1fr 1fr;gap:8px}
.opt{padding:12px 14px;font-size:15px}
.opt small{font-size:13px}
.err{margin-top:-6px}
.trust{padding:0 44px}
.serv-more{margin-top:-28px}
.duo-card{padding:32px 24px}
.sec-cta{padding:0 16px 88px}
.footer{padding:56px 16px 96px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bar-fill{transition:none}}