/* =========================================================
   INCOMAF 2026 — Páginas internas (pilares + produtos)
   Mesma linguagem da "Home 2026 — Premium".
   Depende de main.css (tokens, header, footer, .btn,
   .kicker, .glass-dark, .reveal, texturas...).
   ========================================================= */

/* ===================== HERO INTERNO ===================== */
.pg-hero{position:relative;overflow:hidden;height:clamp(600px,90vh,900px);}
.pg-hero-media{position:absolute;inset:-8% 0;z-index:0;}
.pg-hero-media img,
.pg-hero-media video{width:100%;height:100%;object-fit:cover;display:block;}
.pg-hero-stage{height:100%;width:100%;}
.pg-hero-wrap{position:absolute;top:var(--header-h);left:0;right:0;bottom:0;z-index:4;pointer-events:none;}
.pg-hero-wrap .container{height:100%;display:flex;align-items:flex-end;padding-top:20px;padding-bottom:clamp(40px,5vw,84px);}
.pg-hero-card{pointer-events:auto;max-width:580px;border-radius:var(--raio-xl);padding:clamp(24px,2.7vw,42px);color:#fff;}
.pg-crumb{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.74);margin-bottom:14px;}
.pg-crumb a{color:rgba(255,255,255,.74);transition:color .18s;}
.pg-crumb a:hover{color:#fff;}
.pg-crumb .sep{color:var(--ouro-claro);}
.pg-hero-card h1{font-family:var(--f-display);font-weight:500;font-size:clamp(28px,3.4vw,53px);line-height:1.03;letter-spacing:-.02em;color:#fff;margin:14px 0 0;text-wrap:balance;}
.pg-hero-card h1 em{font-style:italic;font-weight:500;color:var(--ouro-claro);}
.pg-hero-card p{font-size:clamp(14px,1.2vw,17px);line-height:1.55;color:rgba(255,255,255,.9);margin:14px 0 0;max-width:54ch;}
.pg-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;}
.pg-hero-marca{display:flex;align-items:center;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);}
.pg-hero-marca .big{font-family:var(--f-display);font-style:italic;font-weight:500;font-size:clamp(30px,3.2vw,42px);line-height:.9;color:var(--ouro-claro);}
.pg-hero-marca .big .u{font-family:var(--f-display);font-style:italic;font-weight:500;font-size:.42em;color:var(--ouro-claro);text-transform:none;letter-spacing:0;}
.pg-hero-marca span{font-family:var(--f-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.78);line-height:1.62;}
@media (max-width:640px){ .pg-hero-card{background:rgba(22,16,52,.58);} .pg-hero-marca .big{font-size:36px;} }
@media (max-width:559px){
  .pg-hero{height:clamp(560px,92vh,780px);min-height:unset;}
  .pg-hero-wrap{position:absolute;top:var(--header-h);z-index:4;pointer-events:auto;}
  .pg-hero-wrap .container{align-items:flex-end;padding-top:20px;padding-bottom:20px;}
  .pg-hero-card{padding:clamp(20px,4.5vw,28px);max-width:none;}
  .pg-hero-card h1{font-size:clamp(28px,8vw,38px);}
  .pg-hero-card p{font-size:14.5px;margin-top:12px;}
  .pg-hero-ctas{gap:10px;margin-top:18px;}
  .pg-hero-marca{margin-top:16px;padding-top:14px;}
  .pg-hero-media{position:absolute;inset:0;z-index:0;}
  .scroll-cue{display:none;}
  /* Hero compacto no mobile: oculta elementos secundários */
  .page-marceneiros .pg-crumb{display:none;}
  .page-marceneiros .pg-hero-card > p{display:none;}
  .page-marceneiros .pg-hero-ctas .btn--luz{display:none;}
  .page-construtoras .pg-crumb{display:none;}
  .page-construtoras .pg-hero-card > p{display:none;}
  .page-construtoras .pg-hero-ctas .btn--luz{display:none;}
  .page-especificadores .pg-crumb{display:none;}
  .page-especificadores .pg-hero-card > p{display:none;}
  .page-especificadores .pg-hero-ctas .btn--luz{display:none;}
  .page-sua-casa .pg-crumb{display:none;}
  .page-sua-casa .pg-hero-card > p{display:none;}
  .page-sua-casa .pg-hero-ctas .btn--luz{display:none;}
  .page-produtos .pg-crumb{display:none;}
  .page-produtos .pg-hero-card > p{display:none;}
  .page-produtos .pg-hero-ctas .btn--luz{display:none;}
  .page-contato .pg-crumb{display:none;}
  .page-contato .pg-hero-card > p{display:none;}
  .page-contato .pg-hero-ctas .btn--luz{display:none;}
}
/* Telas baixas: garante que o cartão caiba abaixo do header */
@media (max-height:780px) and (min-width:641px){
  .pg-hero-card{padding-top:clamp(24px,2.4vw,38px);padding-bottom:clamp(24px,2.4vw,38px);}
  .pg-hero-card h1{font-size:clamp(32px,3.6vw,50px);margin-top:12px;}
  .pg-hero-card p{margin-top:14px;}
  .pg-hero-marca{margin-top:18px;padding-top:14px;}
  .pg-hero-marca .big{font-size:clamp(32px,3vw,42px);}
}

/* ===================== SEÇÕES + CABEÇALHO ===================== */
.pg-sec{padding:clamp(64px,8.5vw,128px) 0;}
.pg-sec--creme{background-color:var(--creme);background-image:
  repeating-linear-gradient(91deg, rgba(110,79,40,.035) 0 1px, rgba(110,79,40,0) 1px 6px),
  repeating-linear-gradient(91deg, rgba(110,79,40,.045) 0 1px, rgba(110,79,40,0) 1px 38px),
  radial-gradient(120% 80% at 50% -10%, rgba(255,255,255,.5), transparent 60%);}
.pg-sec--papel{background-color:var(--papel);background-image:
  repeating-linear-gradient(91deg, rgba(110,79,40,.022) 0 1px, rgba(110,79,40,0) 1px 7px),
  repeating-linear-gradient(91deg, rgba(110,79,40,.03) 0 1px, rgba(110,79,40,0) 1px 41px);}
.pg-head{max-width:820px;}
.pg-head .kicker{margin-bottom:16px;}
.pg-head .h2{margin-top:2px;}
.pg-head .apoio{margin-top:20px;}

/* ===================== BLOCO DIVIDIDO (texto + mídia) ===================== */
.pg-split .container{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(40px,5.5vw,86px);align-items:center;}
.pg-split--top .container{align-items:start;}
.pg-split--rev .pg-split-media{order:-1;}
.pg-split-texto .kicker{margin-bottom:16px;}
.pg-split-texto .h2{margin-top:2px;}
.pg-split-texto .apoio{margin-top:20px;}
.pg-actions{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;}

/* figura com hover (escala + fio dourado) */
.pg-figure{position:relative;border-radius:var(--raio-l);overflow:hidden;box-shadow:var(--sombra-m);}
.pg-figure::after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:var(--raio-l);transition:border-color .4s;pointer-events:none;z-index:3;}
.pg-figure:hover::after{border-color:var(--ouro-linha-luz);}
.pg-figure img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.pg-figure--tall img{aspect-ratio:3/4;}
.pg-figure:hover img{transform:scale(1.05);}
.pg-figure .pg-cap{position:absolute;left:14px;bottom:14px;z-index:4;border-radius:var(--raio-m);padding:9px 15px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff;}
.pg-figure .pg-fig-num{position:absolute;top:14px;right:16px;z-index:4;font-family:var(--f-mono);font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--ouro-claro);}
.pg-split-media>.pg-figure + .pg-painel,
.pg-split-media>.pg-figure + .pg-stack{margin-top:18px;}

@media (max-width:919px){
  .pg-split .container{grid-template-columns:1fr;gap:38px;}
  .pg-split--rev .pg-split-media{order:0;}
}

/* Split com reordenação no mobile (kicker+texto → imagem → checks+btn) */
.pg-split--mobile-reorder .container{align-items:start;row-gap:0;}
.pg-split--mobile-reorder .pg-split-media{grid-row:span 2;}
.pg-split--mobile-reorder .pg-split-checks{grid-column:1;}
/* Variante reversa + mobile-reorder: desktop mantém mídia à esquerda em span 2, texto e checks à direita */
.pg-split--rev.pg-split--mobile-reorder .pg-split-media{grid-column:1;grid-row:1/span 2;}
.pg-split--rev.pg-split--mobile-reorder .pg-split-texto{grid-column:2;grid-row:1;}
.pg-split--rev.pg-split--mobile-reorder .pg-split-checks{grid-column:2;grid-row:2;}
@media (max-width:919px){
  .pg-split--mobile-reorder .container{display:flex;flex-direction:column;gap:28px;}
  .pg-split--mobile-reorder .pg-split-texto{order:1;}
  .pg-split--mobile-reorder .pg-split-media{order:2;}
  .pg-split--mobile-reorder .pg-split-checks{order:3;}
}

/* ===================== CHECK-LIST (dourado) ===================== */
.pg-checks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:13px;}
.pg-checks li{display:flex;gap:13px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:var(--c700);text-wrap:pretty;}
.pg-checks .ck{flex:none;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;margin-top:1px;color:var(--ouro);background:rgba(184,146,74,.12);border:1px solid var(--ouro-linha);transition:background .25s,color .25s,transform .25s;}
.pg-checks li:hover .ck{background:var(--ouro);color:#fff;transform:rotate(-5deg);}

/* ===================== PAINEL DE APOIO ===================== */
.pg-painel{position:relative;background:var(--branco);border:var(--hairline);border-radius:var(--raio-l);padding:clamp(24px,3vw,34px);box-shadow:var(--sombra-s);overflow:hidden;}
.pg-painel::before{content:"";position:absolute;left:clamp(24px,3vw,34px);right:clamp(24px,3vw,34px);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--ouro-linha),transparent);}
.pg-painel + .pg-painel{margin-top:18px;}
.pg-duo .pg-painel + .pg-painel,.pg-trio .pg-painel + .pg-painel{margin-top:0;}
.pg-painel h4{margin:0 0 16px;font-family:var(--f-mono);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);}
.pg-painel ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:15px;color:var(--c700);line-height:1.5;}
.pg-painel li{display:flex;gap:12px;align-items:baseline;}
.pg-painel li::before{content:"";width:14px;height:1px;background:var(--ouro-linha);flex:none;transform:translateY(-4px);}
.pg-painel .nota{margin:18px 0 0;font-family:var(--f-display);font-style:italic;font-weight:500;color:var(--ouro);font-size:18px;}

/* ===================== GRADES DE PAINÉIS ===================== */
.pg-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(34px,4vw,52px);align-items:start;}
.pg-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(34px,4vw,52px);align-items:start;}
@media (max-width:879px){ .pg-duo,.pg-trio{grid-template-columns:1fr;} }

/* ===================== CHIPS / MARCAS ===================== */
.pg-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px;}
.pg-chip{font-family:var(--f-mono);font-weight:700;font-size:12.5px;letter-spacing:.04em;color:var(--indigo);background:var(--papel);border:var(--hairline);border-radius:99px;padding:9px 16px;transition:border-color .2s,color .2s,background .2s,transform .12s;}
.pg-chip:hover{border-color:var(--ouro);color:var(--indigo-900);background:rgba(184,146,74,.06);transform:translateY(-2px);}
.pg-marca-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:15px 0;border-top:var(--hairline);}
.pg-marca-row:first-of-type{border-top:0;padding-top:2px;}
.pg-marca-nome{font-family:var(--f-display);font-weight:600;font-size:20px;color:var(--indigo);}

/* ===================== ESTATÍSTICAS (contadores) ===================== */
.pg-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(36px,4vw,54px);}
.pg-stat{position:relative;background:var(--branco);border:var(--hairline);border-radius:var(--raio-l);padding:clamp(26px,2.6vw,38px) clamp(24px,2.4vw,32px);box-shadow:var(--sombra-s);overflow:hidden;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s,border-color .3s;}
.pg-stat::before{content:"";position:absolute;left:clamp(24px,2.4vw,32px);right:clamp(24px,2.4vw,32px);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--ouro-linha),transparent);}
.pg-stat:hover{transform:translateY(-7px);box-shadow:var(--sombra-m);border-color:var(--ouro-linha);}
.pg-stat .pg-stat-ico{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--ouro);background:rgba(184,146,74,.12);border:1px solid var(--ouro-linha);margin-bottom:20px;}
.pg-stat .n{font-family:var(--f-display);font-weight:500;font-size:clamp(40px,4.4vw,60px);line-height:.94;color:var(--indigo-900);letter-spacing:-.02em;display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums;}
.pg-stat .n .u{font-style:italic;color:var(--ouro);font-size:.4em;font-weight:500;margin-left:.16em;}
.pg-stat .l{margin-top:12px;font-size:14.5px;line-height:1.5;color:var(--c700);max-width:26ch;}
@media (max-width:919px){ .pg-stats{grid-template-columns:1fr;} }

/* ===================== RUPTURA (parallax + frase) ===================== */
.pg-ruptura{position:relative;overflow:hidden;background:var(--indigo-900);padding:clamp(72px,9vw,132px) 0;color:#fff;}
.pg-ruptura-media{position:absolute;inset:-12% 0;z-index:0;}
.pg-ruptura-media img{width:100%;height:124%;object-fit:cover;display:block;}
.pg-ruptura-grad{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(14,9,38,.48),rgba(14,9,38,.5)),linear-gradient(96deg,rgba(14,9,38,.88) 0%,rgba(14,9,38,.52) 56%,rgba(14,9,38,.34) 100%);}
.pg-ruptura .container{position:relative;z-index:2;}
.pg-ruptura-inner{max-width:780px;}
.pg-ruptura-frase{font-family:var(--f-display);font-weight:500;font-size:clamp(32px,4.6vw,64px);color:#fff;margin:18px 0 0;max-width:17ch;line-height:1.04;letter-spacing:-.02em;text-wrap:balance;}
.pg-ruptura-frase em{font-style:italic;color:var(--ouro-claro);}
.pg-rup-stats{display:flex;gap:clamp(24px,4vw,68px);flex-wrap:wrap;margin-top:clamp(36px,4.5vw,58px);}
.pg-rup-stat{position:relative;padding-left:clamp(22px,2.6vw,40px);}
.pg-rup-stat::before{content:"";position:absolute;left:0;top:6px;bottom:8px;width:1px;background:var(--ouro-linha-luz);}
.pg-rup-stat:first-child{padding-left:0;}
.pg-rup-stat:first-child::before{display:none;}
.pg-rup-num{display:block;font-family:var(--f-display);font-weight:500;font-size:clamp(38px,4.6vw,62px);line-height:.92;color:var(--ouro-claro);letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.pg-rup-num .u{color:var(--ouro-claro);font-style:italic;font-size:.5em;margin-left:.12em;}
.pg-rup-lbl{display:block;margin-top:11px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.82);max-width:18ch;line-height:1.55;}
@media (max-width:559px){
  .pg-rup-stats{flex-direction:column;gap:0;}
  .pg-rup-stat{flex:none;padding:22px 0 22px 0;border-bottom:1px solid rgba(201,168,94,.22);}
  .pg-rup-stat:last-child{border-bottom:0;}
  .pg-rup-stat::before{display:none;}
  .pg-rup-num{font-size:clamp(50px,14vw,68px);line-height:.86;}
  .pg-rup-num .u{font-size:.38em;margin-left:.1em;}
  .pg-rup-lbl{font-size:11px;margin-top:10px;max-width:none;}
}

/* ===================== ETAPAS (cards com imagem) ===================== */
.etapa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:clamp(36px,4vw,54px);}
.etapa-card{position:relative;border-radius:var(--raio-l);overflow:hidden;border:var(--hairline);background:var(--branco);box-shadow:var(--sombra-s);transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s,border-color .3s;}
.etapa-card:hover{transform:translateY(-6px);box-shadow:var(--sombra-m);border-color:var(--ouro-linha);}
.etapa-media{position:relative;overflow:hidden;}
.etapa-media img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.etapa-card:hover .etapa-media img{transform:scale(1.05);}
.etapa-num{position:absolute;top:14px;left:16px;z-index:3;font-family:var(--f-mono);font-size:12px;font-weight:700;letter-spacing:.12em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);}
.etapa-body{padding:22px 24px 26px;}
.etapa-body h3{font-family:var(--f-display);font-weight:600;font-size:21px;color:var(--indigo-900);margin:0 0 8px;letter-spacing:-.01em;}
.etapa-body p{margin:0;font-size:14.5px;line-height:1.6;color:var(--c700);text-wrap:pretty;}
@media (max-width:639px){ .etapa-grid{grid-template-columns:1fr;} }

/* ===================== ÍNDICE DE FAMÍLIAS (Produtos) ===================== */
.fam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(36px,4vw,54px);}
.fam-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,2.5vw,32px);border:var(--hairline);border-radius:var(--raio-l);background:var(--branco);box-shadow:var(--sombra-s);overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;}
.fam-card::before{content:"";position:absolute;left:clamp(24px,2.5vw,32px);right:clamp(24px,2.5vw,32px);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--ouro-linha),transparent);}
.fam-card:hover{transform:translateY(-6px);box-shadow:var(--sombra-m);border-color:var(--ouro-linha);}
.fam-top{display:flex;align-items:center;justify-content:space-between;}
.fam-ico{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;color:var(--indigo);background:var(--indigo-tint);transition:background .3s,color .3s;}
.fam-card:hover .fam-ico{background:var(--indigo);color:#fff;}
.fam-num{font-family:var(--f-mono);font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--ouro);}
.fam-card h3{font-family:var(--f-display);font-weight:600;font-size:20px;color:var(--indigo-900);margin:0;line-height:1.16;letter-spacing:-.01em;}
.fam-card p{margin:0;font-size:14px;line-height:1.55;color:var(--c700);}
.fam-go{margin-top:auto;padding-top:6px;font-family:var(--f-corpo);font-weight:800;font-size:13.5px;color:var(--indigo);display:inline-flex;align-items:center;gap:8px;}
.fam-go .seta{color:var(--ouro);transition:transform .22s;}
.fam-card:hover .fam-go .seta{transform:translateX(5px);}
@media (max-width:919px){ .fam-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:559px){ .fam-grid{grid-template-columns:1fr;} }

/* ===================== FAIXA CTA (ripado + vidro) ===================== */
.pg-cta-wrap{padding:0;}
.pg-cta{position:relative;overflow:hidden;padding:clamp(64px,8vw,124px) 0;background:var(--madeira-900);}
.pg-cta-bg{position:absolute;inset:-12% 0;z-index:0;}
.pg-cta-bg img{width:100%;height:100%;object-fit:cover;display:block;}
.pg-cta::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,rgba(20,14,54,.96) 0%,rgba(20,14,54,.86) 32%,rgba(20,14,54,.6) 64%,rgba(20,14,54,.3) 100%);}
.pg-cta-inner{position:relative;z-index:2;max-width:660px;}
.pg-cta .kicker{margin-bottom:18px;}
.pg-cta h2{font-family:var(--f-display);font-weight:500;font-size:clamp(30px,3.6vw,52px);color:#fff;margin:0;line-height:1.05;max-width:18ch;letter-spacing:-.018em;}
.pg-cta h2 em{font-style:italic;color:var(--ouro-claro);}
.pg-cta p{color:rgba(255,255,255,.88);margin:18px 0 0;max-width:50ch;font-size:clamp(15px,1.4vw,18px);line-height:1.55;}
.pg-cta-acoes{margin-top:clamp(28px,3vw,38px);display:flex;gap:14px;flex-wrap:wrap;}

/* ===================== SCROLL CUE ===================== */
.scroll-cue{position:absolute;left:50%;bottom:24px;z-index:5;transform:translateX(-50%);color:rgba(255,255,255,.82);display:flex;flex-direction:column;align-items:center;gap:7px;font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;pointer-events:none;}
@media (prefers-reduced-motion:no-preference){ .scroll-cue svg{animation:pg-cue 1.8s ease-in-out infinite;} }
@keyframes pg-cue{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}

/* ===================== WHATSAPP FLUTUANTE ===================== */
.wa-fab{position:fixed;right:clamp(16px,2.4vw,30px);bottom:clamp(16px,2.4vw,30px);z-index:90;display:inline-flex;align-items:center;height:62px;padding:0 8px 0 0;border-radius:99px;background:transparent;border:1px solid transparent;box-shadow:0 8px 22px rgba(0,0,0,.22);color:#fff;overflow:hidden;max-width:62px;transition:max-width .42s cubic-bezier(.2,.7,.2,1),background .25s,border-color .25s,box-shadow .25s,backdrop-filter .25s,transform .12s;}
.wa-fab .wa-ico{flex:none;width:62px;height:62px;display:grid;place-items:center;color:#fff;}
.wa-fab .wa-disc{width:54px;height:54px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 4px 12px rgba(37,211,102,.5);transition:width .3s,height .3s;}
.wa-fab .wa-txt{font-family:var(--f-corpo);font-weight:800;font-size:14.5px;white-space:nowrap;padding-right:16px;opacity:0;transition:opacity .3s ease .06s;}
.wa-fab:hover,.wa-fab:focus-visible{max-width:300px;background:rgba(18,12,48,.62);border-color:rgba(255,255,255,.34);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);box-shadow:0 18px 46px rgba(0,0,0,.36);}
.wa-fab:hover .wa-disc,.wa-fab:focus-visible .wa-disc{width:40px;height:40px;}
.wa-fab:hover .wa-txt,.wa-fab:focus-visible .wa-txt{opacity:1;}
.wa-fab:active{transform:translateY(1px);}
@media (prefers-reduced-motion:no-preference){
  .wa-fab::after{content:"";position:absolute;left:4px;top:4px;width:54px;height:54px;border-radius:50%;border:2px solid rgba(37,211,102,.55);animation:pg-waPulse 2.6s ease-out infinite;pointer-events:none;}
}
@keyframes pg-waPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.7);opacity:0}100%{opacity:0}}
@media (max-width:559px){ .wa-fab{height:56px;max-width:56px;} .wa-fab .wa-ico{width:56px;height:56px;} .wa-fab .wa-disc{width:50px;height:50px;} .wa-fab::after{left:3px;top:3px;width:50px;height:50px;} }

/* ===================== Nav: item ativo ===================== */
.topo-nav a.is-active:not(.btn),.topo-nav .navlink.is-active{color:var(--indigo);}
.topo-nav a.is-active:not(.btn)::after{content:"";display:block;}

/* Imagens em páginas internas */
.pg-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pg-figure img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
  transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
.pg-figure:hover img { transform: scale(1.05); }
.pg-ruptura-media img {
  width: 100%;
  height: 124%;
  object-fit: cover;
  display: block;
}
.etapa-media img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  display: block;
  transition: transform .6s cubic-bezier(.2,.7,.2,1);
}
.etapa-card:hover .etapa-media img { transform: scale(1.05); }
.cta-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ===== Parallax — hero interno ===== */
@media (prefers-reduced-motion: no-preference) {
  .pg-hero-media,
  .pg-ruptura-media,
  .pg-cta-bg { will-change: transform; }
}

/* ===== Entrada do pg-hero-card (fade-up) ===== */
@media (prefers-reduced-motion: no-preference) {
  .pg-hero-card {
    animation: pgHeroCardIn .9s cubic-bezier(.2,.7,.2,1) both;
    animation-delay: .2s;
  }
  @keyframes pgHeroCardIn {
    from { opacity: 0; transform: translateY(26px); }
    to   { opacity: 1; transform: none; }
  }
}

/* ===== pg-checks — ícone animado ===== */
@media (prefers-reduced-motion: no-preference) {
  .pg-checks li {
    transition: padding-left .22s cubic-bezier(.2,.7,.2,1);
  }
  .pg-checks li:hover { padding-left: 4px; }
}

/* ===== etapa-card — reveal stagger ===== */
@media (prefers-reduced-motion: no-preference) {
  .etapa-card {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s cubic-bezier(.2,.7,.2,1),
                transform .65s cubic-bezier(.2,.7,.2,1),
                box-shadow .32s, border-color .3s;
  }
  .etapa-card.in {
    opacity: 1;
    transform: none;
  }
  .etapa-card:nth-child(2) { transition-delay: .10s; }
  .etapa-card:nth-child(3) { transition-delay: .20s; }
  .etapa-card:nth-child(4) { transition-delay: .30s; }
}

/* ===== fam-card — reveal stagger ===== */
@media (prefers-reduced-motion: no-preference) {
  .fam-card {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s cubic-bezier(.2,.7,.2,1),
                transform .65s cubic-bezier(.2,.7,.2,1),
                box-shadow .3s, border-color .3s;
  }
  .fam-card.in {
    opacity: 1;
    transform: none;
  }
  .fam-card:nth-child(2) { transition-delay: .08s; }
  .fam-card:nth-child(3) { transition-delay: .16s; }
  .fam-card:nth-child(4) { transition-delay: .24s; }
  .fam-card:nth-child(5) { transition-delay: .32s; }
  .fam-card:nth-child(6) { transition-delay: .40s; }
}

/* ===== pg-painel — hover com fio dourado ===== */
.pg-painel {
  transition: transform .28s cubic-bezier(.2,.7,.2,1),
              box-shadow .28s, border-color .28s;
}
.pg-painel:hover {
  transform: translateY(-4px);
  box-shadow: var(--sombra-m);
  border-color: var(--ouro-linha);
}

/* ===== pg-stat — já tem hover, só garante a transição ===== */
.pg-stat { transition: transform .32s cubic-bezier(.2,.7,.2,1), box-shadow .32s, border-color .3s; }

/* ===== Nav de âncoras — Produtos ===== */
.produtos-nav{background:var(--branco);border-bottom:1px solid var(--ouro-linha);padding:12px 0;position:sticky;top:var(--header-h);z-index:40;overflow-x:auto;}
.produtos-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:nowrap;}
.produtos-nav a{white-space:nowrap;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--c600);padding:8px 14px;border-radius:99px;display:block;transition:background .16s,color .16s;}
.produtos-nav a:hover,.produtos-nav a.is-active{background:var(--creme);color:var(--indigo);}
@media (max-width:559px){
  .produtos-nav{padding:8px 0;}
  .produtos-nav a{font-size:10.5px;padding:7px 10px;}
}

/* ===== Grid de marcas com linhas — Marceneiros ===== */
.marc-brands-grid{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid #E7E0D0;border-radius:var(--raio-l);overflow:hidden;}
.marc-brands-grid li{display:flex;align-items:center;justify-content:center;padding:clamp(20px,2.8vw,36px) clamp(16px,2vw,28px);border-right:1px solid #E7E0D0;border-bottom:1px solid #E7E0D0;transition:background .22s;}
.marc-brands-grid li:nth-child(5n){border-right:0;}
.marc-brands-grid li:nth-last-child(-n+5){border-bottom:0;}
.marc-brands-grid li:hover{background:rgba(184,146,74,.05);}
.marc-brands-grid img{width:auto;max-width:clamp(80px,9vw,130px);height:clamp(26px,3vw,44px);object-fit:contain;filter:grayscale(1);opacity:.58;transition:filter .28s,opacity .28s,transform .22s;}
.marc-brands-grid img:hover{filter:grayscale(0);opacity:1;transform:scale(1.06);}
.marc-brands-grid span{font-family:var(--f-mono);font-weight:700;font-size:12px;letter-spacing:.06em;color:var(--c500);text-transform:uppercase;}
@media (max-width:919px){
  .marc-brands-grid{grid-template-columns:repeat(3,1fr);}
  .marc-brands-grid li:nth-child(5n){border-right:1px solid #E7E0D0;}
  .marc-brands-grid li:nth-last-child(-n+5){border-bottom:1px solid #E7E0D0;}
  .marc-brands-grid li:nth-child(3n){border-right:0;}
  .marc-brands-grid li:nth-last-child(-n+3){border-bottom:0;}
}
@media (max-width:559px){
  .marc-brands-grid{border-radius:var(--raio-m);}
  .marc-brands-grid li{padding:16px 10px;}
  .marc-brands-grid img{max-width:clamp(54px,22vw,80px);height:24px;}
}

/* ===== Checks em duas colunas (Portas + Ferragens) ===== */
.pg-checks-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;}
@media (max-width:559px){ .pg-checks-duo{grid-template-columns:1fr;gap:20px;} }

/* ===== Marcas full-width dentro de split (Ferramentas) ===== */
.pg-split-checks:has(.marc-brands-grid){grid-column:1/-1;}
@media (max-width:559px){
  .pg-split-checks .marc-brands-grid{grid-template-columns:repeat(3,1fr);}
  .pg-split-checks .marc-brands-grid li:nth-child(5n){border-right:1px solid #E7E0D0;}
  .pg-split-checks .marc-brands-grid li:nth-last-child(-n+5){border-bottom:1px solid #E7E0D0;}
  .pg-split-checks .marc-brands-grid li:nth-child(3n){border-right:0;}
  .pg-split-checks .marc-brands-grid li:nth-last-child(-n+3){border-bottom:0;}
}


/* ===== Botão Voltar ao Topo ===== */
.back-to-top{position:fixed;left:clamp(16px,2.4vw,30px);bottom:clamp(16px,2.4vw,30px);z-index:89;width:48px;height:48px;border-radius:50%;border:1px solid var(--ouro-linha);background:rgba(251,250,246,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(27,20,72,.10);color:var(--indigo);display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .32s,transform .32s,background .2s,border-color .2s,box-shadow .2s;}
.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none;}
.back-to-top:hover{background:var(--indigo);color:#fff;border-color:var(--indigo);box-shadow:0 8px 24px rgba(27,20,72,.18);}
.back-to-top:active{transform:scale(.94);}
@media (max-width:559px){ .back-to-top{width:42px;height:42px;} .back-to-top svg{width:17px;height:17px;} }