/* ==========================================================
     Brel Desentupidora, v3
     Paleta Espresso Aceso (docs/09-MARCA-VISUAL.md)
     Tema unico: escuro quente. Raio: superficies 16px, interativos pill.
     Regra dura de cor: texto sobre Tijolo e sempre Espresso.
     ========================================================== */
  /* Fontes servidas pelo proprio site (OFL), so o subconjunto latin, que cobre
     o portugues. Onest e variavel: um arquivo atende 400 e 600. */
  @font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;
    src:url(../fontes/outfit-600-latin.woff2) format('woff2')}
  @font-face{font-family:'Onest';font-style:normal;font-weight:400 600;font-display:swap;
    src:url(../fontes/onest-latin.woff2) format('woff2')}
  :root{
    --espresso:#1D100B;
    --barro:#57301E;
    --tijolo:#D06C42;
    --salmao:#E5A077;
    --claro:#F6EDE5;
    --branco:#FFFFFF;
    --fundo:#1D100B;
    --fundo-2:#241610;          /* tinta da mesma familia, entre espresso e barro */
    --linha:rgba(229,160,119,.16);
    --texto:#F6EDE5;
    --texto-suave:rgba(246,237,229,.72);
    --titulo:'Outfit',sans-serif;
    --corpo:'Onest',sans-serif;
    --r-surf:16px;
    --ease:cubic-bezier(.16,1,.3,1);
    --zoom:1;                   /* escala geral da pagina; alturas em vh se dividem por ela */
  }
  /* No computador a pagina roda a 90%, pedido do dono em 2026-09-25, para as secoes
     caberem melhor na tela. O zoom encolhe tambem o vh, por isso as alturas de tela
     cheia usam calc(100dvh / var(--zoom)). */
  @media(min-width:1024px){:root{--zoom:.9;zoom:var(--zoom)}}
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    background:var(--fundo);
    color:var(--texto);
    font-family:var(--corpo);
    font-size:17px;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;height:auto;display:block}
  a{color:inherit;text-decoration:none}
  h1,h2,h3{font-family:var(--titulo);font-weight:600;line-height:1.05;letter-spacing:-.02em}
  .wrap{max-width:1280px;margin:0 auto;padding:0 24px}
  @media(min-width:768px){.wrap{padding:0 48px}}

  /* ---------- navegacao ---------- */
  .nav{
    position:fixed;inset:0 0 auto 0;z-index:50;
    background:rgba(29,16,11,.82);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--linha);
  }
  .nav-in{display:flex;align-items:center;justify-content:space-between;height:72px}
  /* os botoes "Chamar no WhatsApp" levam a #orcamento (site.js): o titulo do formulario nao fica sob o menu fixo */
  #orcamento{scroll-margin-top:72px}
  .marca{display:flex;align-items:center;gap:12px}
  .marca img{height:40px;width:auto}
  .marca span{font-family:var(--titulo);font-weight:600;font-size:1.05rem;letter-spacing:.01em}
  .nav-links{display:none;gap:36px}
  .nav-links a{font-size:.95rem;color:var(--texto-suave);transition:color .25s var(--ease)}
  .nav-links a:hover{color:var(--claro)}
  @media(min-width:900px){.nav-links{display:flex}}
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    font-family:var(--titulo);font-weight:600;font-size:1rem;
    padding:14px 28px;border-radius:999px;border:0;cursor:pointer;
    transition:transform .25s var(--ease),background .25s var(--ease);
  }
  .btn:active{transform:scale(.98)}
  .btn-cta{background:var(--tijolo);color:var(--espresso)}
  .btn-cta:hover{background:var(--salmao)}
  .btn-cta svg{width:20px;height:20px;flex:none}
  .btn-linha{background:transparent;color:var(--claro);border:1px solid rgba(246,237,229,.35)}
  .btn-linha:hover{border-color:var(--claro)}
  .nav .btn{padding:11px 22px;font-size:.92rem}

  /* ---------- hero ---------- */
  .hero{
    position:relative;min-height:calc(100dvh / var(--zoom));
    display:flex;align-items:center;justify-content:center;text-align:center;
    overflow:hidden;
  }
  .hero-bg{position:absolute;inset:0;z-index:-2}
  .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
  .hero-veu{
    position:absolute;inset:0;z-index:-1;
    background:linear-gradient(180deg,rgba(29,16,11,.62) 0%,rgba(29,16,11,.28) 45%,rgba(29,16,11,.78) 100%);
  }
  .hero-in{padding:120px 24px 96px;max-width:900px}
  .hero .hero-h1{
    font-family:var(--titulo);font-weight:600;font-size:.86rem;line-height:1.4;
    letter-spacing:.2em;text-transform:uppercase;color:var(--salmao);margin-bottom:22px;
  }
  .hero .slogan{margin:0;max-width:none;font-family:var(--titulo);font-weight:600;line-height:1.05;letter-spacing:-.02em;font-size:clamp(2.6rem,7vw,5.2rem);color:var(--claro)}
  .hero .slogan em{font-style:normal;color:var(--salmao)}
  .hero p{
    margin:24px auto 0;max-width:560px;
    font-size:1.1rem;color:var(--texto-suave);
  }
  .hero-acoes{margin-top:36px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  /* ---------- faixa de provas (marquee) ---------- */
  .provas{border-block:1px solid var(--linha);overflow:hidden;padding:20px 0;background:var(--fundo-2)}
  .provas-trilho{display:flex;gap:72px;width:max-content;animation:rolar 28s linear infinite}
  .provas span{
    font-family:var(--titulo);font-weight:600;font-size:.82rem;
    letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;
  }
  .provas span:nth-child(odd){color:var(--salmao)}
  .provas span:nth-child(even){color:var(--texto-suave)}
  @keyframes rolar{to{transform:translateX(-50%)}}

  /* ---------- declaracao: texto no centro e linha que acende os fatos ----------
     Versao L do canvas (dono, 2026-09-25). O B da marca apagado e um brilho tijolo
     ficam atras; os fatos sao tres blocos, o primeiro em tijolo. */
  .declara{position:relative;overflow:hidden;padding:130px 0;text-align:center}
  .declara .wrap{position:relative;z-index:1}
  .declara-marca{position:absolute;width:min(560px,90vw);left:50%;top:36%;translate:-50% -50%;opacity:.07;pointer-events:none}
  .declara-brilho{position:absolute;width:min(900px,120vw);aspect-ratio:1;left:50%;top:36%;translate:-50% -50%;pointer-events:none;
    background:radial-gradient(circle,rgba(208,108,66,.16) 0%,rgba(208,108,66,.05) 40%,transparent 68%)}
  .declara-in{max-width:760px;margin:0 auto}
  .declara h2{font-size:clamp(2rem,4.6vw,3.6rem);color:var(--claro)}
  .declara h2 em{font-style:normal;color:var(--tijolo)}
  .declara p{margin:24px auto 0;max-width:60ch;font-size:1.12rem;color:var(--texto-suave)}
  .declara p+p{margin-top:16px}
  .declara-fatos{position:relative;display:grid;gap:14px;max-width:980px;margin:44px auto 0;text-align:left}
  @media(min-width:760px){.declara-fatos{grid-template-columns:repeat(3,1fr);margin-top:56px;padding-top:28px}}
  .declara-linha{position:absolute;left:0;right:0;top:0;height:2px;background:var(--linha);display:none}
  @media(min-width:760px){.declara-linha{display:block}}
  .declara-linha i{position:absolute;inset:0;background:var(--tijolo);transform-origin:left;transform:scaleX(0)}
  .declara-linha b{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--espresso);border:2px solid var(--tijolo);translate:-50% -50%}
  .declara-linha b:nth-of-type(1){left:16.66%}
  .declara-linha b:nth-of-type(2){left:50%}
  .declara-linha b:nth-of-type(3){left:83.33%}
  .declara.in .declara-linha i{transform:scaleX(1)}
  .declara.in .declara-linha b{background:var(--tijolo)}
  .dfato{padding:26px 24px;border-radius:10px;background:var(--fundo-2);border:1px solid var(--linha)}
  .dfato .lucide{width:26px;height:26px;color:var(--salmao);stroke-width:2}
  .dfato strong{display:block;margin-top:16px;font-family:var(--titulo);font-weight:600;font-size:1.2rem;color:var(--claro);line-height:1.2}
  .dfato span{display:block;margin-top:6px;color:var(--texto-suave);font-size:.95rem;line-height:1.45}
  .dfato-top{background:var(--tijolo);border-color:var(--tijolo)}
  .dfato-top .lucide,.dfato-top strong,.dfato-top span{color:var(--espresso)}
  @media(prefers-reduced-motion:no-preference){
    /* a linha se desenha depois do texto e acende um ponto por bloco, que aparece junto */
    .declara-linha i{transition:transform 1.4s var(--ease) .5s}
    .declara-linha b{transition:background .4s var(--ease)}
    .declara.in .declara-linha b:nth-of-type(1){transition-delay:.7s}
    .declara.in .declara-linha b:nth-of-type(2){transition-delay:1.1s}
    .declara.in .declara-linha b:nth-of-type(3){transition-delay:1.5s}
    .declara .dfato{transition-delay:calc(.55s + var(--i) * 400ms)}
    .declara-marca{transition:opacity 1.6s var(--ease),scale 1.6s var(--ease);opacity:0;scale:.9}
    .declara.in .declara-marca{opacity:.07;scale:1}
    .declara-brilho{transition:opacity 1.6s var(--ease);opacity:0}
    .declara.in .declara-brilho{opacity:1}
  }

  /* ---------- servicos: indice com titulo grudado ---------- */
  .servicos{padding:40px 0 130px}
  .serv-grid{display:grid;gap:56px}
  @media(min-width:960px){.serv-grid{grid-template-columns:5fr 7fr;gap:80px}}
  .serv-fixo{align-self:start}
  @media(min-width:960px){.serv-fixo{position:sticky;top:120px}}
  .serv-fixo h2{font-size:clamp(1.9rem,4.2vw,3.2rem);color:var(--claro)}
  .serv-fixo p{margin-top:20px;color:var(--texto-suave);max-width:38ch}
  .serv-fixo .btn{margin-top:32px}
  .srv{
    display:flex;align-items:center;gap:18px;padding:18px 4px;
    border-bottom:1px solid var(--linha);transition:transform .3s var(--ease);
  }
  .srv:first-of-type{border-top:1px solid var(--linha)}
  .srv:hover{transform:translateX(8px)}
  .srv .lucide{width:24px;height:24px;color:var(--tijolo);flex:none;stroke-width:2}
  .srv-nome{font-family:var(--titulo);font-weight:600;font-size:1.25rem;color:var(--claro)}
  .srv-dor{margin-left:auto;text-align:right;font-size:.9rem;color:var(--texto-suave);max-width:32ch}

  /* ---------- processo: cartoes que empilham no scroll ---------- */
  .processo{padding:120px 0 60px;background:var(--fundo-2);border-block:1px solid var(--linha)}
  .processo-head{max-width:880px;margin:0 auto 64px}
  .processo-head h2{font-size:clamp(1.9rem,4.2vw,3.2rem)}
  .processo-head p{margin-top:18px;color:var(--texto-suave)}
  .pilha{position:relative}
  .cartao{
    position:sticky;top:110px;min-height:400px;border-radius:var(--r-surf);
    border:1px solid var(--linha);padding:48px 40px;margin:0 auto 28px;
    max-width:880px;
    display:flex;flex-direction:column;justify-content:space-between;gap:24px;
  }
  .cartao-lista{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px}
  .cartao-lista li{display:flex;gap:10px;align-items:start;color:var(--claro);font-size:.98rem}
  .cartao-lista .lucide{width:18px;height:18px;color:var(--tijolo);flex:none;margin-top:4px}
  .cartao:nth-child(4) .cartao-lista .lucide{color:var(--salmao)}
  .cartao:nth-child(1){background:#241610}
  .cartao:nth-child(2){background:#2C1A12;top:126px}
  .cartao:nth-child(3){background:#38200F;top:142px}
  .cartao:nth-child(4){background:var(--barro);top:158px}
  .cartao .lucide{width:34px;height:34px;color:var(--salmao);stroke-width:2}
  .cartao h3{font-size:clamp(1.6rem,3.4vw,2.4rem);color:var(--claro);max-width:16ch}
  .cartao p{color:var(--texto-suave);max-width:52ch;font-size:1.05rem;margin-top:10px}
  .cartao .tag{font-family:var(--titulo);font-weight:600;color:var(--tijolo);font-size:.95rem}
  .cartao:nth-child(4) .tag{color:var(--salmao)}

  /* ---------- quebra fotografica ---------- */
  .quebra{position:relative;min-height:calc(72vh / var(--zoom));display:flex;align-items:center;overflow:hidden;border-block:1px solid var(--linha)}
  .quebra img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}
  .quebra::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,16,11,.86) 0%,rgba(29,16,11,.5) 55%,rgba(29,16,11,.12) 100%);z-index:-1}
  .quebra-in{max-width:600px;padding:96px 0}
  .quebra h2{font-family:var(--titulo);font-weight:600;font-size:clamp(1.9rem,4.6vw,3.4rem);line-height:1.1;letter-spacing:-.02em;color:var(--claro)}
  .quebra h2 em{font-style:normal;color:var(--salmao)}
  .quebra p{margin-top:20px;color:var(--texto-suave);max-width:46ch}
  .quebra-acoes{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}
  .link-orc{display:inline-block;margin-top:14px;color:var(--salmao);font-size:.95rem;text-decoration:underline;text-underline-offset:4px;transition:color .25s var(--ease)}
  .link-orc:hover{color:var(--claro)}

  /* ---------- blog: cards do futuro blog ---------- */
  .blog{border-top:1px solid var(--linha);padding:96px 0}
  .blog-head{margin-bottom:36px}
  .blog-head h2{font-size:clamp(1.9rem,4vw,3rem)}
  .blog-head p{margin-top:10px;color:var(--texto-suave)}
  .blog-grid{display:grid;gap:18px}
  @media(min-width:768px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
  .blog-card{display:flex;flex-direction:column;border:1px solid var(--linha);border-radius:var(--r-surf);overflow:hidden;background:var(--fundo-2);transition:border-color .25s var(--ease),transform .25s var(--ease)}
  .blog-card:hover{border-color:rgba(229,160,119,.4);transform:translateY(-4px)}
  .blog-card figure{aspect-ratio:16/9;overflow:hidden;margin:0}
  .blog-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
  .blog-card:hover figure img{transform:scale(1.05)}
  .blog-corpo{display:flex;flex-direction:column;gap:10px;padding:18px 20px 22px;flex:1}
  .blog-tema{font-size:.8rem;color:var(--salmao)}
  .blog-corpo h3{font-size:1.08rem;line-height:1.35;color:var(--claro);flex:1}
  .blog-data{font-size:.84rem;color:var(--texto-suave)}
  .blog-ler{display:inline-flex;align-items:center;gap:8px;font-family:var(--titulo);font-weight:600;font-size:.9rem;color:var(--texto-suave)}
  .blog-ler .lucide{width:16px;height:16px;transition:transform .25s var(--ease)}
  .blog-card:hover .blog-ler .lucide{transform:translateX(4px)}
  .blog-todos{margin-top:32px;text-align:center}
  @media(prefers-reduced-motion:reduce){
    .blog-card,.blog-card figure img,.blog-ler .lucide{transition:none}
    .blog-card:hover{transform:none}
    .blog-card:hover figure img{transform:none}
  }

  /* ---------- preco ---------- */
  .preco{padding:120px 0}
  .preco .conversa+.conversa{margin-top:16px}
  .preco-grid{display:grid;gap:48px;align-items:center}
  @media(min-width:900px){.preco-grid{grid-template-columns:6fr 6fr;gap:72px}}
  .preco-img{border-radius:var(--r-surf);overflow:hidden;aspect-ratio:4/3}
  .preco-img img{width:100%;height:100%;object-fit:cover}
  .preco h2{font-size:clamp(1.9rem,4vw,3rem)}
  .preco .conversa{margin-top:24px;color:var(--texto-suave);max-width:56ch}
  .fatores{margin-top:36px;display:flex;flex-wrap:wrap;gap:10px;list-style:none}
  .fatores li{
    font-size:.92rem;color:var(--claro);
    border:1px solid var(--linha);border-radius:999px;padding:9px 18px;
    background:var(--fundo-2);
  }
  .fatores-titulo{
    margin-top:36px;font-family:var(--titulo);font-weight:600;
    font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--salmao);
  }

  /* ---------- avaliacoes: carrossel de cards ---------- */
  .depoimentos{background:var(--fundo-2);border-top:1px solid var(--linha);padding:96px 0}
  .depo-head{margin-bottom:36px}
  .depo-head h2{font-size:clamp(1.9rem,4vw,3rem)}
  .depo-head p{margin-top:10px;color:var(--texto-suave)}
  .depo-zona{position:relative}
  .depo-seta-lado{display:none}
  @media(min-width:900px){
    .depo-zona{padding:0 72px}
    .depo-seta-lado{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border-radius:999px;border:1px solid var(--linha);background:rgba(29,16,11,.55);color:var(--claro);cursor:pointer;display:grid;place-items:center;transition:border-color .2s var(--ease),background .2s var(--ease)}
    .depo-seta-lado:hover{border-color:var(--tijolo);background:rgba(208,108,66,.16)}
    .depo-seta-lado:active{transform:translateY(-50%) scale(.92)}
    .depo-seta-lado .lucide{width:20px;height:20px}
    .depo-seta-lado.esq{left:0}
    .depo-seta-lado.dir{right:0}
  }
  .depo-carrossel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;padding-bottom:6px}
  .depo-carrossel::-webkit-scrollbar{display:none}
  .depo-carrossel.arrastando{cursor:grabbing;scroll-snap-type:none}
  .depo-carrossel:focus-visible{outline:2px solid var(--tijolo);outline-offset:4px}
  /* Entrada escalonada dos cards, presa ao sistema de revelacao (.rev). */
  .depo-carrossel .dcard{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease),border-color .2s var(--ease)}
  .depo-carrossel.in .dcard{opacity:1;transform:none}
  .depo-carrossel.in .dcard:nth-child(2){transition-delay:.08s,.08s,0s}
  .depo-carrossel.in .dcard:nth-child(3){transition-delay:.16s,.16s,0s}
  .depo-carrossel .dcard:hover{border-color:rgba(229,160,119,.4)}
  .dcard{position:relative;aspect-ratio:16/9;border-radius:var(--r-surf);overflow:hidden;scroll-snap-align:start;border:1px solid var(--linha);background:var(--espresso)}
  .dcard-foto{position:absolute;inset:0}
  .dcard-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .dcard-veu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(87,48,30,.18) 0%,rgba(29,16,11,.28) 45%,rgba(29,16,11,.86) 100%)}
  .dcard-base{position:absolute;inset:auto 0 0 0;padding:14px 16px;display:flex;flex-direction:column;gap:1px;transition:opacity .3s var(--ease)}
  .dcard-estrelas{color:var(--tijolo);font-size:.85rem;letter-spacing:.25em}
  .dcard-base strong{font-family:var(--titulo);font-weight:600;color:var(--claro);font-size:.95rem;line-height:1.2}
  .dcard-base small{color:var(--texto-suave);font-size:.78rem}
  .dcard-depo{position:absolute;inset:0;display:flex;align-items:center;padding:18px 20px;background:rgba(29,16,11,.92);opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease),transform .35s var(--ease);pointer-events:none}
  .dcard-depo p{font-family:var(--titulo);font-weight:600;font-size:.92rem;line-height:1.45;color:var(--claro)}
  .dcard:hover .dcard-depo,.dcard:focus-visible .dcard-depo,.dcard.aberto .dcard-depo{opacity:1;transform:none}
  .dcard:hover .dcard-base,.dcard:focus-visible .dcard-base,.dcard.aberto .dcard-base{opacity:0}
  .depo-arraste{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;font-size:.85rem;color:var(--texto-suave)}
  .depo-arraste .lucide{width:16px;height:16px;color:var(--salmao)}
  @media(min-width:900px){.depo-arraste{display:none}}
  @media(max-width:899.98px){
    .depo-carrossel{grid-auto-columns:min(78%,340px)}
    .depoimentos{padding:72px 0}
  }
  @media(prefers-reduced-motion:reduce){
    .depo-carrossel .dcard{opacity:1;transform:none;transition:none}
    .dcard-depo,.dcard-base{transition:none}
  }

  /* ---------- duvidas ---------- */
  .duvidas{padding:110px 0 140px;border-top:1px solid var(--linha)}
  .duvidas h2{font-size:clamp(1.9rem,4vw,3rem);margin-bottom:48px}
  .duvidas-in{max-width:none}
  details{border-top:1px solid var(--linha)}
  details:last-of-type{border-bottom:1px solid var(--linha)}
  summary{
    cursor:pointer;list-style:none;
    display:flex;align-items:center;justify-content:space-between;gap:24px;
    padding:26px 4px;
    font-family:var(--titulo);font-weight:600;font-size:1.2rem;color:var(--claro);
  }
  summary::-webkit-details-marker{display:none}
  summary .mais{
    flex:none;width:30px;height:30px;border-radius:999px;
    border:1px solid var(--linha);display:grid;place-items:center;
    color:var(--tijolo);font-family:var(--corpo);font-size:1.2rem;font-weight:400;
    transition:transform .3s var(--ease);
  }
  details[open] .mais{transform:rotate(45deg)}
  details p{padding:0 4px 28px;color:var(--texto-suave);max-width:62ch}

  /* ---------- chamada final + rodape ---------- */
  .rodape{padding:72px 0 48px;background:var(--espresso)}
  .rodape-grid{display:grid;gap:48px}
  @media(min-width:640px){.rodape-grid{grid-template-columns:1fr 1fr}}
  @media(min-width:1100px){.rodape-grid{grid-template-columns:auto 1fr auto auto;column-gap:64px;align-items:start}}
  .rodape-marca{display:flex;align-items:center;gap:18px}
  .rodape-marca img{height:64px;width:auto}
  .rodape-marca strong{display:block;font-family:var(--titulo);font-weight:600;font-size:1.3rem;color:var(--claro);line-height:1.15}
  .rodape-marca span{display:block;margin-top:6px;color:var(--salmao);font-size:.95rem}
  .rodape-info p{color:var(--texto-suave);max-width:36ch}
  .rodape-info .rodape-contato{margin-top:14px;line-height:1.7}
  .rodape-contato a{color:var(--claro);transition:color .25s var(--ease)}
  .rodape-contato a:hover{color:var(--texto-suave)}
  .rodape-info strong{display:block;font-family:var(--titulo);font-weight:600;color:var(--claro);font-size:1.1rem;margin-bottom:8px}
  .rodape-nav{display:flex;flex-direction:column;gap:12px}
  .rodape-nav a{color:var(--texto-suave);font-size:.95rem;transition:color .25s var(--ease)}
  .rodape-nav a:hover{color:var(--claro)}
  .rodape-nav strong{font-family:var(--titulo);font-weight:600;color:var(--claro);font-size:1rem;margin-bottom:4px}
  .rodape-legal{display:flex;flex-wrap:wrap;gap:24px}
  .rodape-legal a{color:var(--texto-suave);transition:color .25s var(--ease)}
  .rodape-legal a:hover{color:var(--claro)}
  .rodape-base{
    margin-top:64px;padding-top:28px;border-top:1px solid var(--linha);
    display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;
    font-size:.88rem;color:var(--texto-suave);
  }
  /* rodape no celular: tinha mais de uma tela (1.085 px); marca ao centro, as duas listas lado a lado, texto de 14 px
     (pedido do dono em 2026-09-27, doc 11, secao 11) */
  @media(max-width:639px){
    .rodape{padding:52px 0 28px}
    .rodape-grid{grid-template-columns:1fr 1fr;gap:32px 20px}
    .rodape-marca,.rodape-info{grid-column:1/-1;justify-content:center;text-align:center}
    .rodape-marca img{height:46px}
    .rodape-marca strong{font-size:1.1rem}
    .rodape-marca span{font-size:.86rem;margin-top:3px}
    .rodape-marca{text-align:left}
    .rodape-info p{margin-inline:auto;font-size:14px;line-height:1.6}
    .rodape-nav{gap:9px}
    .rodape-nav a{font-size:14px}
    .rodape-nav strong{font-size:.95rem}
    .rodape-base{margin-top:36px;padding-top:20px;justify-content:center;text-align:center;font-size:12.5px;gap:10px}
    .rodape-legal{justify-content:center;gap:18px}
  }

  /* ---------- hero: entrada cinetica e cobre metalico ---------- */
  .kin .w{display:inline-block;opacity:0;transform:translateY(.45em);filter:blur(6px);animation:sobe .8s var(--ease) forwards;animation-delay:calc(var(--i)*95ms)}
  @keyframes sobe{to{opacity:1;transform:none;filter:none}}
  @supports ((-webkit-background-clip:text) or (background-clip:text)){
    .hero .slogan em .w{background:linear-gradient(115deg,#E5A077 0%,#D06C42 32%,#F6EDE5 50%,#D06C42 68%,#E5A077 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
  }
  .risco{position:relative}
  .risco svg{position:absolute;left:-2%;bottom:-.1em;width:104%;height:.26em;overflow:visible}
  .risco path{fill:none;stroke:var(--tijolo);stroke-width:7;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320;animation:desenha .9s 1s var(--ease) forwards}
  @keyframes desenha{to{stroke-dashoffset:0}}
  .hero-moldura{position:absolute;inset:16px;border:1px solid rgba(229,160,119,.26);border-radius:24px;pointer-events:none;z-index:1}

  /* ---------- indice: numerais fantasma ---------- */
  .serv-grid{counter-reset:srvn}
  .srv{position:relative;counter-increment:srvn}
  .srv>*{position:relative;z-index:1}
  /* numero vazado atras do nome: cabe dentro da linha e todos alinham na mesma regua
     (largura fixa, alinhado a direita, algarismos de mesma largura) */
  .srv::before{content:counter(srvn,decimal-leading-zero);position:absolute;left:44px;top:50%;translate:0 -50%;z-index:0;width:1.3em;text-align:right;font-variant-numeric:tabular-nums;font-family:var(--titulo);font-weight:600;font-size:2.6rem;line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(229,160,119,.6);opacity:.14;transition:opacity .3s var(--ease);pointer-events:none}
  .srv:hover::before{opacity:.34}

  /* ---------- cartoes: holofote que segue o cursor ---------- */
  .cartao{--mx:50%;--my:50%}
  .cartao::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(229,160,119,.13),transparent 65%);opacity:0;transition:opacity .35s var(--ease);pointer-events:none}
  .cartao:hover::after{opacity:1}

  /* ---------- faq: largura cheia e abertura animada ---------- */
  summary{padding:30px 8px;transition:color .25s var(--ease)}
  summary:hover{color:var(--salmao)}
  details p{overflow:hidden}
  details[open] p{animation:abrefaq .45s var(--ease)}
  @keyframes abrefaq{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

  /* ---------- menu mobile ---------- */
  .menu-btn{display:none}
  .nav-drop{display:none}
  @media(max-width:899px){
    .menu-btn{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;padding:10px;margin-left:4px;cursor:pointer}
    .menu-btn span{width:22px;height:2px;background:var(--claro);border-radius:2px;transition:transform .3s var(--ease),opacity .3s var(--ease)}
    .nav.aberta .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .nav.aberta .menu-btn span:nth-child(2){opacity:0}
    .nav.aberta .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .nav-drop{display:grid;position:absolute;top:100%;left:0;right:0;padding:8px 24px 18px;border-top:1px solid var(--linha);background:rgba(29,16,11,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
    .nav.aberta .nav-drop{opacity:1;transform:none;pointer-events:auto}
    .nav-drop a{padding:14px 0;font-family:var(--titulo);font-weight:600;font-size:1.05rem;color:var(--claro);border-bottom:1px solid rgba(229,160,119,.08)}
    .nav-drop a:last-child{border-bottom:0}
  }

  /* ---------- ajustes de celular ---------- */
  @media(max-width:619px){
    .nav .btn-cta .btn-rotulo{display:none}
    .nav .btn-cta{padding:12px}
  }
  @media(max-width:767px){
    .srv::before{display:none}
  }
  @media(max-width:639px){
    .hero-moldura{inset:10px;border-radius:18px}
    .cartao{padding:32px 22px}
    .srv{flex-wrap:wrap;row-gap:4px}
    .srv-dor{flex-basis:100%;margin-left:42px;text-align:left;max-width:none}
    summary{font-size:1.05rem;padding:24px 4px}
  }
  @media(max-width:759px){
    .quebra::after{background:linear-gradient(180deg,rgba(29,16,11,.82),rgba(29,16,11,.6))}
  }

  /* ---------- botao flutuante e chat ---------- */
  .fab{position:fixed;right:20px;bottom:20px;z-index:66;width:60px;height:60px;border-radius:999px;background:var(--tijolo);color:var(--espresso);border:0;cursor:pointer;display:grid;place-items:center;box-shadow:0 12px 32px rgba(0,0,0,.45);transition:background .25s var(--ease),transform .25s var(--ease)}
  .fab:hover{background:var(--salmao)}
  .fab:active{transform:scale(.95)}
  .fab svg{width:30px;height:30px}
  .chat{position:fixed;right:20px;bottom:92px;z-index:65;width:min(380px,calc(100vw - 40px));max-height:min(560px,calc(100dvh / var(--zoom) - 120px));display:flex;flex-direction:column;background:var(--fundo-2);border:1px solid var(--linha);border-radius:20px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.5);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
  .chat.aberto{opacity:1;transform:none;pointer-events:auto}
  .chat-topo{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--espresso);border-bottom:1px solid var(--linha)}
  .chat-avatar{width:40px;height:40px;border-radius:999px;background:var(--branco);display:grid;place-items:center;overflow:hidden;flex:none}
  .chat-avatar img{width:28px;height:auto}
  .chat-topo strong{display:block;font-family:var(--titulo);font-weight:600;font-size:.98rem;color:var(--claro);line-height:1.2}
  .chat-topo small{color:var(--texto-suave);font-size:.8rem}
  .chat-fechar{margin-left:auto;background:none;border:0;color:var(--texto-suave);font-size:1.5rem;line-height:1;cursor:pointer;padding:4px 8px}
  .chat-fechar:hover{color:var(--claro)}
  .chat-corpo{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px}
  .cb{max-width:86%;padding:11px 14px;border-radius:14px;font-size:.94rem;line-height:1.45;opacity:0;transform:translateY(8px);animation:cbEntra .35s var(--ease) forwards}
  @keyframes cbEntra{to{opacity:1;transform:none}}
  .cb-bot{align-self:flex-start;background:rgba(246,237,229,.09);color:var(--claro);border-bottom-left-radius:4px}
  .cb-eu{align-self:flex-end;background:var(--tijolo);color:var(--espresso);border-bottom-right-radius:4px}
  .cb-digitando{display:inline-flex;gap:4px;align-items:center;padding:14px}
  .cb-digitando i{width:6px;height:6px;border-radius:999px;background:var(--salmao);animation:pisca 1s infinite}
  .cb-digitando i:nth-child(2){animation-delay:.18s}
  .cb-digitando i:nth-child(3){animation-delay:.36s}
  @keyframes pisca{0%,100%{opacity:.25}50%{opacity:1}}
  .chat-pe{padding:12px 16px 16px;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;gap:8px}
  .chat-chip{border:1px solid var(--linha);background:rgba(29,16,11,.5);color:var(--claro);font-family:var(--titulo);font-weight:600;font-size:.88rem;padding:9px 15px;border-radius:999px;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease)}
  .chat-chip:hover{border-color:var(--tijolo);background:rgba(208,108,66,.14)}
  .chat-input{flex:1;display:flex;gap:8px}
  .chat-input input{flex:1;background:rgba(29,16,11,.55);border:1px solid var(--linha);border-radius:999px;padding:11px 16px;color:var(--claro);font-family:var(--corpo);font-size:.94rem}
  .chat-input input:focus{outline:none;border-color:var(--tijolo);box-shadow:0 0 0 3px rgba(208,108,66,.22)}
  .chat-input button{border:0;border-radius:999px;width:44px;height:44px;background:var(--tijolo);color:var(--espresso);cursor:pointer;display:grid;place-items:center;font-size:1.1rem}
  .chat-input button:hover{background:var(--salmao)}

  /* ---------- barra de chamada (so mobile) ---------- */
  /* No celular ela substitui o FAB do chat; o desktop segue com o FAB. */
  .barra-zap{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:rgba(29,16,11,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--linha);transform:translateY(0);transition:transform .35s var(--ease)}
  .barra-zap[aria-hidden="true"]{transform:translateY(110%)}
  .barra-zap-txt{display:flex;flex-direction:column;line-height:1.3;min-width:0}
  .barra-zap-txt strong{font-family:var(--titulo);font-size:.95rem;color:var(--claro)}
  .barra-zap-txt small{font-size:.78rem;color:var(--texto-suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .barra-zap-btn{padding:12px 22px;flex-shrink:0}
  @media(min-width:900px){.barra-zap{display:none}}
  @media(max-width:899.98px){
    .fab,.chat{display:none}
    body{padding-bottom:76px}
  }
  .btn-zap{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;font-family:var(--titulo);font-weight:600;font-size:1rem;padding:14px 24px;border-radius:999px;border:0;cursor:pointer;background:#25D366;color:var(--espresso);transition:filter .25s var(--ease),transform .25s var(--ease)}
  .btn-zap:hover{filter:brightness(1.1)}
  .btn-zap:active{transform:scale(.98)}
  .btn-zap svg{width:20px;height:20px;flex:none}

  /* ---------- orcamento: CTA final em tela cheia ---------- */
  .orcamento{background:linear-gradient(135deg,#1D100B 0%,#3A2013 60%,#57301E 130%);border-top:1px solid var(--linha);padding:110px 0 72px}
  @media(min-width:1040px) and (min-height:680px){.orcamento{min-height:calc(100dvh / var(--zoom));display:flex;align-items:center;padding:96px 0 56px}}
  .orcamento .wrap{width:100%}
  .orc-head{margin-bottom:30px}
  .orc-head h2{font-size:clamp(1.8rem,3.4vw,2.6rem);max-width:18ch}
  .orc-head p{margin-top:12px;color:var(--texto-suave);max-width:54ch}
  .orc-grid{display:grid;gap:40px}
  @media(min-width:1040px){.orc-grid{grid-template-columns:7fr 5fr;gap:56px}}
  .orc-form fieldset{border:0;margin:0 0 22px}
  .orc-form legend{font-family:var(--titulo);font-weight:600;font-size:1.02rem;color:var(--claro);margin-bottom:10px}
  .ops{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}
  @media(min-width:640px){.ops-servicos{grid-template-columns:repeat(4,1fr)}}
  @media(min-width:1040px){.ops-servicos{grid-template-columns:repeat(6,1fr)}}
  .op{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px;border:1px solid var(--linha);border-radius:12px;background:rgba(29,16,11,.55);cursor:pointer;text-align:center;transition:border-color .2s var(--ease),background .2s var(--ease)}
  .op:hover{border-color:rgba(229,160,119,.4)}
  .op input{position:absolute;opacity:0;pointer-events:none}
  .op .lucide{width:20px;height:20px;color:var(--salmao);stroke-width:2}
  .op span{font-family:var(--titulo);font-weight:600;font-size:.78rem;color:var(--claro);line-height:1.15}
  .op:has(input:checked){border-color:var(--tijolo);background:rgba(208,108,66,.16)}
  .op:has(input:checked) .lucide{color:var(--tijolo)}
  .op:has(input:focus-visible){box-shadow:0 0 0 3px rgba(208,108,66,.3)}
  .duo{display:grid;gap:20px}
  @media(min-width:560px){.duo{grid-template-columns:1fr 1fr}}
  .campo{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
  .campo label{font-family:var(--titulo);font-weight:600;font-size:.95rem;color:var(--claro)}
  .campo input,.campo textarea{background:rgba(29,16,11,.6);border:1px solid var(--linha);border-radius:12px;padding:12px 14px;color:var(--claro);font-family:var(--corpo);font-size:.98rem}
  .campo input:focus,.campo textarea:focus{outline:none;border-color:var(--tijolo);box-shadow:0 0 0 3px rgba(208,108,66,.22)}
  .campo .dica{font-size:.8rem;color:var(--texto-suave)}
  .campo .erro{display:none;font-size:.85rem;color:var(--salmao)}
  .campo.invalido input{border-color:var(--tijolo)}
  .campo.invalido .erro{display:block}
  .lado-a-lado{display:grid;gap:0 16px}
  @media(min-width:560px){.lado-a-lado{grid-template-columns:1fr 1fr}}
  .orc-envio .nota{margin-top:10px;font-size:.85rem;color:var(--texto-suave);text-align:center}
  .orc-envio .nota-priv{margin-top:6px}
  .nota-priv a{color:var(--salmao);text-decoration:underline;text-underline-offset:3px}
  .nota-priv a:hover{color:var(--claro)}
  .passinhos{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--linha);padding-top:16px}
  .passinhos li{display:flex;gap:10px;align-items:baseline;font-size:.88rem;color:var(--texto-suave)}
  .passinhos .num{flex:none;width:22px;height:22px;border-radius:999px;border:1px solid var(--linha);display:grid;place-items:center;font-family:var(--titulo);font-weight:600;font-size:.75rem;color:var(--tijolo)}
  .passinhos strong{color:var(--claro);font-family:var(--titulo);font-weight:600}

  /* ---------- orcamento compacto no celular ---------- */
  /* Pedido do dono em 2026-09-20: no celular o formulario cabe em uma tela.
     Opcoes viram pilulas em linha; dica e passinhos ficam so no desktop. */
  @media(max-width:639.98px){
    .orcamento{padding:80px 0 26px}
    .orc-head{margin-bottom:12px}
    .orc-head h2{font-size:1.55rem}
    .orc-head p{display:none}
    .orc-grid{gap:16px}
    .orc-grid>div{min-width:0}
    .orc-form fieldset{margin-bottom:11px}
    .orc-form legend{font-size:.92rem;margin-bottom:7px}
    .ops{display:flex;flex-wrap:wrap;gap:6px}
    .op{flex-direction:row;gap:7px;padding:7px 12px;border-radius:999px}
    .op .lucide{width:15px;height:15px}
    .duo{gap:10px}
    .campo{margin-bottom:8px;gap:4px;min-width:0}
    .campo label{font-size:.88rem}
    .campo input,.campo textarea{padding:10px 12px;font-size:.94rem;width:100%;min-width:0}
    .campo textarea{min-height:52px}
    .campo:has(#orc-obs){display:none}
    .campo .dica{display:none}
    .lado-a-lado{grid-template-columns:1fr 1fr;gap:0 10px}
    .orc-envio .nota{margin-top:8px;font-size:.78rem}
    .passinhos{display:none}
  }

  /* ---------- sufocos: mural de bilhetes (versao 4 de lab/sufocos, escolhida pelo dono em 2026-09-28) ----------
     Fotos presas com fita, parentes dos bilhetes das paginas de servico. Nao sao links: quem leva as paginas
     e o acordeao "O que a gente resolve em BH". O esgoto e o bilhete em tijolo, sem foto. */
  .sufocos{padding:120px 0;overflow:hidden}
  .suf-grid{display:grid;gap:44px}
  @media(min-width:1024px){.suf-grid{grid-template-columns:4fr 8fr;gap:56px;align-items:center}}
  .suf-cab h2{font-size:clamp(1.9rem,3.4vw,2.8rem);color:var(--claro)}
  .suf-cab p{margin-top:16px;color:var(--texto-suave);max-width:46ch}
  .suf-cab p+p{margin-top:12px}
  .suf-mural{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 18px;padding-top:12px;list-style:none}
  @media(min-width:760px){.suf-mural{grid-template-columns:repeat(3,1fr);gap:28px 22px}}
  .suf-b{position:relative;display:flex;flex-direction:column;padding:10px 10px 18px;border-radius:4px;background:var(--claro);box-shadow:0 22px 44px rgba(8,4,2,.5);rotate:var(--r)}
  .suf-b:nth-child(even){background:#F2DCC8}
  @media(min-width:760px){.suf-b:nth-child(3n+2){translate:0 22px}}
  .suf-fita{position:absolute;left:50%;top:-11px;width:78px;height:22px;translate:-50% 0;rotate:-4deg;border-radius:3px;background:rgba(208,108,66,.85);z-index:1}
  .suf-b figure{margin:0;aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:#2a1810}
  .suf-b figure img{width:100%;height:100%;object-fit:cover}
  .suf-b h3{margin-top:12px;padding:0 4px;font-size:1.08rem;line-height:1.2;color:var(--espresso);letter-spacing:-.01em}
  .suf-b p{margin-top:5px;padding:0 4px;font-size:.88rem;line-height:1.5;color:#4a2e20}
  .suf-tij figure{display:grid;place-items:center;background:var(--tijolo)}
  .suf-tij figure .lucide{width:64px;height:64px;color:var(--espresso);stroke-width:1.6}
  .suf-tij .suf-fita{background:rgba(87,48,30,.8)}
  @media(prefers-reduced-motion:no-preference){
    .suf-b.seq-i{transform:translateY(-36px) rotate(calc(var(--r) * 3));transition:opacity .6s var(--ease),transform .9s cubic-bezier(.34,1.3,.64,1);transition-delay:calc(var(--i) * 130ms)}
    .seq.in .suf-b.seq-i{transform:none}
  }

  /* ---------- revelacao no scroll ---------- */
  .rev{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .rev.in{opacity:1;transform:none}
  /* Entrada em sequencia: a secao .seq ganha .in e cada .seq-i entra na ordem de --i,
     na ordem de leitura (titulo, texto, depois o resto). Ver docs/11, secao 4. */
  .seq-i{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0) * 110ms)}
  .seq.in .seq-i{opacity:1;transform:none}

  @media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .provas-trilho{animation:none}
    .rev{opacity:1;transform:none;transition:none}
    .seq-i{opacity:1;transform:none;transition:none}
    .srv:hover{transform:none}
    .cartao{position:static}
    .kin .w{animation:none;opacity:1;transform:none;filter:none}
    .risco path{animation:none;stroke-dashoffset:0}
    details[open] p{animation:none}
    .cb{animation:none;opacity:1;transform:none}
    .cb-digitando i{animation:none}
    .chat{transition:none}
    *{transition-duration:.01ms!important}
  }

  /* ---------- F1 (2026-09-25): conteudo novo da pagina inicial ---------- */
  /* cartao de garantia com link para a pagina */
  .cartao .link-orc{margin-top:18px}


  /* enquanto a gente nao chega: pares lado a lado (versao D do canvas, 2026-09-25) */
  .espera{padding:120px 0;border-top:1px solid var(--linha)}
  .espera-head{max-width:720px;margin-bottom:48px}
  .espera-head h2{font-size:clamp(1.9rem,4.2vw,3.2rem)}
  .espera-head p{margin-top:16px;color:var(--texto-suave);max-width:60ch}
  .pares{display:grid;gap:14px;list-style:none;padding:0}
  .par{display:grid;border-radius:var(--r-surf);overflow:hidden;border:1px solid var(--linha)}
  @media(min-width:860px){.par{grid-template-columns:4fr 7fr}}
  .par-susto{padding:22px 26px;background:#140b07;display:flex;flex-direction:column;justify-content:center;gap:6px}
  .par-susto small{display:inline-flex;align-items:center;gap:6px;font-family:var(--titulo);font-weight:600;font-size:.85rem;color:var(--tijolo)}
  .par-susto small .lucide{width:15px;height:15px}
  .par-susto span{color:rgba(246,237,229,.55)}
  .par-faca{padding:22px 26px;background:var(--fundo-2);display:flex;gap:16px;align-items:flex-start}
  .par-faca>.lucide{width:26px;height:26px;color:var(--salmao);flex:none;margin-top:2px}
  .par-faca strong{display:block;font-family:var(--titulo);font-weight:600;font-size:1.2rem;color:var(--claro)}
  .par-faca p{margin-top:4px;color:var(--texto-suave);font-size:.96rem}
  .par.top .par-faca{background:var(--tijolo)}
  .par.top .par-faca>.lucide,.par.top .par-faca strong,.par.top .par-faca p{color:var(--espresso)}
  .espera-faixa{margin-top:28px;border-radius:var(--r-surf);overflow:hidden;position:relative;min-height:320px;display:flex;align-items:flex-end}
  .espera-faixa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:85% 72%}
  .espera-faixa::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,16,11,.96) 0%,rgba(29,16,11,.8) 50%,rgba(29,16,11,.2) 100%)}
  .espera-faixa div{position:relative;z-index:1;padding:32px;max-width:560px}
  .espera-faixa h3{font-size:1.5rem;color:var(--claro)}
  .espera-faixa p{margin-top:8px;color:var(--texto-suave)}
  .espera-faixa .btn{margin-top:16px}
  @media(max-width:859px){.espera-faixa{min-height:420px}.espera-faixa img{object-position:88% 100%}.espera-faixa::after{background:linear-gradient(180deg,rgba(29,16,11,.25) 0%,rgba(29,16,11,.95) 60%)}}

  /* duvidas: respostas com lista e link */
  details .resp{padding:0 4px 28px;color:var(--texto-suave);max-width:66ch}
  details .resp p{padding:0;max-width:none}
  details .resp p+p,details .resp ol+p,details .resp p+ol,details .resp p+ul{margin-top:12px}
  details .resp ol,details .resp ul{display:grid;gap:8px;padding-left:22px}
  details .resp ol{list-style:decimal}
  details .resp ul{list-style:disc}
  details .resp li::marker{color:var(--tijolo)}
  details .resp a{color:var(--salmao);text-decoration:underline;text-underline-offset:4px}
  details .resp a:hover{color:var(--claro)}
  details[open] .resp{animation:abrefaq .45s var(--ease)}
  details[open] .resp p{animation:none}
  @media(prefers-reduced-motion:reduce){details[open] .resp{animation:none}}

  /* ---------- F1b (2026-09-25): menu de servicos, acordeao de servicos, foco ---------- */
  /* foco de teclado visivel e limpo em todo o site */
  :focus-visible{outline:2px solid var(--salmao);outline-offset:3px;border-radius:6px}

  /* menu: painel de servicos (desktop). Abre no clique e, com mouse, no hover */
  .nav-serv{position:relative;display:flex;align-items:center}
  .nav-serv-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 0;background:none;border:0;cursor:pointer;font:inherit;font-size:.95rem;color:var(--texto-suave);transition:color .25s var(--ease)}
  .nav-serv-btn:hover,.nav-serv.aberto .nav-serv-btn{color:var(--claro)}
  .nav-serv-btn .lucide{width:16px;height:16px;transition:transform .25s var(--ease)}
  .nav-serv.aberto .nav-serv-btn .lucide{transform:rotate(180deg)}
  .nav-serv-painel{
    position:absolute;top:calc(100% + 22px);left:50%;width:min(720px,92vw);
    padding:30px 32px 26px;border:1px solid var(--linha);border-radius:var(--r-surf);
    background:rgba(29,16,11,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    box-shadow:0 24px 60px rgba(10,5,3,.55);
    opacity:0;visibility:hidden;transform:translate(-50%,-6px);pointer-events:none;
    transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s;
  }
  .nav-serv-painel::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
  .nav-serv.aberto .nav-serv-painel{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
  @media(hover:hover){.nav-serv:hover .nav-serv-painel{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}}
  .nav-serv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
  .nav-grupo{display:flex;flex-direction:column;gap:10px}
  .nav-grupo-tit{font-family:var(--titulo);font-weight:600;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--salmao);margin-bottom:4px}
  .nav-links .nav-grupo a{font-size:.95rem;color:var(--texto-suave)}
  .nav-links .nav-grupo a:hover{color:var(--claro)}
  .nav-links .nav-serv-todos{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid var(--linha);width:100%;font-family:var(--titulo);font-weight:600;color:var(--salmao)}
  .nav-links .nav-serv-todos:hover{color:var(--claro)}
  .nav-serv-todos .lucide{width:16px;height:16px}

  /* menu: servicos dentro do menu do celular */
  @media(max-width:899px){
    .nav-drop{max-height:calc(100dvh - 72px);overflow-y:auto}
    .drop-serv{border:0;border-bottom:1px solid rgba(229,160,119,.08)}
    .drop-serv summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-family:var(--titulo);font-weight:600;font-size:1.05rem;color:var(--claro)}
    .drop-serv summary .lucide{width:18px;height:18px;color:var(--salmao);transition:transform .25s var(--ease)}
    .drop-serv[open] summary .lucide{transform:rotate(180deg)}
    .drop-serv-lista{display:grid;gap:18px;padding:4px 0 20px 14px;border-left:1px solid var(--linha);margin-bottom:14px}
    .drop-serv-lista .nav-grupo{gap:2px}
    .nav-drop .drop-serv-lista a{padding:7px 0;border-bottom:0;font-family:var(--corpo);font-weight:400;font-size:1rem;color:var(--texto-suave)}
    .nav-drop .drop-serv-lista a.drop-serv-todos{font-family:var(--titulo);font-weight:600;color:var(--salmao)}
  }

  /* servicos da pagina inicial em acordeao */
  .srv-item{border:0}
  .srv-item>.srv{border-top:0;cursor:pointer;padding-right:40px}
  .srv-item:first-of-type>.srv{border-top:1px solid var(--linha)}
  h3.srv-nome{line-height:1.2}
  .srv .srv-seta{position:absolute;right:6px;top:50%;margin-top:-9px;width:18px;height:18px;color:var(--texto-suave);transition:transform .3s var(--ease),color .25s var(--ease)}
  .srv-item[open]>.srv .srv-seta{transform:rotate(180deg);color:var(--salmao)}
  .srv-item[open]>.srv .srv-nome{color:var(--salmao)}
  .srv-item[open]>.srv{border-bottom-color:transparent}
  .srv-item>.srv:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--salmao);border-radius:8px}
  .srv-corpo{padding:0 40px 28px 42px;border-bottom:1px solid var(--linha);color:var(--texto-suave);line-height:1.65}
  .srv-corpo p{max-width:62ch}
  .srv-corpo p+p{margin-top:12px}
  .srv-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:var(--titulo);font-weight:600;color:var(--salmao);transition:color .25s var(--ease)}
  .srv-link:hover{color:var(--claro)}
  .srv-link .lucide{width:16px;height:16px;transition:transform .25s var(--ease)}
  .srv-link:hover .lucide{transform:translateX(4px)}
  details[open]>.srv-corpo{animation:abrefaq .45s var(--ease)}
  .srv-corpo p{animation:none!important}
  @media(max-width:639px){.srv .srv-seta{top:26px;margin-top:0}}
  @media(prefers-reduced-motion:reduce){
    .nav-serv-painel,.nav-serv-btn .lucide,.drop-serv summary .lucide,.srv .srv-seta,.srv-link .lucide{transition:none}
    details[open]>.srv-corpo{animation:none}
  }
  /* correcoes da captura de 2026-09-25: alinhamento do menu e estilos do faq que vazavam */
  .nav-links{align-items:center}
  .srv-item>.srv{justify-content:flex-start;font-family:var(--corpo);font-weight:400;font-size:1rem}
  .srv-item>.srv .srv-dor{font-family:var(--corpo);font-weight:400}
  .srv-item>.srv:hover{color:inherit}
  .srv-corpo p{padding:0}
  .srv-link{margin-top:16px}

  /* servicos em acordeao: versao A do canvas (dono, 2026-09-25). Frase de quem resolve e
     dois paragrafos falados, com o respiro que ele pediu ("estava sufocante"). */
  .srv-corpo{overflow:hidden;padding:6px 40px 42px 42px}
  .srv-corpo p{max-width:60ch;font-size:1.04rem;line-height:1.75}
  .srv-corpo p+p{margin-top:18px}
  .srv-corpo .srv-frase{font-family:var(--titulo);font-weight:600;font-size:1.24rem;line-height:1.32;color:var(--claro);max-width:34ch}
  .srv-frase em{font-style:normal;color:var(--salmao)}
  .srv-corpo .srv-frase+p{margin-top:16px}
  .srv-corpo .srv-link{margin-top:28px}
  @media(max-width:639px){.srv-corpo{padding:4px 0 36px 0}}
  /* ao abrir, frase, paragrafos e link entram em sequencia (.aceso vem do site.js) */
  @media(prefers-reduced-motion:no-preference){
    .srv-i{opacity:0;transform:translateY(12px);transition:opacity .55s var(--ease),transform .55s var(--ease);transition-delay:calc(120ms + var(--i,0) * 100ms)}
    .srv-item.aceso .srv-i{opacity:1;transform:none}
  }
  /* a abertura e o fechamento sao animados pelo site.js (altura e opacidade) */
  details.srv-item[open]>.srv-corpo{animation:none}
  .srv-item.fechando>.srv .srv-seta{transform:none;color:var(--texto-suave)}
  .srv-item.fechando>.srv .srv-nome{color:var(--claro)}

  .srv-link{display:inline-block;max-width:100%}
  .srv-link .lucide{display:inline-block;vertical-align:-3px;margin-left:8px}

  /* ============ Celular (ate 639px): escala e ritmo do site inteiro ============
     Pedido do dono em 2026-09-27 (doc 11, secao 11): no celular o texto corrido de 17 a 19 px "atrapalha a navegacao"
     e a pagina parecia "jogada". Texto corrido de 15 px, cabecalhos de secao ao centro com um traco tijolo curto em
     cima, respiros largos. So valem no celular; o computador nao muda. */
  @media(max-width:639px){
    body{font-size:15px;line-height:1.6}
    h2{line-height:1.14}
    /* home: topo e secoes */
    .hero-in{padding:110px 20px 80px}
    .hero-in p{font-size:15px;line-height:1.6}
    .declara p{font-size:15.5px;line-height:1.6}
    .serv-fixo h2,.processo-head h2,.declara h2{font-size:1.6rem}
    .serv-fixo,.processo-head,.espera-head,.suf-cab,.blog-head,.orc-head,.duvidas>.wrap>h2{text-align:center;margin-inline:auto}
    .serv-fixo p,.processo-head p,.espera-head p,.suf-cab p,.blog-head p,.orc-head p{margin-inline:auto;font-size:15px}
    .serv-fixo h2::before,.processo-head h2::before,.espera-head h2::before,.suf-cab h2::before,.blog-head h2::before,.orc-head h2::before,.duvidas>.wrap>h2::before{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--tijolo);margin:0 auto 18px}
    .srv-frase{font-size:1.05rem}
    .srv-corpo p{font-size:14.5px;line-height:1.6}
    .cartao-lista li{font-size:14.5px}
    .par-susto span{font-size:14.5px}
    .resp p{font-size:14.5px;line-height:1.6}
    .duvidas summary{font-size:15px;line-height:1.45}
    /* preco: texto ao lado de foto, titulo a esquerda com a barra tijolo; convite do meio ao centro */
    .preco h2{position:relative;padding-left:16px;font-size:1.6rem}
    .preco h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.12em;width:3px;border-radius:3px;background:var(--tijolo)}
    .quebra-in{text-align:center;margin-inline:auto}
    .quebra-in h2,.quebra-in p{margin-inline:auto}
    .quebra-acoes{display:flex;flex-direction:column;align-items:center;gap:12px}
    .quebra-acoes .btn{width:100%;max-width:300px;justify-content:center}
  }

  /* ============ Formulario de orcamento (versao 9 da rodada 3 de lab/formulario, dono em 2026-09-28) ============
     Gerado com purgecss sobre lab/formulario/_estilo.css contra a home, o Contato e o site.js. No celular, os passos sao
     capitulos numa linha vertical; a partir de 980px, os passos correm na horizontal e a mensagem cresce no balao ao lado. */
  /* ============ Formulario de orcamento, rodada 1 (prefixo fm-) ============ */
  .fm .wrap{width:100%}
  .fm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

  /* pecas comuns */
  .fm fieldset{border:0;margin:0 0 20px;padding:0;min-width:0}
  .fm legend{font-family:var(--titulo);font-weight:600;font-size:1rem;color:var(--claro);margin-bottom:10px;padding:0}
  .fm legend small{display:inline;margin-left:8px;font-family:var(--corpo);font-weight:400;font-size:.85rem;color:var(--texto-suave)}
  .fm-pills{display:flex;flex-wrap:wrap;gap:8px}
  .fm-pill{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--linha);background:rgba(29,16,11,.55);cursor:pointer;transition:background .25s var(--ease),border-color .25s var(--ease)}
  .fm-pill input,.fm-seg input{position:absolute;opacity:0;pointer-events:none}
  .fm-pill .lucide{width:16px;height:16px;color:var(--salmao);transition:color .25s var(--ease)}
  .fm-pill span{font-family:var(--titulo);font-weight:600;font-size:.88rem;color:var(--claro)}
  .fm-pill:hover{border-color:rgba(229,160,119,.45)}
  .fm-pill:has(input:checked){background:var(--tijolo);border-color:var(--tijolo)}
  .fm-pill:has(input:checked) .lucide,.fm-pill:has(input:checked) span{color:var(--espresso)}
  .fm-pill:has(input:focus-visible),.fm-seg label:has(input:focus-visible){box-shadow:0 0 0 3px rgba(208,108,66,.35)}
  .fm-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;border:1px solid var(--linha);background:rgba(29,16,11,.55)}
  .fm-seg label{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;border-radius:10px;cursor:pointer;text-align:center;transition:background .25s var(--ease)}
  .fm-seg .lucide{flex:none;width:16px;height:16px;color:var(--salmao)}
  .fm-seg span{font-family:var(--titulo);font-weight:600;font-size:.85rem;color:var(--claro);line-height:1.2}
  .fm-seg label:has(input:checked){background:var(--tijolo)}
  .fm-seg label:has(input:checked) .lucide,.fm-seg label:has(input:checked) span{color:var(--espresso)}
  .fm .campo{margin-bottom:14px}
  .fm-envio{margin-top:6px}
  .fm-nota{margin-top:10px;font-size:.82rem;line-height:1.5;color:var(--texto-suave);text-align:center}
  .fm-nota a{color:var(--salmao);text-decoration:underline;text-underline-offset:3px}

  /* 1: passo a passo */
  @keyframes fmEntra{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

  /* 2: com a previa da mensagem */
  /* "Onde e" e "Pra quando" empilhados: lado a lado, "E urgencia, agora" quebrava em tres linhas */
  .fm2-chat{border-radius:16px;overflow:hidden;border:1px solid var(--linha);background:#140b07;box-shadow:0 30px 60px rgba(8,4,2,.55)}
  .fm2-topo{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--fundo-2);border-bottom:1px solid var(--linha)}
  .fm2-topo strong{display:block;font:600 .92rem var(--titulo);color:var(--claro)}
  .fm2-topo span{font-size:.76rem;color:#25D366}
  .fm2-corpo{padding:18px 16px 20px}
  .fm2-msg{margin:0 0 0 auto;max-width:92%;padding:12px 14px;border-radius:14px 14px 4px 14px;background:var(--barro);color:var(--claro);font-size:.9rem;line-height:1.55;white-space:pre-line}

  /* 3: ficha em papel */

  /* 4: conversa guiada */
  @media(max-width:639px){
    .fm legend small{display:block;margin:2px 0 0}
    .fm-pill{padding:8px 12px}
    .fm-pill span{font-size:.82rem}
    .fm-seg label{flex-direction:column;gap:4px;padding:9px 4px}
    .fm-seg span{font-size:.76rem}
    .fm .lado-a-lado{grid-template-columns:1fr}
  }

  /* ============ rodada 2: a versao 1 em storyline, numa coluna so ============ */
  .fm-s .wrap{max-width:800px}
  .fm-cab2{text-align:center;margin-bottom:40px}
  .fm-cab2 h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1;max-width:18ch;margin:0 auto}
  .fm-cab2 h2::before{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--tijolo);margin:0 auto 18px}
  .fm-cab2>p{margin:14px auto 0;max-width:52ch;color:var(--texto-suave);line-height:1.65}
  .fm-linha{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:22px}
  .fm-linha li{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--texto-suave)}
  .fm-linha .lucide{width:17px;height:17px;color:var(--tijolo)}
  .fm-linha strong{color:var(--claro);font-family:var(--titulo);font-weight:600}
  .fm-volta{background:none;border:0;padding:8px 2px;font:600 .92rem var(--titulo);color:var(--texto-suave);cursor:pointer}
  .fm-volta:hover{color:var(--claro)}

  /* 5: trilho que avanca */

  /* 6: capitulos com a mensagem no fim */
  .fm6-trilho{list-style:none;position:relative;margin:0;padding:0}
  .fm6-fio{position:absolute;left:21px;top:22px;bottom:40px;width:2px;background:var(--linha)}
  .fm6-fio i{position:absolute;inset:0;background:var(--tijolo);transform-origin:top;transform:scaleY(var(--prog,0));transition:transform .8s var(--ease)}
  .fm6-cap{position:relative;display:grid;grid-template-columns:44px 1fr;gap:0 18px;padding-bottom:40px}
  .fm6-cap:last-child{padding-bottom:0}
  .fm6-no{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--espresso);border:2px solid var(--tijolo);color:var(--tijolo);font:600 1rem var(--titulo);transition:background .4s var(--ease),color .4s var(--ease),transform .4s cubic-bezier(.34,1.5,.64,1)}
  .fm6-no .lucide{display:none;width:20px;height:20px}
  .fm6-fim .fm6-no .lucide{display:block;width:18px;height:18px}
  .fm6-cap.ok .fm6-no{background:var(--tijolo);color:var(--espresso);transform:scale(1.08)}
  .fm6-cap.ok .fm6-no b{display:none}
  .fm6-cap.ok .fm6-no .lucide{display:block}
  .fm6-txt{padding-top:6px}
  .fm6-txt>h3{font:600 1.3rem var(--titulo);color:var(--claro);line-height:1.2}
  .fm6-txt>p{margin-top:4px;color:var(--texto-suave);font-size:.95rem}
  .fm6-cap:not(.fm6-fim) .fm6-txt>div{margin-top:14px;border-radius:16px;border:1px solid var(--linha);background:rgba(29,16,11,.62);padding:22px;box-shadow:0 24px 50px rgba(8,4,2,.4)}
  .fm6-fim .fm2-chat{margin-top:14px}
  .fm6-fim .fm-envio{margin-top:16px}

  /* 7: cartoes que empilham */
  @keyframes fmSobe{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

  @media(max-width:639px){
    .fm-cab2{margin-bottom:28px}
    .fm-cab2>p{font-size:15px}
    .fm-linha{display:none}
    .fm6-cap{grid-template-columns:36px 1fr;gap:0 12px}
    .fm6-no{width:36px;height:36px;font-size:.9rem}
    .fm6-fio{left:17px}
    .fm6-txt>h3{font-size:1.12rem}
    .fm6-cap:not(.fm6-fim) .fm6-txt>div{padding:16px 12px}
  }
  @media(prefers-reduced-motion:reduce){.fm6-fio i{transition:none}}
  /* 7: no cartao de tras, titulo e resumo numa linha so (no celular o resumo caia para baixo e ficava escondido) */

  /* ============ rodada 3: celular com os capitulos da 6, computador com os passos na horizontal ============ */
  .fmh-l{display:block;border-radius:4px}
  .fmh-vazia{height:.7em}
  .fmh-l.muda{animation:fmBrilho 1.3s var(--ease)}
  @keyframes fmBrilho{from{background:rgba(229,160,119,.4)}to{background:transparent}}
  .fmh-dig{display:none}
  .fm9-abas,.fmh-nav{display:none}
  .fm9-lado{display:none}
  @media(max-width:979px){.fm-h .fm6-fio{display:block}}

  @media(min-width:980px){
    .fm-h .wrap{max-width:1040px}
    .fm-h .fm-cab2{margin-bottom:28px}
    .fm-h .fm-cab2 h2{font-size:clamp(1.8rem,2.8vw,2.3rem);max-width:none}
    .fm-h .fm-cab2>p{margin-top:10px}
    .fm-h .fm-linha{margin-top:14px}
    /* a janela: um passo por vez, deslizando na horizontal */
    .fmh-janela{overflow:hidden;border-radius:20px;border:1px solid var(--linha);background:rgba(29,16,11,.66);box-shadow:0 30px 60px rgba(8,4,2,.45)}
    .fmh-trilho{display:flex;align-items:stretch;transform:translateX(calc(var(--n,0) * -100%));transition:transform .8s var(--ease)}
    .fm-h .fm6-fio,.fm-h .fm6-no{display:none}
    .fm-h .fmh-p{display:block;flex:0 0 100%;min-width:0;padding:26px 34px 24px}
    .fm-h .fm6-txt{padding-top:0}
    .fm-h .fm6-txt>h3{font-size:1.4rem}
    .fm-h .fm6-cap:not(.fm6-fim) .fm6-txt>div{margin-top:16px;border:0;background:none;padding:0;box-shadow:none}
    .fm-h .fmh-p .fm-seg{max-width:560px}
    .fm-h .lado-a-lado{grid-template-columns:1fr 1fr}
    .fmh-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--linha)}
    .fmh-nav .btn{gap:8px}
    .fmh-nav .btn .lucide{width:16px;height:16px}
    /* o conteudo do passo que entra sobe em cascata */
    .fmh-p.on .fm6-txt>*{animation:fmSobe .6s var(--ease) both}
    .fmh-p.on .fm6-txt>:nth-child(2){animation-delay:.08s}
    .fmh-p.on .fm6-txt>:nth-child(3){animation-delay:.16s}
    .fmh-p.on .fm6-txt>:nth-child(4){animation-delay:.24s}
    .fmh-p.on .fm6-txt>:nth-child(5){animation-delay:.32s}
    .fmh-p.on .fm-pill{animation:fmSobe .5s var(--ease) both}
    .fmh-p.on .fm-pill:nth-child(n+4){animation-delay:.2s}
    .fmh-p.on .fm-pill:nth-child(n+8){animation-delay:.3s}

    /* 8: quatro nos numa linha, com a gota que corre ate o proximo */
    /* o ultimo passo: a Brel digita e a mensagem se escreve linha a linha */
    .conta .fmh-dig{display:flex;gap:4px;width:max-content;padding:10px 12px;border-radius:12px;background:var(--claro);animation:fmSome .3s var(--ease) 1s forwards}
    .conta .fmh-dig i{width:6px;height:6px;border-radius:50%;background:var(--barro);animation:uiPonto .9s ease-in-out infinite}
    .conta .fmh-dig i:nth-child(2){animation-delay:.15s}.conta .fmh-dig i:nth-child(3){animation-delay:.3s}
    .conta .fmh-msg .fm2-msg{animation:fmSobe .4s var(--ease) 1.2s both}
    .conta .fmh-msg .fmh-l{opacity:0;animation:fmSobe .35s var(--ease) forwards;animation-delay:calc(1.35s + var(--l) * .16s)}
    @keyframes fmSome{to{opacity:0;height:0;padding:0;margin:0}}
    @keyframes uiPonto{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}

    /* 9: abas de progresso e a mensagem ao lado */
    .fm9 .wrap{max-width:1180px}
    .fm9-form{display:grid;grid-template-columns:7fr 5fr;gap:36px;align-items:start}
    .fm9-abas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
    .fm9-aba{position:relative;display:flex;align-items:center;gap:10px;padding-bottom:12px;font:600 .9rem var(--titulo);color:var(--texto-suave);transition:color .4s var(--ease)}
    .fm9-aba b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--linha);font-size:.8rem;transition:background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease)}
    .fm9-aba i{position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--linha);overflow:hidden}
    .fm9-aba i::after{content:"";position:absolute;inset:0;background:var(--tijolo);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
    .fm9-aba.on,.fm9-aba.feito{color:var(--claro)}
    .fm9-aba.on b{background:var(--tijolo);border-color:var(--tijolo);color:var(--espresso)}
    .fm9-aba.feito b{border-color:var(--tijolo);color:var(--tijolo)}
    .fm9-aba.on i::after{transform:scaleX(.5)}
    .fm9-aba.feito i::after{transform:none}
    .fm9-aba.feito{cursor:pointer}
    .fm9-so-celular{display:none!important}
    .fm9-lado{display:block;position:sticky;top:100px}
    .fm9-lado .fm2-msg{min-height:200px}
    .fm9-lado .fm-envio{margin-top:14px}
  }
  @media(min-width:980px) and (prefers-reduced-motion:reduce){
    .fmh-trilho{transition:none}
    .fmh-p.on .fm6-txt>*,.fmh-p.on .fm-pill,.conta .fmh-l,.conta .fmh-msg .fm2-msg{animation:none;opacity:1}
    .conta .fmh-dig{display:none}
  }
  @media(min-width:980px){
    /* 9: a faixa de passos nao pode empurrar a largura da coluna (o balao ficava espremido) */
    .fm9-esq{min-width:0}
    .fm9-esq .fmh-janela{max-width:100%}
    /* passos na horizontal: a secao cabe numa tela de notebook; os compromissos seguem no fluxo e no envio */
    .fm-h .fm-linha{display:none}
    .fm-h .fm-cab2{margin-bottom:22px}
  }
  /* o design aprovado mostra o campo de observacao tambem no celular (a regra antiga do formulario o escondia) */
  @media(max-width:639px){.fm .campo:has(#orc-obs){display:flex}}

  /* ---------- Notebook (2026-09-28): cada secao da home cabe em 1366x768, abaixo do menu ----------
     So em computador baixo (ate 900 px de altura); o monitor grande segue com o desenho aprovado. */
  @media(min-width:1024px) and (max-height:900px){
    .processo-head h2,.espera-head h2,.preco h2,.blog-head h2,.duvidas h2,.serv-fixo h2{font-size:clamp(1.9rem,3vw,2.5rem)}
    .declara{padding:76px 0}
    .declara h2{font-size:clamp(2rem,3.4vw,2.8rem)}
    .declara p{margin-top:16px;font-size:1rem;line-height:1.6}
    .declara p+p{margin-top:10px}
    .declara-fatos{margin-top:30px}
    .dfato{padding:18px 22px}
    .dfato strong{margin-top:10px;font-size:1.1rem}
    .servicos{padding-bottom:56px}
    /* processo: no cartao, texto de um lado e lista do outro, para a pilha caber na tela */
    .processo{padding:84px 0 40px}
    .processo-head{margin-bottom:40px}
    .cartao{min-height:0;padding:30px 36px;gap:16px;max-width:980px}
    .cartao>div{display:grid;grid-template-columns:1fr 1fr;column-gap:44px;align-items:start}
    .cartao>div>*{grid-column:1}
    .cartao>div>.cartao-lista{grid-column:2;grid-row:1 / span 3;margin-top:6px}
    .cartao h3{font-size:clamp(1.5rem,2.4vw,2rem)}
    .cartao p{font-size:1rem}
    /* entupiu: cabecalho e faixa numa coluna, os cinco pares na outra */
    .espera{padding:64px 0}
    .espera .wrap{display:grid;grid-template-columns:4fr 7fr;gap:0 48px;align-items:start}
    .espera-head{grid-column:1;margin-bottom:0}
    .espera-head p{font-size:.98rem}
    .pares{grid-column:2;grid-row:1 / span 2;gap:10px}
    .par-susto,.par-faca{padding:16px 22px}
    .par-faca strong{font-size:1.1rem}
    .par-faca p{font-size:.92rem;line-height:1.5}
    .espera-faixa{grid-column:1;grid-row:2;align-self:end;margin-top:28px;min-height:300px}
    .espera-faixa::after{background:linear-gradient(180deg,rgba(29,16,11,.15) 0%,rgba(29,16,11,.95) 62%)}
    .espera-faixa div{padding:24px}
    .espera-faixa h3{font-size:1.3rem}
    .espera-faixa p{font-size:.95rem}
    .preco{padding:76px 0}
    .preco-grid{grid-template-columns:5fr 7fr;gap:60px}
    .preco .conversa{margin-top:16px;font-size:1rem;line-height:1.65;max-width:62ch}
    .preco .conversa+.conversa{margin-top:10px}
    .blog{padding:76px 0}
    .duvidas{padding:80px 0 96px}
    .duvidas h2{margin-bottom:32px}
  }
  @media(min-width:1024px) and (max-height:900px){
    .sufocos{padding:64px 0}
    .suf-cab h2{font-size:clamp(1.9rem,3vw,2.5rem)}
    .suf-cab p{font-size:1rem;line-height:1.6}
  }
  @media(max-width:639px){
    .sufocos{padding:92px 0}
    .suf-grid{gap:34px}
    .suf-b{padding:7px 7px 12px}
    .suf-b:nth-child(even){translate:0 16px}
    .suf-b h3{font-size:.95rem;margin-top:9px}
    .suf-b p{font-size:12.5px}
    .suf-tij figure .lucide{width:44px;height:44px}
    .suf-b.seq-i{transform:translateY(10px)}
  }
  @media(min-width:1040px) and (min-height:680px) and (max-height:900px){
    .orcamento{min-height:0;padding:52px 0 36px}
    .fm-h .fm-cab2>p{max-width:72ch}
    .fm-h .fm-cab2 h2::before{margin-bottom:12px}
    .fm-h .fm-cab2{margin-bottom:16px}
  }