/* ==========================================================
     Paginas internas (Garantia, Quem Somos e Contato, 2026-09-26)
     Linguagem aprovada pelo dono (doc 11, secao 9). Tela de notebook: no computador,
     tamanhos acompanham a altura da tela. Gerado dos canvas de lab/, so com o que as
     paginas usam (purgecss).
     ========================================================== */
  /* ============ moldura do canvas (so para comparar, nao vai para o site) ============ */
  /* ============ base da pagina de garantia ============ */
  .gtopo{padding:110px 0 70px;position:relative;overflow:hidden}
  .interna h1{font-size:clamp(2.2rem,5vw,3.8rem);color:var(--claro);max-width:16ch}
  .interna h1 em,.interna h2 em{font-style:normal;color:var(--tijolo)}
  .gresp{margin-top:24px;max-width:58ch;font-size:1.15rem;line-height:1.7;color:var(--claro)}
  .g1-topo h2+p{margin-top:16px;color:var(--texto-suave);max-width:52ch}
  .gtopo p+p{margin-top:16px;max-width:58ch;color:var(--texto-suave)}
  .gsec{padding:100px 0;position:relative}
  .gsec-alt{background:var(--fundo-2)}
  .gsec h2{font-size:clamp(1.8rem,3.6vw,2.7rem);color:var(--claro);max-width:22ch}
  .duvidas.gsec h2{margin-bottom:40px}
  /* termo (modelo real do documento que vai no WhatsApp) */
  .termo{max-width:440px;margin:0 auto;padding:26px 26px 24px;border-radius:14px;background:var(--claro);color:var(--espresso);box-shadow:0 30px 60px rgba(8,4,2,.5);rotate:-1.5deg}
  .termo-topo{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(29,16,11,.14)}
  .termo-topo strong{display:block;font-family:var(--titulo);font-weight:600;font-size:1.1rem;line-height:1.2}
  .termo-topo span{font-size:.85rem;color:var(--barro)}
  .termo-topo em{margin-left:auto;font-style:normal;font-family:var(--titulo);font-weight:600;font-size:.78rem;padding:4px 10px;border-radius:999px;background:var(--tijolo);color:var(--espresso)}
  .termo dl{display:grid;gap:10px;margin:16px 0}
  .termo dl div{display:grid;grid-template-columns:110px 1fr;gap:12px}
  .termo dt{font-size:.85rem;color:var(--barro)}
  .termo dd{font-family:var(--titulo);font-weight:600;font-size:.95rem}
  .interna .termo p{margin:0;max-width:none;font-size:.92rem;line-height:1.55;color:var(--espresso);padding-top:14px;border-top:1px dashed rgba(29,16,11,.2)}
  /* compromissos em blocos (o segundo em tijolo) */
  /* 5 compromissos: 2 em cima e 3 embaixo, sem celula vazia */
  /* o que nao cobre: pares aprovados na home, com x em tijolo e tom apagado, sem risco */
  /* passos */
  /* 1: topo com o termo ao lado */
  .g1-topo{display:grid;gap:56px;align-items:center}
  @media(min-width:980px){.g1-topo{grid-template-columns:7fr 5fr;gap:72px}}
  /* 2: topo no centro e linha dos 90 dias */
  /* 3: leitura com indice grudado */
  /* 4: o 90 grande */
  /* 5: titulo grudado e compromissos descendo */
  @media(max-width:639px){.gtopo{padding:70px 0 50px}.gsec{padding:72px 0}.termo{rotate:0deg}.termo dl div{grid-template-columns:96px 1fr}}
  /* ============ rodada 2: fotos ============ */
  .gfoto{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden}
  .gfoto img{width:100%;height:100%;object-fit:cover}
  .gfoto::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(229,160,119,.18);pointer-events:none}
  /* A: foto em pe com o termo sobreposto no canto */
  /* B: topo com foto de fundo */
  /* C: texto ao lado de foto grudada */
  /* D: faixa larga de foto */
  /* E: mosaico de duas fotos com bloco tijolo atras */
  /* CTA com foto de fundo e veu na cor da paleta */
  .gcta{position:relative;overflow:hidden;padding:140px 0;min-height:calc(62vh / var(--zoom));display:flex;align-items:center}
  .gcta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .gcta::after{content:"";position:absolute;inset:0}
  .gcta-espresso::after{background:linear-gradient(90deg,rgba(29,16,11,.95) 0%,rgba(29,16,11,.8) 50%,rgba(29,16,11,.35) 100%)}
  .gcta-tijolo::after{background:linear-gradient(90deg,rgba(208,108,66,.95) 0%,rgba(208,108,66,.86) 55%,rgba(208,108,66,.55) 100%)}
  .gcta .wrap{position:relative;z-index:1;width:100%}
  .gcta-in{max-width:560px}
  .gcta h2{font-size:clamp(1.9rem,4vw,3rem);color:var(--claro)}
  .gcta p{margin:18px 0 28px;font-size:1.1rem;color:rgba(246,237,229,.85)}
  .gcta-tijolo h2,.gcta-tijolo p{color:var(--espresso)}
  .btn-escuro{background:var(--espresso);color:var(--claro)}
  .btn-escuro:hover{background:var(--barro)}
  @media(max-width:639px){.gcta{padding:90px 0}.gcta-espresso::after{background:linear-gradient(180deg,rgba(29,16,11,.7),rgba(29,16,11,.92))}.gcta-tijolo::after{background:rgba(208,108,66,.9)}}
  /* ============ rodada 3 ============ */
  /* assinatura e data da politica (EEAT: quem e quando) */
  /* mosaico com o termo sobreposto no canto */
  /* o que fica de fora: grade aberta, sem caixa */
  /* o que fica de fora: em conversa */
  /* quem esta por tras (EEAT) */
  /* CTA com palavra-chave e dois botoes */
  .gcta-kw{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:4px}
  .gcta-espresso .gcta-kw{color:var(--salmao)}
  .gcta-bts{display:flex;flex-wrap:wrap;gap:12px}
  .btn-linha-escuro{color:var(--espresso);border-color:rgba(29,16,11,.55)}
  .btn-linha-escuro:hover{border-color:var(--espresso)}
  /* ============ rodada 4 ============ */
  /* topo aprovado: foto, bloco tijolo e termo, com acabamento e entrada */
  .g4topo{padding:96px 0 90px}
  .g4vis{position:relative;max-width:470px;width:100%;justify-self:center;aspect-ratio:1/1.14}
  .g4topo{overflow:visible}
  .g4termo .termo-topo strong{font-size:1rem;white-space:nowrap}
  .g4bloco{position:absolute;left:0;top:14%;width:34%;height:62%;border-radius:10px;background:var(--tijolo)}
  .g4foto{position:absolute;left:5%;top:2%;width:62%;aspect-ratio:3/4;border-radius:10px;overflow:hidden;box-shadow:0 30px 60px rgba(8,4,2,.55)}
  .g4foto img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
  .g4termo{position:absolute!important;right:-6%;top:30%;width:64%;margin:0;padding:22px 22px 18px;rotate:-2.5deg;transition:rotate .5s var(--ease),translate .5s var(--ease)}
  .g4termo dl{gap:7px;margin:14px 0}
  .g4termo dl div{grid-template-columns:92px 1fr;gap:10px}
  .g4termo dd{font-size:.88rem}
  .g4termo p{font-size:.84rem!important}
  @media(hover:hover){.g4vis:hover .g4termo{rotate:0deg;translate:0 -6px}}
  @media(prefers-reduced-motion:no-preference){
    .g4bloco{transform:translateX(-30px);opacity:0;transition:transform .9s var(--ease) .15s,opacity .9s var(--ease) .15s}
    .g4foto{clip-path:inset(100% 0 0 0 round 10px);transition:clip-path 1.1s var(--ease) .3s}
    .g4foto img{transition:transform 1.6s var(--ease) .3s}
    .g4termo{opacity:0;translate:0 -40px;rotate:-9deg;transition:opacity .7s var(--ease) .75s,translate .9s cubic-bezier(.34,1.3,.64,1) .75s,rotate .9s cubic-bezier(.34,1.3,.64,1) .75s}
    .seq.in .g4bloco{transform:none;opacity:1}
    .seq.in .g4foto{clip-path:inset(0 0 0 0 round 10px)}
    .seq.in .g4foto img{transform:scale(1)}
    .seq.in .g4termo{opacity:1;translate:0 0;rotate:-2.5deg}
  }
  @media(max-width:639px){
    .g4vis{aspect-ratio:auto;display:grid}
    .g4bloco{display:none}
    .g4foto{position:relative;left:auto;top:auto;width:78%}
    .g4termo{position:relative!important;right:auto;top:auto;width:100%;margin-top:-56px;rotate:0deg}
    .seq.in .g4termo{rotate:0deg}
  }
  /* 1: termo fixo que acende a linha do compromisso lido */
  /* 2: linha dos 90 dias desenhada pela rolagem */
  @media(prefers-reduced-motion:no-preference){
    @supports (animation-timeline:view()){
      @keyframes k2desenha{from{transform:scaleX(0)}to{transform:scaleX(1)}}
      @keyframes k2acende{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:none}}
    }
  }
  /* 3: bento de compromissos com fotos */
  /* 6 celulas, sem buraco: a f1 f1 / c e f2 / r r f2 */
  /* ============ rodada 5: texto em perguntas, resposta direta em destaque ============ */
  .interna .gsec h2{max-width:24ch}
  .klead{margin-top:20px;max-width:62ch;font-size:1.18rem;line-height:1.7;color:var(--claro)}
  .kdet{margin-top:16px;max-width:62ch;color:var(--texto-suave);line-height:1.8}
  .kdet a,.klead a{color:var(--salmao);text-decoration:underline;text-underline-offset:4px}
  .kdet a:hover{color:var(--claro)}
  .katual{margin-top:28px;font-size:.88rem;color:var(--texto-suave)}
  /* o que fica de fora: frases com x, sem caixa */
  .kfora{display:grid;gap:22px;margin-top:30px;max-width:720px}
  .kfora p{display:flex;gap:14px;align-items:flex-start;color:var(--texto-suave);line-height:1.75}
  .kfora .lucide{width:20px;height:20px;color:var(--tijolo);flex:none;margin-top:4px}
  .kfora strong{color:var(--claro);font-family:var(--titulo);font-weight:600}
  /* passos: numa coluna, com icone */
  .kpassos{list-style:none;display:grid;gap:18px;margin-top:30px}
  .kpassos li{display:flex;gap:16px;align-items:flex-start}
  .kpassos .lucide{width:24px;height:24px;color:var(--tijolo);flex:none;margin-top:2px}
  .kpassos strong{display:block;font-family:var(--titulo);font-weight:600;font-size:1.1rem;color:var(--claro)}
  .kpassos span{display:block;margin-top:4px;color:var(--texto-suave)}
  /* quem responde, com o B da marca apagado */
  /* 2: indice de perguntas */
  /* 3: a jornada, linha vertical com os momentos */
  /* ============ rodada 6 ============ */
  /* 1: moldura fixa com a foto que troca */
  /* 2: faixas de foto com o conteudo sobre a imagem */
  /* 3: revista */
  .r3-abre{padding-top:40px}
  .r3-abre-grid{display:grid;gap:40px;align-items:center}
  @media(min-width:980px){.r3-abre-grid{grid-template-columns:7fr 5fr;gap:72px}}
  .r3-frase{font-family:var(--titulo);font-weight:600;font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.18;letter-spacing:-.02em;color:var(--claro);max-width:22ch}
  .r3-frase em{font-style:normal;color:var(--tijolo)}
  .r3-foto{border-radius:10px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 60px rgba(8,4,2,.5)}
  .r3-foto img{width:100%;height:100%;object-fit:cover}
  @media(min-width:980px){.r3-foto{margin-top:60px}}
  /* ============ rodada 7: linguagem aprovada ============ */
  .r7-split{display:grid;gap:48px;align-items:center}
  @media(min-width:980px){.r7-split{grid-template-columns:5fr 6fr;gap:88px}.r7-split-dir{grid-template-columns:6fr 5fr}}
  .r7-split h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--claro);max-width:22ch}
  /* foto em pe com bloco tijolo atras (aprovada) */
  .r7-fb{position:relative;max-width:450px;width:100%;justify-self:center;padding:0 0 22px 22px}
  .r7-fb-dir{padding:0 22px 22px 0}
  .r7-fb-tijolo{position:absolute;left:0;bottom:0;width:36%;height:46%;border-radius:10px;background:var(--tijolo)}
  .r7-fb-dir .r7-fb-tijolo{left:auto;right:0}
  .r7-fb-foto{position:relative;aspect-ratio:3/4.2;border-radius:10px;overflow:hidden;box-shadow:0 30px 60px rgba(8,4,2,.5)}
  .r7-fb-foto img{width:100%;height:100%;object-fit:cover}
  .r7-cel{max-width:420px;width:100%;justify-self:center;aspect-ratio:3/4.2}
  @media(prefers-reduced-motion:no-preference){
    .r7-fb .r7-fb-tijolo{transform:translate(-16px,16px);opacity:0;transition:transform .9s var(--ease) .2s,opacity .9s var(--ease) .2s}
    .seq.in .r7-fb .r7-fb-tijolo{transform:none;opacity:1}
    .r7-fb-foto img,.r3-foto img,.r7-cel img{transform:scale(1.06);transition:transform 1.6s var(--ease)}
    .seq.in .r7-fb-foto img,.seq.in .r3-foto img,.seq.in .r7-cel img{transform:scale(1)}
  }
  /* respiro: texto em colunas, sem caixa */
  /* ============ rodada 8 ============ */
  /* CTA no meio: largura cheia (reusa .gcta), faixa arredondada e bloco de cor */
  .r8-meio{min-height:calc(66vh / var(--zoom))}
  .r8-meio h2{max-width:18ch}
  /* duvidas com coluna fixa: quem responde e a foto da porta */
  .r8-faq-grid{display:grid;gap:56px}
  @media(min-width:1040px){.r8-faq-grid{grid-template-columns:5fr 7fr;gap:80px}.r8-faq-fixo{position:sticky;top:110px;align-self:start}}
  .r8-faq-fixo h2{font-size:clamp(1.8rem,3.2vw,2.5rem);color:var(--claro);margin-bottom:0!important}
  .r8-faq-foto{margin-top:30px;border-radius:10px;overflow:hidden;aspect-ratio:4/3.4;box-shadow:0 30px 60px rgba(8,4,2,.45)}
  .r8-faq-foto img{width:100%;height:100%;object-fit:cover}
  .r8-faq-h{font-size:clamp(1.5rem,2.6vw,2rem)!important;margin-bottom:24px!important;color:var(--claro)}
  .r8-faq summary{font-size:1.08rem;line-height:1.4;padding-right:48px}
  .r8-faq .resp p{line-height:1.75}
  /* Garantia: prazo e cobertura lado a lado no computador (cabe no notebook) */
  .g-par{display:grid;gap:40px}
  @media(min-width:1100px){.g-par{grid-template-columns:1fr 1fr;gap:44px}.g-par h2{font-size:clamp(1.5rem,2.3vw,1.9rem)!important}}
  @media(min-width:980px) and (max-height:900px){
    .interna .kfora{gap:12px;margin-top:18px}
    .interna .kfora p{font-size:.95rem;line-height:1.6}
    .interna .r8-faq-foto{max-height:calc(26vh / var(--zoom))}
    .interna .r8-faq summary{padding-top:13px;padding-bottom:13px}
  }
  @media(min-width:1100px){
    .interna .r7-split-dir:has(.g-par){grid-template-columns:8fr 4fr;gap:64px}
    .interna .gsec .g-par h2{font-size:clamp(1.45rem,2.1vw,1.8rem)!important;max-width:18ch}
  }
  /* ============ Quem Somos ============ */
  .qs-ficha dl div{grid-template-columns:78px 1fr}
  /* ============ Quem Somos, rodada 2 ============ */
  /* titulo palavra por palavra, cada palavra sobe dentro de uma mascara */
  .qh-p{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
  .qh-p>span{display:inline-block}
  .qh-marca{color:var(--tijolo)}
  .qh .gresp{margin-top:22px}
  .qh-bts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:30px}
  .qh-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--titulo);font-weight:600;color:var(--salmao)}
  .qh-link .lucide{width:16px;height:16px;transition:transform .3s var(--ease)}
  .qh-link:hover{color:var(--claro)}
  .qh-link:hover .lucide{transform:translateY(3px) rotate(90deg)}
  @media(prefers-reduced-motion:no-preference){
    .qh-p>span{transform:translateY(105%);transition:transform .9s var(--ease);transition-delay:calc(.1s + var(--w) * 90ms)}
    .qh.in .qh-p>span{transform:none}
  }
  /* A: foto em cortina e bloco tijolo que desliza */
  /* B: 2023 vazado que se preenche de tijolo */
  /* C: foto de largura cheia com aproximacao lenta */
  @media(prefers-reduced-motion:no-preference){@keyframes qhZoom{from{transform:scale(1.14)}to{transform:scale(1)}}}
  /* D: mosaico com paralaxe leve na rolagem (CSS scroll-driven, sem JS) */
  @media(prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
    @keyframes qhSobe{from{transform:translateY(30px)}to{transform:translateY(-30px)}}
    @keyframes qhDesce{from{transform:translateY(-20px)}to{transform:translateY(40px)}}
  }}
  /* historia: pecas comuns */
  .sa-cab h2{font-size:clamp(1.9rem,3.8vw,2.8rem);color:var(--claro)}
  .sa-cab .kdet{margin-top:10px}
  .sb-momento{font-family:var(--titulo);font-weight:600;color:var(--salmao);font-size:1rem}
  .qs-capfoto{border-radius:10px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 50px rgba(8,4,2,.45)}
  .qs-capfoto img{width:100%;height:100%;object-fit:cover}
  .qs-marcabloco{aspect-ratio:4/3;border-radius:10px;background:var(--tijolo);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px;text-align:center}
  .qs-marcabloco img{width:34%;max-width:130px;filter:brightness(0) saturate(100%) invert(7%) sepia(20%) saturate(2000%) hue-rotate(345deg)}
  .qs-marcabloco p{font-family:var(--titulo);font-weight:600;font-size:clamp(1.2rem,2.2vw,1.6rem);color:var(--espresso);line-height:1.2}
  /* A: linha vertical que se enche; momento grudado */
  .sd-txt h3{font-family:var(--titulo);font-weight:600;font-size:clamp(1.4rem,2.4vw,1.9rem);color:var(--claro);line-height:1.2}
  .sd-txt>p:not(.sb-momento){margin-top:12px;color:var(--texto-suave);font-size:1.06rem;line-height:1.75;max-width:60ch}
  @media(prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
    @keyframes saEnche{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  }}
  /* B: foto grudada que troca */
  /* C: faixa horizontal com encaixe */
  /* D: capitulos alternados, costurados por uma linha central */
  .sd-cab{text-align:center}
  .sd-cab h2{margin:0 auto}
  .sd-trilho{position:relative;margin-top:64px}
  .sd-linha{position:absolute;left:50%;top:0;bottom:0;width:2px;translate:-1px 0;background:var(--linha);display:none}
  .sd-linha i{position:absolute;inset:0;background:var(--tijolo);transform-origin:top}
  .sd-cap{display:grid;gap:22px;padding-bottom:72px;align-items:center}
  @media(min-width:900px){
    .sd-linha{display:block}
    .sd-cap{grid-template-columns:1fr 60px 1fr;gap:0}
    .sd-esq .sd-txt{grid-column:1;grid-row:1;text-align:right;padding-right:32px}
    .sd-esq .sd-txt>p{margin-left:auto}
    .sd-esq .sd-vis{grid-column:3;grid-row:1;padding-left:32px}
    .sd-dir .sd-txt{grid-column:3;grid-row:1;padding-left:32px}
    .sd-dir .sd-vis{grid-column:1;grid-row:1;padding-right:32px}
    .sd-no{grid-column:2;grid-row:1;justify-self:center;width:16px;height:16px;border-radius:50%;background:var(--espresso);border:2px solid var(--tijolo);transition:background .4s var(--ease) .3s;z-index:1}
    .sd-cap.in .sd-no{background:var(--tijolo)}
  }
  @media(max-width:899px){.sd-no{display:none}}
  @media(prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
    .sd-linha i{animation:saEnche linear both;animation-timeline:view();animation-range:entry 30% exit 70%}
  }}
  @media(prefers-reduced-motion:reduce){.sd-no{background:var(--tijolo)!important}}
  .qs-hoje{max-width:460px}
  .qs-ficha-cap{margin:0;rotate:-1.5deg}
  /* ============ Quem Somos, rodada 3: topo estruturado e componentes animados ============ */
  .qh-linha{font-family:var(--titulo);font-weight:600;color:var(--salmao);font-size:1rem;margin-bottom:14px}
  .qh .gresp{max-width:52ch}
  /* faixa de numeros */
  /* conversa de WhatsApp: mensagens chegam em sequencia, com "digitando" */
  .ui-chat{width:300px;border-radius:14px;background:#140b07;border:1px solid var(--linha);box-shadow:0 30px 60px rgba(8,4,2,.6);overflow:hidden}
  .ui-chat-topo{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--fundo-2);border-bottom:1px solid var(--linha)}
  .ui-chat-topo strong{display:block;font-family:var(--titulo);font-weight:600;font-size:.9rem;color:var(--claro);line-height:1.2}
  .ui-chat-topo span{font-size:.74rem;color:#25D366}
  .ui-chat-corpo{display:grid;gap:8px;padding:14px}
  .ui-chat p{margin:0!important}
  .ui-chat .ui-cli{color:var(--claro)!important}
  .ui-chat .ui-brel{color:var(--espresso)!important}
  .ui-b{max-width:88%;padding:9px 12px;border-radius:12px;font-size:.84rem;line-height:1.4}
  .ui-cli{justify-self:end;background:var(--barro);color:var(--claro);border-bottom-right-radius:4px}
  .ui-brel{justify-self:start;background:var(--claro);color:var(--espresso);border-bottom-left-radius:4px}
  .ui-dig{justify-self:start;display:flex;gap:4px;padding:10px 12px;border-radius:12px;background:var(--claro)}
  .ui-dig i{width:6px;height:6px;border-radius:50%;background:var(--barro);opacity:.5}
  .ui-chat-nota{padding:0 14px 10px;font-size:.7rem;color:rgba(246,237,229,.45);text-align:right}
  .ui-dig{display:none}
  @media(prefers-reduced-motion:no-preference){
    .ui-dig{display:flex;height:0;padding:0;overflow:hidden;opacity:0}
    .ui-b{opacity:0;transform:translateY(10px) scale(.96);transform-origin:bottom}
    .in .ui-b{animation:uiMsg .45s var(--ease) forwards;animation-delay:calc(1.1s + var(--b) * .9s)}
    .in .ui-dig{animation:uiDig 1s var(--ease) forwards;animation-delay:1.8s}
    .in .ui-dig i{animation:uiPonto .9s ease-in-out infinite}
    .ui-dig i:nth-child(2){animation-delay:.15s!important}.ui-dig i:nth-child(3){animation-delay:.3s!important}
    @keyframes uiMsg{to{opacity:1;transform:none}}
    @keyframes uiDig{0%{height:0;padding:0 12px;opacity:0}15%{height:26px;padding:10px 12px;opacity:1}85%{height:26px;padding:10px 12px;opacity:1}100%{height:0;padding:0 12px;opacity:0}}
    @keyframes uiPonto{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-3px)}}
  }
  /* compromissos que se marcam */
  .ui-check{list-style:none;display:grid;gap:10px;margin-top:22px}
  .ui-check li{display:flex;align-items:center;gap:12px;font-family:var(--titulo);font-weight:600;color:var(--claro);font-size:1rem}
  .sd-esq .ui-check li{flex-direction:row-reverse}
  .ui-caixa{width:24px;height:24px;border-radius:7px;border:2px solid var(--tijolo);display:grid;place-items:center;flex:none;background:var(--tijolo)}
  .ui-caixa .lucide{width:15px;height:15px;color:var(--espresso);stroke-width:3}
  @media(prefers-reduced-motion:no-preference){
    .ui-caixa{background:transparent;transition:background .35s var(--ease);transition-delay:calc(.9s + var(--c) * .45s)}
    .ui-caixa .lucide{transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(.95s + var(--c) * .45s)}
    .in .ui-caixa{background:var(--tijolo)}
    .in .ui-caixa .lucide{transform:none}
  }
  /* quem faz: fichas que se juntam na responsabilidade da Brel */
  .ui-fluxo{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
  .sd-esq .ui-fluxo{justify-content:flex-end}
  .ui-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--linha);background:var(--fundo-2);font-family:var(--titulo);font-weight:600;font-size:.88rem;color:var(--claro)}
  .ui-chip .lucide,.ui-seta .lucide{width:16px;height:16px;color:var(--tijolo)}
  .ui-chip-top{background:var(--tijolo);border-color:var(--tijolo);color:var(--espresso)}
  .ui-chip-top .lucide{color:var(--espresso)}
  .ui-seta{display:inline-grid;place-items:center}
  @media(prefers-reduced-motion:no-preference){
    .ui-fluxo>*{opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:calc(.9s + var(--c) * .35s)}
    .in .ui-fluxo>*{opacity:1;transform:none}
  }
  /* 2026: o slogan se digita (revela letra a letra; o cursor pisca no fim) */
  .ui-digita span{display:inline}
  @media(prefers-reduced-motion:no-preference){
    .ui-digita span{clip-path:inset(0 100% 0 0)}
    .in .ui-digita span{animation:uiTecla 1.8s steps(31) .9s forwards}
    .ui-digita::after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.12em;background:var(--espresso);opacity:0}
    .in .ui-digita::after{animation:uiCursor .8s step-end 2.7s 5}
    @keyframes uiTecla{to{clip-path:inset(0 0 0 0)}}
    @keyframes uiCursor{0%{opacity:1}50%{opacity:0}}
  }
  .ui-marca p{font-size:clamp(1rem,1.8vw,1.35rem)!important}
  /* hoje: numeros grandes que contam */
  /* no da linha: acende com um pulso unico */
  @media(min-width:900px) and (prefers-reduced-motion:no-preference){
    .sd-no{position:relative}
    .sd-no::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--tijolo);opacity:0}
    .sd-cap.in .sd-no::after{animation:uiPulso 1.2s var(--ease) .5s 1}
    @keyframes uiPulso{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
  }
  /* fotos da historia: revelam para o lado da linha e aproximam no hover */
  .ui-foto img{transition:transform .8s var(--ease)}
  @media(hover:hover){.ui-foto:hover img{transform:scale(1.05)}}
  @media(prefers-reduced-motion:no-preference){
    .sd-esq .ui-foto{clip-path:inset(0 100% 0 0 round 10px);transition:clip-path 1.1s var(--ease) .2s}
    .sd-dir .ui-foto{clip-path:inset(0 0 0 100% round 10px);transition:clip-path 1.1s var(--ease) .2s}
    .sd-cap.in .ui-foto{clip-path:inset(0 0 0 0 round 10px)}
  }
  /* 4: 2023 enorme e apagado atras do texto */
  /* ============ Quem Somos, rodada 4 ============ */
  /* titulo pequeno (palavra-chave) em cima e slogan grande, como a opcao A da home */
  .q4-sf .gresp{margin-top:24px}
  .q4-fb{max-width:460px}
  @media(prefers-reduced-motion:no-preference){
    .q4-fb .r7-fb-foto{clip-path:inset(0 0 100% 0 round 10px);transition:clip-path 1.2s var(--ease) .3s}
    .q4-fb .r7-fb-foto img{transform:scale(1.12);transition:transform 1.8s var(--ease) .3s}
    .q4-fb .r7-fb-tijolo{transform:translate(20px,20px);opacity:0;transition:transform 1s var(--ease) .8s,opacity 1s var(--ease) .8s}
    .r7-fb.q4-fb:not(.r7-fb-dir) .r7-fb-tijolo{transform:translate(-20px,20px)}
    .seq.in .q4-fb .r7-fb-foto{clip-path:inset(0 0 0 0 round 10px)}
    .seq.in .q4-fb .r7-fb-foto img{transform:none}
    .seq.in .q4-fb .r7-fb-tijolo{transform:none;opacity:1}
  }
  /* 1: declaracao da home como topo */
  /* 3: historia em miniatura */
  /* ficha da empresa (resumo) */
  /* o que a Brel faz, agrupado pelo problema */
  /* ============ Quem Somos, rodada 5 ============ */
  .q5-h1{font-size:clamp(2.6rem,5.6vw,4.4rem);line-height:1.06;letter-spacing:-.025em;color:var(--claro);max-width:none!important}
  .qh .gresp{margin-top:22px}
  /* ficha da empresa num cartao creme sobre bloco tijolo (linguagem do termo aprovado) */
  .q5-ficha-vis{position:relative;max-width:500px;width:100%;justify-self:center;padding:0 0 28px 28px}
  .q5-ficha-tijolo{position:absolute;left:0;bottom:0;width:62%;height:70%;border-radius:10px;background:var(--tijolo)}
  .q5-ficha{position:relative;max-width:none;margin:0;padding:28px 30px 24px;rotate:-1.2deg}
  .q5-ficha .termo-topo strong{font-size:1.25rem}
  .q5-ficha dl{gap:0;margin:14px 0 0}
  .q5-ficha dl div{grid-template-columns:118px 1fr;gap:14px;padding:11px 0;border-bottom:1px dashed rgba(29,16,11,.16)}
  .q5-ficha dt{font-size:.88rem}
  .q5-ficha dd{font-size:.98rem}
  .q5-ficha p{border-top:0!important;padding-top:14px!important}
  .q5-ficha p a{color:var(--barro);font-weight:600;text-decoration:underline;text-underline-offset:3px}
  @media(prefers-reduced-motion:no-preference){
    .q5-ficha{translate:0 30px;rotate:4deg;opacity:0;transition:translate .9s cubic-bezier(.34,1.3,.64,1) .3s,rotate .9s cubic-bezier(.34,1.3,.64,1) .3s,opacity .6s var(--ease) .3s}
    .seq.in .q5-ficha{translate:0 0;rotate:-1.2deg;opacity:1}
    .q5-ficha dl div{opacity:0;transform:translateX(-8px);transition:opacity .4s var(--ease),transform .4s var(--ease);transition-delay:calc(.8s + var(--f) * 90ms)}
    .seq.in .q5-ficha dl div{opacity:1;transform:none}
    .q5-ficha-tijolo{transform:translate(-18px,18px);opacity:0;transition:transform 1s var(--ease) .2s,opacity 1s var(--ease) .2s}
    .seq.in .q5-ficha-tijolo{transform:none;opacity:1}
  }
  @media(hover:hover){.q5-ficha-vis:hover .q5-ficha{rotate:0deg}}
  @media(max-width:639px){.q5-ficha dl div{grid-template-columns:96px 1fr}.q5-ficha{rotate:0deg}}
  /* servicos como texto corrido com links */
  /* ============ Quem Somos, rodada 6 ============ */
  /* Tela de notebook (ex.: 1366x768): no computador, fotos, cartao e espacos acompanham a
     ALTURA da tela, para cada secao caber inteira como no monitor grande. vh sempre / var(--zoom). */
  @media(min-width:980px){
    .interna .gsec{padding-top:clamp(56px,calc(11vh / var(--zoom)),100px);padding-bottom:clamp(56px,calc(11vh / var(--zoom)),100px)}
    .interna .gtopo{padding-top:clamp(84px,calc(12vh / var(--zoom)),110px);padding-bottom:clamp(48px,calc(9vh / var(--zoom)),90px)}
    .interna .r7-fb{max-width:min(450px,calc(46vh / var(--zoom)))}
    .interna .r7-fb.q4-fb{max-width:min(460px,calc(50vh / var(--zoom)))}
    .interna .r8-faq-foto{max-height:calc(34vh / var(--zoom))}
    .interna .r8-meio,.interna .gcta{min-height:0;padding-top:clamp(72px,calc(13vh / var(--zoom)),140px);padding-bottom:clamp(72px,calc(13vh / var(--zoom)),140px)}
    .interna .sd-cap{padding-bottom:clamp(48px,calc(9vh / var(--zoom)),72px)}
    .interna .sd-vis .qs-capfoto,.interna .sd-vis .qs-marcabloco,.interna .sd-vis .qs-hoje{max-width:min(100%,calc(62vh / var(--zoom)))}
    .interna .sd-dir .sd-vis>*{margin-left:auto}
  }
  /* ficha compacta: fatos em duas colunas dentro do cartao */
  .q6-ficha-split{display:grid;gap:44px;align-items:center}
  @media(min-width:980px){.q6-ficha-split{grid-template-columns:4fr 7fr;gap:72px}}
  .q6-ficha-split h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--claro)}
  .q6-ficha-vis{max-width:680px}
  .q6-ficha dl{display:grid;grid-template-columns:1fr;column-gap:28px}
  @media(min-width:700px){.q6-ficha dl{grid-template-columns:1fr 1fr}}
  .q6-ficha dl div{grid-template-columns:1fr!important;gap:2px!important;padding:12px 0!important}
  .q6-ficha dt{font-size:.8rem!important}
  .q6-ficha dd{font-size:.98rem!important;line-height:1.35}
  /* servicos: 4 com pagina propria em destaque e 7 em etiquetas */
  .q6-serv-a{display:grid;gap:40px}
  @media(min-width:980px){.q6-serv-a{grid-template-columns:4fr 7fr;gap:72px}.q6-serv-a>div:first-child{position:sticky;top:120px;align-self:start}}
  .q6-serv-a h2,.interna .r7-split .q6-princ~h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--claro)}
  .q6-princ{list-style:none;margin-top:26px;border-top:1px solid var(--linha)}
  .q6-serv-a .q6-princ{margin-top:0}
  .q6-princ a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 4px;border-bottom:1px solid var(--linha);transition:padding .35s var(--ease),background .35s var(--ease)}
  .q6-princ a>.lucide:first-child{width:26px;height:26px;color:var(--tijolo)}
  .q6-princ strong{display:block;font-family:var(--titulo);font-weight:600;font-size:1.2rem;color:var(--claro);line-height:1.25}
  .q6-princ small{display:block;margin-top:3px;font-size:.92rem;color:var(--texto-suave)}
  .q6-seta{width:20px;height:20px;color:var(--salmao);transition:transform .35s var(--ease)}
  @media(hover:hover){.q6-princ a:hover{padding-left:14px;background:linear-gradient(90deg,rgba(208,108,66,.12),transparent 70%)}.q6-princ a:hover .q6-seta{transform:translateX(6px)}.q6-princ a:hover strong{color:var(--salmao)}}
  .q6-outros{margin-top:26px}
  .q6-outros>p{font-family:var(--titulo);font-weight:600;color:var(--salmao);font-size:.95rem;margin:0 0 12px!important}
  .q6-outros ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
  .q6-outros li a{display:inline-flex;padding:9px 16px;border-radius:999px;border:1px solid var(--linha);background:var(--fundo-2);font-size:.92rem;color:var(--claro);transition:border-color .25s var(--ease),color .25s var(--ease),translate .25s var(--ease)}
  .gsec-alt .q6-outros li a{background:var(--espresso)}
  @media(hover:hover){.q6-outros li a:hover{border-color:var(--tijolo);color:var(--salmao);translate:0 -2px}}
  .q6-todos{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-family:var(--titulo);font-weight:600;color:var(--salmao)}
  .q6-todos .lucide{width:16px;height:16px;transition:transform .3s var(--ease)}
  .q6-todos:hover .lucide{transform:translateX(4px)}
  /* telas baixas de computador (notebook): texto e listas mais compactos, mesmo desenho */
  @media(min-width:980px) and (max-height:900px){
    .interna .gsec h2,.interna .q6-serv-a h2,.interna .r8-faq-fixo h2{font-size:clamp(1.7rem,calc(4.4vh / var(--zoom)),2.4rem)!important}
    .interna .klead{font-size:1.06rem;line-height:1.6;margin-top:14px}
    .interna .kdet{margin-top:10px;line-height:1.65}
    .interna .kpassos{gap:12px;margin-top:20px}
    .interna .kpassos strong{font-size:1rem}
    .interna .kpassos span{font-size:.92rem;margin-top:2px}
    .interna .q6-princ a{padding:12px 4px;gap:14px}
    .interna .q6-princ strong{font-size:1.08rem}
    .interna .q6-princ small{font-size:.86rem}
    .interna .q6-outros{margin-top:18px}
    .interna .q6-outros li a{padding:7px 13px;font-size:.86rem}
    .interna .q6-todos{margin-top:14px}
    .interna .duvidas summary{padding-top:15px;padding-bottom:15px;font-size:1rem}
    .interna .r8-faq-h{margin-bottom:12px!important}
    .interna .katual{margin-top:16px}
    .interna .r7-split .r7-fb{max-width:min(420px,calc(42vh / var(--zoom)))}
  }
  @media(max-width:979px){.interna .gtopo{padding-top:118px}}
  /* ============ Contato ============ */
  .ct-rot{display:block;font-family:var(--titulo);font-weight:600;font-size:.84rem;color:var(--salmao)}
  .ct-chat-vis{position:relative;justify-self:center;padding:0 0 26px 26px}
  .ct-chat-tijolo{position:absolute;left:0;bottom:0;width:60%;height:70%;border-radius:10px;background:var(--tijolo)}
  .ct-chat{position:relative;width:min(380px,82vw)}
  .ct-chat .ui-b{font-size:.92rem}
  /* formulario da home dentro de uma pagina interna */
  .ct-form{min-height:0!important;display:block!important;padding:clamp(64px,calc(11vh / var(--zoom)),100px) 0!important}
  @media(min-width:980px) and (max-height:900px){
    .ct-form{padding:44px 0!important}
    .interna .gtopo:has(.ct-canais){padding-bottom:40px}
    .gtopo:has(.ct-canais) .gresp{font-size:1.04rem;line-height:1.6}
  }
  /* ============ Contato, rodada 2 ============ */
  .ct-kw{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:rgba(208,108,66,.7);text-underline-offset:4px}
  .ct-kw:hover{color:var(--salmao)}
  .interna .kdet a,.interna .kdet a{color:var(--salmao);text-decoration:underline;text-underline-offset:4px}
  /* bloco do WhatsApp: numero grande e status real */
  .ct-zap{position:relative;padding:30px 30px 32px;border-radius:12px;background:var(--tijolo);color:var(--espresso);box-shadow:0 30px 60px rgba(8,4,2,.45)}
  .ct-zap-topo{display:flex;align-items:center;gap:10px;font-family:var(--titulo);font-weight:600;font-size:.95rem}
  .ct-zap-topo .lucide{width:20px;height:20px}
  .ct-status{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(29,16,11,.14);font-size:.8rem}
  .ct-status b{width:8px;height:8px;border-radius:50%;background:var(--barro)}
  .ct-status em{font-style:normal}
  .ct-status.aberto b{background:#1f8a4c;box-shadow:0 0 0 0 rgba(31,138,76,.6);animation:ctPulso 2s infinite}
  @keyframes ctPulso{70%{box-shadow:0 0 0 7px rgba(31,138,76,0)}100%{box-shadow:0 0 0 0 rgba(31,138,76,0)}}
  @media(prefers-reduced-motion:reduce){.ct-status.aberto b{animation:none}}
  .ct-zap-num{display:block;margin-top:22px;font-family:var(--titulo);font-weight:600;font-size:clamp(2.1rem,4vw,3.1rem);letter-spacing:-.02em;line-height:1;color:var(--espresso);font-variant-numeric:tabular-nums}
  .ct-zap-num:hover{text-decoration:underline;text-underline-offset:6px}
  .ct-zap p{margin:14px 0 22px!important;color:var(--espresso)!important;max-width:40ch;font-size:1rem!important}
  /* painel: whatsapp + outros canais */
  .ct-canais-grid{display:grid;gap:44px;align-items:start}
  @media(min-width:980px){.ct-canais-grid{grid-template-columns:5fr 6fr;gap:72px}}
  .ct-outros h2,.ct-canais-grid>div>h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--claro)}
  .ct-linha{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--linha)}
  .ct-outros>div:first-of-type .ct-linha:first-child{border-top:1px solid var(--linha)}
  .ct-linha>.lucide{width:24px;height:24px;color:var(--tijolo)}
  .ct-linha-txt a{display:block;font-family:var(--titulo);font-weight:600;font-size:clamp(1.1rem,1.8vw,1.35rem);color:var(--claro);overflow-wrap:anywhere;transition:color .25s var(--ease)}
  .ct-linha-txt a:hover{color:var(--salmao)}
  .ct-linha-txt small{display:block;margin-top:2px;color:var(--texto-suave);font-size:.9rem}
  .ct-copia{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid var(--linha);background:none;color:var(--claro);font-family:var(--titulo);font-weight:600;font-size:.82rem;cursor:pointer;transition:border-color .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}
  .ct-copia:hover{border-color:var(--tijolo)}
  .ct-copia.ok{background:var(--tijolo);border-color:var(--tijolo);color:var(--espresso)}
  .ct-outros .ct-rot{display:block}
  /* semana acesa */
  .ct-semana{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px}
  .ct-semana ul{list-style:none;display:flex;gap:6px}
  .ct-semana li{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--tijolo);color:var(--espresso);font-family:var(--titulo);font-weight:600;font-size:.82rem}
  @media(prefers-reduced-motion:no-preference){.ct-semana li{opacity:.25;transform:translateY(6px);transition:opacity .4s var(--ease),transform .4s var(--ease);transition-delay:calc(.5s + var(--d) * 80ms)}.seq.in .ct-semana li{opacity:1;transform:none}}
  .ct-horas strong{display:block;font-family:var(--titulo);font-weight:600;font-size:1.5rem;color:var(--claro);line-height:1.1}
  .ct-horas span{display:block;margin-top:2px;font-size:.88rem;color:var(--texto-suave)}
  @media(max-width:420px){.ct-semana li{width:38px;height:38px;font-size:.76rem}}
  /* area */
  /* do primeiro contato a visita */
  .ct-atend{display:grid;gap:48px;align-items:center}
  @media(min-width:980px){.ct-atend{grid-template-columns:7fr 5fr;gap:80px}}
  .ct-atend h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--claro)}
  .ct-passos{list-style:none;position:relative;display:grid;gap:18px;margin-top:28px;padding-left:4px}
  .ct-passos::before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:var(--linha)}
  .ct-passos li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 16px}
  .ct-passo-ic{grid-row:span 2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--espresso);border:2px solid var(--tijolo);z-index:1}
  .gsec-alt .ct-passo-ic{background:var(--fundo-2)}
  .ct-passo-ic .lucide{width:17px;height:17px;color:var(--tijolo)}
  .ct-passos strong{font-family:var(--titulo);font-weight:600;color:var(--claro);font-size:1.08rem;padding-top:6px}
  .ct-passos li>span:last-child{color:var(--texto-suave);font-size:.95rem}
  /* fecho */
  .ct-fecho{text-align:center}
  .ct-fecho h2{font-size:clamp(2rem,4vw,3rem);color:var(--claro)}
  .ct-fecho p{margin:16px auto 26px;color:var(--texto-suave);font-size:1.1rem;line-height:1.7}
  .ct-fecho .gcta-bts{justify-content:center}
  @media(min-width:980px) and (max-height:900px){.interna .ct-linha{padding:14px 0}.interna .ct-passos{gap:12px;margin-top:20px}.interna .ct-zap{padding:24px 26px}}
  /* ============ Contato, rodada 3: onde atendemos ============ */
  /* 1: foto dentro das letras */
  /* 2: meia tela de foto e verificador de bairro */
  /* 3: faixa de foto com os tipos entrando */
  .ar3-faixa{position:relative;border-radius:10px;overflow:hidden;min-height:clamp(360px,calc(56vh / var(--zoom)),520px);display:grid;align-items:end;box-shadow:0 30px 60px rgba(8,4,2,.45)}
  @media(min-width:900px){.ar3-faixa{grid-template-columns:7fr 5fr;align-items:center}}
  .ar3-faixa>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
  .ar3-faixa::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,16,11,.94) 0%,rgba(29,16,11,.7) 45%,rgba(29,16,11,.25) 100%)}
  .ar3-in,.ar3-tipos{position:relative;z-index:1}
  .ar3-in{padding:44px clamp(24px,4vw,56px)}
  .ar3 h2{font-size:clamp(1.9rem,3.6vw,2.8rem);color:var(--claro)}
  .ar3-in p{margin-top:12px;color:rgba(246,237,229,.86);max-width:44ch;font-size:1.06rem;line-height:1.7}
  .ar3-tipos{list-style:none;display:grid;gap:4px;padding:0 clamp(24px,4vw,56px) 40px}
  @media(min-width:900px){.ar3-tipos{padding:40px clamp(24px,4vw,56px);justify-items:end}}
  .ar3-tipos li{font-family:var(--titulo);font-weight:600;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;color:var(--claro)}
  .ar3-tipos li:last-child{color:var(--tijolo)}
  @media(prefers-reduced-motion:no-preference){.ar3-tipos li{opacity:0;transform:translateX(24px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(.5s + var(--t) * .25s)}.ar3.in .ar3-tipos li{opacity:1;transform:none}}
  .ar3-pe{margin-top:22px;max-width:70ch}

  /* ============ Politica de Privacidade (F7, dono, 2026-09-27) ============
     Topo limpo so com texto e o B ao fundo; leitura com indice grudado que acende o assunto lido;
     um CTA final em tijolo. Documento, sem marketing: sem foto, sem componente. */
  /* topo com ~60% da tela inicial (dono, 2026-09-27); altura em vh dividida pelo zoom (doc 11, secao 2) */
  .pp-topo{padding:110px 0 70px;min-height:calc(60dvh / var(--zoom));display:flex;align-items:center}
  .pp-topo>.wrap{width:100%}
  .pp-topo .wrap{position:relative;z-index:1}
  .pp-topo-in{max-width:760px}
  .pp-marca{position:absolute;right:6%;top:50%;translate:0 -50%;width:min(380px,44vw);opacity:.07;pointer-events:none}
  .pp-brilho{position:absolute;right:-8%;top:50%;translate:0 -50%;width:min(760px,100vw);aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,rgba(208,108,66,.14) 0%,rgba(208,108,66,.04) 40%,transparent 68%)}
  .pp-grid{display:grid;gap:40px}
  @media(min-width:980px){.pp-grid{grid-template-columns:280px 1fr;gap:80px}.pp-indice{position:sticky;top:110px;align-self:start}}
  /* indice com subtopicos (dono, 2026-09-27): no computador, os subtopicos do assunto lido se abrem;
     no celular, o indice inteiro vira "Nesta pagina" que abre e fecha */
  .pp-indice-d,.pp-indice-d:last-of-type{border:0}
  .pp-indice-d summary{padding:0;font-size:1rem;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;font-family:var(--titulo);font-weight:600;color:var(--claro);margin-bottom:14px;cursor:pointer}
  .pp-indice-d summary::-webkit-details-marker{display:none}
  .pp-indice-d summary .lucide{width:18px;height:18px;color:var(--salmao);transition:transform .3s var(--ease)}
  .pp-indice-d[open] summary .lucide{transform:rotate(180deg)}
  .pp-indice ol{list-style:none}
  .pp-indice-d>ol{display:grid;gap:1px;border-left:2px solid var(--linha)}
  .pp-indice a{display:flex;gap:8px;padding:5px 0 5px 18px;margin-left:-2px;border-left:2px solid transparent;color:var(--texto-suave);font-size:.92rem;line-height:1.4;transition:color .3s var(--ease),border-color .3s var(--ease)}
  .pp-indice a b{font-weight:600;color:var(--salmao);min-width:1.5em}
  .pp-indice a:hover,.pp-indice a.ativo{color:var(--claro)}
  .pp-indice a.ativo{border-left-color:var(--tijolo)}
  .pp-sub{display:grid;margin:2px 0 6px}
  .pp-sub a{padding:3px 0 3px 38px;font-size:.84rem;border-left:0;margin-left:0}
  .pp-sub a b{min-width:2.4em;font-weight:400}
  .pp-sub a.ativo{color:var(--salmao)}
  @media(min-width:980px){
    .pp-indice-d summary{pointer-events:none}
    .pp-indice-d summary .lucide{display:none}
    .pp-indice-d>ol{max-height:calc(100vh / var(--zoom) - 190px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--barro) transparent}
    .pp-sub{display:none}
    .pp-indice li.aberto>.pp-sub{display:grid;animation:ppSub .35s var(--ease)}
    @keyframes ppSub{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
  }
  @media(max-width:979px){
    .pp-indice-d,.pp-indice-d:last-of-type{border:1px solid var(--linha);border-radius:10px;padding:14px 16px;background:var(--espresso)}
    .pp-indice-d summary{margin-bottom:0}
    .pp-indice-d[open] summary{margin-bottom:14px}
  }
  @media(prefers-reduced-motion:reduce){.pp-indice li.aberto>.pp-sub{animation:none}}
  .pp-sec{scroll-margin-top:100px;max-width:760px}
  .pp-cl{scroll-margin-top:100px}
  .pp-rot{font-family:var(--titulo);font-weight:600}
  .pp-sec+.pp-sec{margin-top:64px}
  .interna .pp-sec h2{font-size:clamp(1.5rem,2.8vw,2.05rem);max-width:none}
  .pp-sec h2 b{font-weight:600;color:var(--tijolo)}
  /* clausulas numeradas (1.1, 1.2) e alineas (a, b, c): formato de documento */
  .pp-cl{display:grid;grid-template-columns:44px 1fr;gap:10px;margin-top:18px}
  .pp-sec h2+.pp-cl{margin-top:22px}
  .pp-n{font-family:var(--titulo);font-weight:600;font-size:.95rem;color:var(--salmao);padding-top:2px}
  .pp-cl p{color:var(--claro);line-height:1.75;max-width:66ch}
  .pp-cl strong{font-weight:600;color:var(--claro)}
  .pp-cl a{color:var(--salmao);text-decoration:underline;text-underline-offset:4px}
  .pp-cl a:hover{color:var(--claro)}
  .pp-al{list-style:none;display:grid;gap:8px;margin-top:12px}
  .pp-al li{display:grid;grid-template-columns:26px 1fr;gap:6px;color:var(--texto-suave);line-height:1.7;max-width:64ch}
  .pp-al b{font-weight:600;color:var(--tijolo)}
  .pp-al strong{color:var(--claro)}
  @media(max-width:639px){.pp-cl{grid-template-columns:36px 1fr;gap:6px}}
  .pp-fecho{position:relative;overflow:hidden;padding:120px 0;background:var(--tijolo);text-align:center}
  .pp-fecho .wrap{position:relative;z-index:1}
  .pp-fecho-marca{position:absolute;width:min(460px,80vw);right:-60px;top:50%;translate:0 -50%;opacity:.12;filter:brightness(0);pointer-events:none}
  .pp-fecho-in{max-width:680px;margin:0 auto}
  .interna .pp-fecho h2{font-size:clamp(1.9rem,4vw,3rem);color:var(--espresso);max-width:none}
  .pp-fecho p{margin:18px auto 28px;max-width:56ch;font-size:1.1rem;color:var(--espresso)}
  .pp-fecho .gcta-bts{justify-content:center}
  @media(max-width:639px){.pp-topo{padding:70px 0 56px}.pp-marca{width:60vw;right:-12%;top:30%}.pp-fecho{padding:80px 0}.pp-fecho-marca{right:-45%;opacity:.08}}

  /* ============ Termos de Uso (F7, versao 2 de lab/termos, dono, 2026-09-27) ============
     Molde da Privacidade (pp-*) com o resumo em quatro linhas no topo e o fecho escuro com o B no centro. */
  .tu-topo{flex-direction:column;align-items:stretch;justify-content:center}
  .tu-res{list-style:none;display:grid;gap:22px;margin-top:44px;max-width:1080px}
  @media(min-width:900px){.tu-res{grid-template-columns:repeat(4,1fr);gap:28px}}
  .tu-res li{display:flex;gap:12px;align-items:flex-start;padding-top:16px;border-top:2px solid var(--tijolo)}
  .tu-res li:not(:first-child){border-top-color:var(--linha)}
  .tu-res .lucide{width:22px;height:22px;color:var(--tijolo);flex:none;margin-top:1px}
  .tu-res strong{display:block;font-family:var(--titulo);font-weight:600;color:var(--claro)}
  .tu-res span{display:block;margin-top:4px;font-size:.92rem;color:var(--texto-suave);line-height:1.5}
  .tu-fecho{background:var(--espresso)}
  .tu-fecho::before{content:"";position:absolute;width:min(900px,120vw);aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;background:radial-gradient(circle,rgba(208,108,66,.16) 0%,rgba(208,108,66,.05) 40%,transparent 68%);pointer-events:none}
  .tu-fecho .pp-fecho-marca{right:auto;left:50%;translate:-50% -50%;filter:none;opacity:.07}
  .interna .tu-fecho h2{color:var(--claro)}
  .tu-fecho p{color:var(--texto-suave)}
  .tu-fecho .gcta-kw{color:var(--salmao)}
  @media(max-width:639px){.tu-fecho .pp-fecho-marca{right:auto;opacity:.06}}

  /* ============ Celular (ate 639px): paginas internas (doc 11, secao 11, pedido do dono em 2026-09-27) ============
     Topo entre 80% e 95% da tela ate a barra do WhatsApp, texto ao centro; escala de texto de celular; cabecalhos
     de secao ao centro com traco tijolo; blocos de texto ao lado de foto a esquerda com barra tijolo no titulo;
     sem bloco tijolo deslocado atras de foto. O computador nao muda. */
  @media(max-width:639px){
    /* escala */
    .interna h1{font-size:2rem;line-height:1.08}
    .interna h2{font-size:1.5rem}
    .gresp{font-size:15px;line-height:1.6;margin-top:14px}
    .interna .klead{font-size:15.5px;line-height:1.6}
    .interna .kdet{font-size:14.5px;line-height:1.65}
    .gcta p{font-size:15px;line-height:1.6}
    .r3-frase{font-size:1.5rem}
    .qh-linha{font-size:.9rem}
    .ct-linha-txt a{font-size:14.5px;overflow-wrap:normal}
    .interna .gsec{padding:88px 0}

    /* topo */
    .interna .gtopo{padding:92px 0 28px;min-height:calc(100svh - 74px);display:flex;flex-direction:column;justify-content:center}
    .interna .gtopo>.wrap{width:100%}
    .gtopo h1,.gtopo .gresp,.gtopo .qh-linha{margin-inline:auto;text-align:center}
    .gtopo .qh-bts{justify-content:center;margin-top:22px}
    .g1-topo{gap:30px}
    /* garantia: o texto e, logo abaixo, o modelo da mensagem de garantia confirmada; a foto do ralo fica no computador */
    .g4topo .g4foto,.g4topo .g4bloco{display:none}
    .g4topo .g4vis{aspect-ratio:auto;max-width:360px}
    .g4topo .g4termo{margin-top:0;width:100%}
    /* quem somos: a foto do tecnico vira uma faixa no alto, como no topo das paginas de servico */
    .q4-sf .g1-topo{display:flex;flex-direction:column;flex:1}
    .q4-sf>.wrap{flex:1;display:flex;flex-direction:column}
    .q4-sf .q4-fb{order:-1;flex:1;display:flex;max-width:none;padding:0}
    .q4-sf .q4-fb .r7-fb-foto{flex:1;aspect-ratio:auto;min-height:36vw;max-height:27svh}
    /* contato: a conversa de exemplo logo abaixo do texto */
    .ct-chat-vis{padding:0;max-width:360px}
    /* paginas legais: documento limpo ao centro */
    .pp-topo{justify-content:center}
    .pp-topo-in{text-align:center}
    .pp-topo-in h1,.pp-topo-in .gresp{margin-inline:auto}

    /* sem bloco tijolo deslocado atras de foto: a moldura fica reta */
    .r7-fb-tijolo,.ct-chat-tijolo,.g4bloco,.q5-ficha-tijolo{display:none}
    .q5-ficha-vis{padding:0}
    .r7-fb{padding:0}

    /* cabecalhos de secao ao centro, com o traco tijolo em cima */
    .r8-faq-fixo,.gcta-in,.ar3-in,.ar3-tipos{text-align:center}
    .ct-atend-txt>h2,.ct-atend-txt>.klead{text-align:center;margin-inline:auto}
    .ct-passos{text-align:left}
    .r8-faq-fixo h2,.r8-faq-fixo p,.gcta-in h2,.gcta-in p,.ar3-in h2,.ar3-in p{margin-inline:auto}
    .r8-faq-fixo h2::before,.sd-cab h2::before,.q6-serv-a h2::before,.ct-atend-txt>h2::before{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--tijolo);margin:0 auto 18px}
    .q6-serv-a>div:first-child{text-align:center}
    .q6-serv-a h2,.q6-serv-a h2+.klead{margin-inline:auto}
    .gcta-bts{flex-direction:column;align-items:center}
    .gcta-bts .btn{width:100%;max-width:300px;justify-content:center}
    /* blocos de texto ao lado de foto: titulo a esquerda com a barra tijolo */
    .r7-split h2,.g-par h2,.q6-ficha-split h2,.ct-outros h2{position:relative;padding-left:16px}
    .r7-split h2::before,.g-par h2::before,.q6-ficha-split h2::before,.ct-outros h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.12em;width:3px;border-radius:3px;background:var(--tijolo)}
    /* historia de quem somos: no celular tudo le da esquerda, inclusive os compromissos */
    .sd-esq,.sd-esq .sd-txt{text-align:left}
    .sd-esq .ui-check li{flex-direction:row}
  }