@font-face{font-family:Familjen Grotesk;font-weight:400 700;font-display:swap;src:url(familjen-grotesk.woff2) format("woff2")}@font-face{font-family:Karla;font-weight:400 700;font-display:swap;src:url(karla.woff2) format("woff2")}:root{--cal:#f4f1ec;--cal-2:#ebe5dc;--linha:#d9d1c4;--grafite:#1e2124;--grafite-2:#4c5157;--telha:#b0441d;--telha-esc:#8c3415;--telha-f:#f6e3d9;--verde:#2c6a4c;--verde-f:#dcefe4;--ouro:#f0b429;--titulo:"Familjen Grotesk",Arial,sans-serif;--letra:Karla,Arial,sans-serif;--raio:16px;--ease:cubic-bezier(.23,1,.32,1);--sombra:0 1px 2px rgba(30,33,36,.06),0 14px 34px -20px rgba(30,33,36,.35)}[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--cal);color:var(--grafite);font:400 1.02rem/1.55 var(--letra)}img{display:block;max-width:100%;height:auto}h1,h2,h3{margin:0;font-family:var(--titulo);font-weight:700;letter-spacing:-.02em;line-height:1.1}a{color:var(--telha-esc)}:focus-visible{outline:3px solid var(--telha);outline-offset:2px}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.aviso{margin:0;padding:.45rem 1rem;background:var(--grafite);color:#d9d4cc;font-size:.82rem;text-align:center}.aviso a{color:#fff;white-space:nowrap}.topo{background:var(--cal);border-bottom:1px solid var(--linha)}.topo-d{display:flex;align-items:center;justify-content:space-between;gap:.8rem;max-width:72rem;margin:auto;padding:.4rem 1rem}.logo{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;color:var(--grafite);text-decoration:none;font:700 1.1rem var(--titulo);white-space:nowrap}.logo b{color:var(--telha)}.logo svg{width:2rem;height:2rem}.logo-telha{stroke:var(--telha);stroke-width:3}.logo-fio{stroke:var(--grafite-2);stroke-width:1.4}.logo-prumo{fill:var(--grafite);stroke:none}@media(prefers-reduced-motion:no-preference){.logo-fio,.logo-prumo{transform-origin:20px 6px;animation:prumo 1.6s var(--ease) .2s both}@keyframes prumo{0%{transform:rotate(14deg)}35%{transform:rotate(-8deg)}65%{transform:rotate(3deg)}to{transform:none}}}.topo nav{display:flex}.topo nav a{display:flex;align-items:center;min-height:44px;padding:0 .5rem;color:var(--grafite-2);font-weight:600;font-size:.92rem;text-decoration:none}@media(max-width:420px){.topo nav a[href="#trabalhos"]{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:50px;padding:.55rem 1.2rem;border:2px solid transparent;border-radius:12px;font:700 1rem/1.15 var(--letra);text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s,transform .12s var(--ease)}.btn:active{transform:scale(.98)}.btn-p{background:var(--telha);color:#fff}.btn-s{background:transparent;border-color:currentColor;color:inherit}.btn-w{background:#0d6b4f;color:#fff}@media(hover:hover)and (pointer:fine){.btn-p:hover{background:var(--telha-esc)}.btn-w:hover{background:#0a5540}}.exemplo-tag{display:inline-block;margin:0;padding:.05rem .45rem;border:1px dashed #b38b00;border-radius:999px;background:#fff3c4;color:#4a3800;font:600 .72rem/1.5 var(--letra);vertical-align:middle}.hero{display:grid;gap:1.6rem;max-width:72rem;margin:auto;padding:1.6rem 1rem 2.4rem}@media(min-width:900px){.hero{grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;padding-block:3.2rem}}.olho{margin:0 0 .7rem;color:var(--telha-esc);font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(1.9rem,6.2vw,3.2rem)}.hero h1 em{font-style:normal;color:var(--telha)}.hero-sub{margin:1rem 0 0;max-width:38em;color:var(--grafite-2);font-size:1.08rem}.cta{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0 0}.confianca{display:grid;gap:.5rem;margin:1.6rem 0 0;padding:0;list-style:none;font-weight:600;font-size:.95rem}.confianca li{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.confianca svg{width:1.3rem;height:1.3rem;flex:none;color:var(--verde)}.ad{position:relative;display:grid;margin:0}.ad-fotos,.ad-ctl{grid-area:1/1}.ad-fotos{position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:var(--raio);background:var(--cal-2);box-shadow:var(--sombra)}.ad-f{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s var(--ease)}.ad-f.ativo{opacity:1}@media(prefers-reduced-motion:reduce){.ad-f{transition:none}}.ad-ctl{position:relative;z-index:1;align-self:end;justify-self:center;margin-bottom:.8rem;display:flex;gap:.2rem;padding:.25rem;border-radius:999px;background:#1e2124d1}.ad-ctl button{min-height:40px;min-width:4.6rem;padding:0 .9rem;border:0;border-radius:999px;background:transparent;color:#e9e4dc;font:700 .9rem var(--letra);cursor:pointer}.ad-ctl button[aria-pressed=true]{background:#fff;color:var(--grafite)}.ad figcaption{margin-top:.6rem;color:var(--grafite-2);font-size:.9rem}.hero-ad .ad-fotos{max-height:min(78svh,640px)}.sec{padding:2.8rem 1rem}.sec>*{max-width:72rem;margin-inline:auto}.sec-cal{background:var(--cal-2)}.sec-escura{background:var(--grafite);color:#f1ece4}.sec-cab{margin-bottom:1.4rem}.sec-cab h2{font-size:clamp(1.55rem,4.6vw,2.3rem)}.sec-cab h2:after{content:"";display:block;width:7.5rem;height:9px;margin-top:.6rem;background:repeating-linear-gradient(90deg,var(--telha) 0 2px,transparent 2px 12px) bottom/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--telha) 0 2px,transparent 2px 60px) bottom/100% 9px no-repeat;opacity:.75}.sec-cab p{margin:.7rem 0 0;color:var(--grafite-2);max-width:42em}.sec-escura .sec-cab p{color:#cfc8bd}.trabalhos{display:grid;gap:2rem}@media(min-width:900px){.trabalhos{grid-template-columns:1fr 1fr;gap:2.4rem}}.trabalho{display:grid;gap:1rem}.trabalho h3{font-size:1.35rem}.ficha-obra{display:grid;gap:.35rem;margin:.6rem 0 .7rem}.ficha-obra div{display:grid;grid-template-columns:5rem 1fr;gap:.5rem}.ficha-obra dt{color:var(--grafite-2);font-size:.9rem}.ficha-obra dd{margin:0;font-weight:600}.servicos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.8rem;margin:0 auto;padding:0;list-style:none}.servicos li{display:grid;grid-template-columns:2.6rem 1fr;column-gap:.8rem;align-items:start;padding:1rem;background:#fff;border-radius:var(--raio);box-shadow:var(--sombra)}.servicos svg{grid-row:span 2;width:2.6rem;height:2.6rem;padding:.55rem;border-radius:12px;background:var(--telha-f);color:var(--telha-esc)}.servicos b{font-family:var(--titulo);font-size:1.08rem}.servicos span{color:var(--grafite-2);font-size:.92rem}.passos{display:grid;gap:.8rem;margin:0 auto;padding:0;list-style:none;counter-reset:p}@media(min-width:900px){.passos{grid-template-columns:repeat(4,1fr)}}.passos li{counter-increment:p;display:grid;gap:.3rem;padding:1.1rem;border:1px solid var(--linha);border-radius:var(--raio)}.passos li:before{content:counter(p);display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--grafite);color:#fff;font:700 1rem var(--titulo)}.passos b{font-family:var(--titulo);font-size:1.08rem}.passos span{color:var(--grafite-2)}.zonas{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none}.zonas li{padding:.45rem .9rem;border:1px solid var(--linha);border-radius:999px;background:#fff;font-weight:600}.faq details{max-width:52rem;margin:.5rem auto 0;background:#fff;border-radius:14px}.faq summary{display:flex;align-items:center;min-height:56px;padding:.7rem 1rem;cursor:pointer;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";margin-left:auto;font-size:1.4rem;color:var(--telha)}.faq details[open] summary:after{content:"\2212"}.faq details p{margin:0;padding:0 1rem 1rem;color:var(--grafite-2)}.orc{display:grid;gap:1.2rem;max-width:44rem}.orc-progresso{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin:0;padding:0;list-style:none;counter-reset:o}.orc-progresso li{counter-increment:o;padding-top:.55rem;border-top:4px solid #444a50;color:#a9a399;font-size:.8rem;font-weight:700;transition:border-color .3s,color .3s}.orc-progresso li:before{content:counter(o) ". "}.orc-progresso li.feito,.orc-progresso li[aria-current]{border-color:var(--telha);color:#fff}.orc-passo{display:grid;gap:1rem;margin:0;padding:1.2rem;border:1px solid #3b4046;border-radius:var(--raio);background:#262a2e;min-width:0}.orc-passo legend{float:left;width:100%;margin-bottom:.2rem;font:700 1.25rem var(--titulo)}.chips{display:flex;flex-wrap:wrap;gap:.45rem}.chips-col{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr))}.chips label{position:relative;cursor:pointer}.chips input{position:absolute;opacity:0;width:1px;height:1px}.chips span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:.4rem .9rem;border:1.5px solid #555b62;border-radius:12px;color:#ece6dc;font-weight:600;text-align:center;transition:background-color .15s,border-color .15s}.chips input:checked+span{border-color:var(--telha);background:var(--telha);color:#fff}.chips input:focus-visible+span{outline:3px solid #f6b593;outline-offset:2px}.campo{display:grid;gap:.35rem;font-weight:600}.campo small,.campo-t small{color:#a9a399;font-weight:400}.campo-t{margin:0;font-weight:700}.campos-2{display:grid;gap:1rem}@media(min-width:620px){.campos-2{grid-template-columns:1fr 1fr}}.orc input:not([type=radio]):not([type=checkbox]):not([type=file]),.orc select,.orc textarea{width:100%;min-height:48px;padding:.6rem .8rem;border:1.5px solid #555b62;border-radius:12px;background:#1b1e21;color:#fff;font:inherit;font-weight:400}.orc textarea{resize:vertical}.com-unidade{display:flex;align-items:center;gap:.5rem}.com-unidade input{max-width:8rem}.check{display:flex;align-items:center;gap:.6rem;min-height:44px;font-weight:600;cursor:pointer}.check input{width:1.3rem;height:1.3rem;accent-color:var(--telha)}.check small{color:#a9a399;font-weight:400}.check-forte{padding:.4rem .8rem;border-radius:12px;background:#30353a}.ajuda{margin:0;color:#bdb6ab;font-size:.92rem}.erro{margin:0;padding:.6rem .8rem;border-radius:10px;background:#5c1f12;color:#ffd9cb;font-weight:600}.orc-nav{display:flex;flex-wrap:wrap;gap:.6rem}.orc-nav .btn{flex:1 1 9rem}.orc-nav .btn-s{color:#f1ece4}.orc-nota{margin:0;color:#a9a399;font-size:.88rem}.fotos-campo{display:grid;gap:.6rem}.fotos-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.fotos-lista:empty{display:none}.fotos-lista li{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#111}.fotos-lista img{width:100%;height:100%;object-fit:cover}.fotos-lista .capa{position:absolute;left:.3rem;bottom:.3rem;padding:0 .4rem;border-radius:6px;background:var(--telha);color:#fff;font-size:.7rem;font-weight:700}.fotos-lista button{position:absolute;right:.25rem;top:.25rem;width:36px;height:36px;border:0;border-radius:50%;background:#000000b8;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer}.fotos-add{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:96px;padding:1rem;border:2px dashed #6a7077;border-radius:var(--raio);color:#fff;font-weight:700;cursor:pointer;transition:border-color .15s,background-color .15s}.fotos-add:has(input:focus-visible){outline:3px solid #f6b593;outline-offset:2px}.fotos-add svg{width:2rem;height:2rem;color:#f6b593}.fotos-add input{position:absolute;inset:0;opacity:0;cursor:pointer}.fotos-add.mais{min-height:56px}@media(hover:hover)and (pointer:fine){.fotos-add:hover{border-color:var(--telha);background:#2c3135}}.orc-resumo{padding:1rem;border-radius:12px;background:#1b1e21;font-size:.95rem}.orc-resumo dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem .8rem;margin:0}.orc-resumo dt{color:#a9a399}.orc-resumo dd{margin:0;font-weight:600}.orc-feito{max-width:44rem;padding:1.4rem;border-radius:var(--raio);background:var(--verde-f);color:var(--grafite)}.orc-feito h3{font-size:1.4rem;color:var(--verde)}.orc-feito p{margin:.6rem 0 0}.orc-feito .btn{margin:.3rem .3rem 0 0}.orc-feito .btn-s{color:var(--grafite)}.orc.por-passos .orc-passo:not(.agora){display:none}@media(prefers-reduced-motion:no-preference){.orc.por-passos .orc-passo.agora{animation:entra .35s var(--ease)}@keyframes entra{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}.rodape{padding:2.4rem 1rem 6rem;background:var(--grafite);color:#d9d4cc}.rodape>*{max-width:72rem;margin-inline:auto}.rodape h2{color:#fff;font-size:1.5rem}.rodape p{margin:.35rem auto 0}.rodape a{color:#fff}.rodape-s{margin-top:1.2rem!important;font-size:.86rem;color:#a9a399}@media(min-width:900px){.rodape{padding-bottom:2.4rem}}.barra{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:.5rem;padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -10px 28px -16px #1e212466}.barra .btn{flex:1;min-height:46px;padding-inline:.5rem;white-space:nowrap;font-size:.98rem}@media(min-width:900px){.barra{display:none}}.toast{position:fixed;left:1rem;right:1rem;bottom:5.2rem;z-index:30;max-width:30rem;margin:auto;padding:.75rem 1rem;border-radius:14px;background:var(--grafite);color:#fff;opacity:0;pointer-events:none;transform:translateY(.4rem);transition:opacity .2s var(--ease),transform .2s var(--ease)}.toast.ver{opacity:1;transform:none}.texto{max-width:52rem;margin:auto;padding:2rem 1rem 4rem}.texto li{margin-bottom:.5rem;overflow-wrap:anywhere}.painel{max-width:72rem;margin:auto;padding:1.4rem 1rem 4rem}.painel h1{font-size:clamp(1.6rem,5vw,2.2rem)}.p-sub{margin:.4rem 0 1.2rem;color:var(--grafite-2)}.p-numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.6rem;margin:0 0 1.2rem;padding:0;list-style:none}.p-numeros li{padding:.9rem 1rem;border-radius:14px;background:#fff;box-shadow:var(--sombra)}.p-numeros b{display:block;font:700 1.6rem var(--titulo)}.p-numeros span{color:var(--grafite-2);font-size:.88rem}.p-filtros{display:flex;gap:.35rem;overflow-x:auto;margin:0 -1rem 1rem;padding:0 1rem .3rem;scrollbar-width:thin}.p-filtros button{flex:none;min-height:44px;padding:0 .9rem;border:1.5px solid var(--linha);border-radius:999px;background:#fff;color:var(--grafite);font:600 .92rem var(--letra);cursor:pointer}.p-filtros button[aria-pressed=true]{border-color:var(--grafite);background:var(--grafite);color:#fff}.p-lista{display:grid;gap:.9rem;margin:0;padding:0;list-style:none}@media(min-width:900px){.p-lista{grid-template-columns:1fr 1fr}}.pedido{display:grid;gap:.7rem;padding:1rem;border-radius:var(--raio);background:#fff;box-shadow:var(--sombra);border-left:5px solid var(--linha)}.pedido[data-estado=novo]{border-left-color:var(--telha)}.pedido[data-estado=visita]{border-left-color:var(--ouro)}.pedido[data-estado=orcamento]{border-left-color:#3d6fb6}.pedido[data-estado=aceite]{border-left-color:var(--verde)}.pedido[data-estado=perdido]{opacity:.7}.pedido-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.pedido h2{font-size:1.15rem}.pedido-meta{margin:.15rem 0 0;color:var(--grafite-2);font-size:.88rem}.estado-tag{flex:none;padding:.2rem .6rem;border-radius:999px;background:var(--cal-2);font-size:.8rem;font-weight:700;white-space:nowrap}.pedido[data-estado=novo] .estado-tag{background:var(--telha-f);color:var(--telha-esc)}.pedido[data-estado=aceite] .estado-tag{background:var(--verde-f);color:var(--verde)}.pedido-dados{display:flex;flex-wrap:wrap;gap:.35rem}.pedido-dados span{padding:.2rem .55rem;border-radius:8px;background:var(--cal);font-size:.86rem;font-weight:600}.pedido-dados .valor{background:var(--telha-f);color:var(--telha-esc)}.pedido-desc{margin:0;color:var(--grafite)}.pedido-fotos{display:flex;gap:.4rem;overflow-x:auto;margin:0;padding:0;list-style:none}.pedido-fotos a{display:block;width:5.5rem;height:5.5rem;flex:none;border-radius:10px;overflow:hidden;background:var(--cal-2)}.pedido-fotos img{width:100%;height:100%;object-fit:cover}.pedido-acoes{display:flex;flex-wrap:wrap;gap:.4rem}.pedido-acoes .btn{min-height:44px;padding:.3rem .8rem;font-size:.92rem}.pedido-acoes .btn-s{color:var(--grafite)}.p-mudar{display:grid;gap:.5rem;padding:.8rem;border-radius:12px;background:var(--cal)}.p-mudar label{display:grid;gap:.25rem;font-weight:600;font-size:.9rem}.p-mudar input,.p-mudar select,.p-mudar textarea{min-height:44px;padding:.4rem .6rem;border:1.5px solid var(--linha);border-radius:10px;background:#fff;font:inherit}.p-vazio{padding:2rem;text-align:center;color:var(--grafite-2)}.p-repor{margin-top:1.4rem;color:var(--grafite-2);font-size:.9rem}.p-repor button{border:0;background:none;color:var(--telha-esc);font:inherit;text-decoration:underline;cursor:pointer;min-height:44px}
