html{color-scheme:light}
/* Piantare · cabeçalho e rodapé únicos do site inteiro (gerados por scripts/shell.mjs).
   Tudo com prefixo pz- para não colidir com o CSS de cada página. */
.pz-h,.pz-f{--pz-preto:#0B0C0B;--pz-cera:#F4F1EA;--pz-branco:#FAFAF7;--pz-vivo:#1D9E75;--pz-vivo-c:#47C596;--pz-t2:#55574F;--pz-linha:rgba(11,12,11,.12);--pz-linha-e:rgba(244,241,234,.14);--pz-gut:clamp(16px,4vw,40px);font-family:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.pz-h *,.pz-f *{box-sizing:border-box}
.pz-h a,.pz-f a{color:inherit;text-decoration:none}
/* sangra até a borda mesmo quando o body da página tem margem ou padding */
.pz-h,.pz-f{width:calc(100vw - var(--pz-sb,0px));margin-left:calc(50% - 50vw + var(--pz-sb,0px) / 2);margin-right:0;max-width:none}
.pz-h svg.pz-ic,.pz-f svg.pz-ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- cabeçalho ---------- */
.pz-h{position:sticky;top:0;z-index:90;background:rgba(250,250,247,.94);color:var(--pz-preto);-webkit-backdrop-filter:saturate(1.3) blur(16px);backdrop-filter:saturate(1.3) blur(16px);border-bottom:1px solid var(--pz-linha);padding-top:env(safe-area-inset-top,0px)}
.pz-w{max-width:1240px;margin:0 auto;padding-inline:var(--pz-gut);height:60px;display:flex;align-items:center;gap:20px}
.pz-logo{display:inline-flex;align-items:center;gap:9px;flex:none}
.pz-logo svg{width:20px;height:26px;color:var(--pz-preto)}
.pz-logo span{font-size:13px;letter-spacing:.32em;font-weight:400}
.pz-nav{display:flex;align-items:center;gap:4px;margin-left:12px;flex:1}
.pz-g{position:relative}
.pz-g>button,.pz-g>a{font:inherit;font-size:14.5px;color:var(--pz-t2);background:none;border:0;padding:8px 10px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:color .2s,background .2s}
.pz-g>button:hover,.pz-g>a:hover,.pz-g.on>button,.pz-g>[aria-current]{color:var(--pz-preto);background:rgba(11,12,11,.05)}
.pz-g>button .pz-ic{width:12px;height:12px;transition:transform .2s}
.pz-g.on>button .pz-ic{transform:rotate(180deg)}
.pz-p{position:absolute;top:calc(100% + 10px);left:-8px;min-width:320px;background:var(--pz-branco);border:1px solid var(--pz-linha);border-radius:18px;box-shadow:0 28px 60px -28px rgba(11,12,11,.35);padding:8px;display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
.pz-g.on .pz-p{opacity:1;visibility:visible;transform:none}
.pz-p a{display:grid;gap:1px;padding:10px 12px;border-radius:12px}
.pz-p a:hover,.pz-p a:focus-visible{background:rgba(29,158,117,.08)}
.pz-p b{font-weight:400;font-size:15px}
.pz-p small{font-size:13px;color:var(--pz-t2)}
.pz-p .pz-sep{height:1px;background:var(--pz-linha);margin:4px 8px}
.pz-cta{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;border-radius:999px;background:var(--pz-preto);color:var(--pz-cera)!important;font-size:14.5px;font-weight:400;white-space:nowrap;transition:background .2s}
.pz-cta:hover{background:var(--pz-vivo)}
.pz-burger{display:none;flex:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--pz-linha);background:transparent;color:var(--pz-preto);cursor:pointer;align-items:center;justify-content:center}
.pz-burger i{display:block;width:16px;height:1.5px;background:currentColor;position:relative;transition:background .2s}
.pz-burger i::before,.pz-burger i::after{content:"";position:absolute;left:0;width:16px;height:1.5px;background:currentColor;transition:transform .25s}
.pz-burger i::before{top:-5px}.pz-burger i::after{top:5px}
.pz-h.aberto{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--pz-branco)}
.pz-h.aberto .pz-burger i{background:transparent}
.pz-h.aberto .pz-burger i::before{transform:translateY(5px) rotate(45deg)}
.pz-h.aberto .pz-burger i::after{transform:translateY(-5px) rotate(-45deg)}

/* gaveta do celular */
.pz-d{display:none}
@media (max-width:1023px){
  .pz-nav{display:none}
  .pz-burger{display:inline-flex}
  .pz-cta{height:38px;padding:0 14px;font-size:14px}
  .pz-w{gap:10px}
  .pz-d{display:block;position:fixed;left:0;right:0;bottom:0;top:calc(61px + env(safe-area-inset-top,0px));background:var(--pz-branco);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px var(--pz-gut) calc(28px + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s,visibility .22s}
  .pz-h.aberto .pz-d{opacity:1;visibility:visible;transform:none}
  .pz-d details{border-bottom:1px solid var(--pz-linha)}
  .pz-d summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:300;letter-spacing:-.02em;padding:16px 0}
  .pz-d summary::-webkit-details-marker{display:none}
  .pz-d summary .pz-ic{width:18px;height:18px;transition:transform .2s;color:var(--pz-t2)}
  .pz-d details[open] summary .pz-ic{transform:rotate(180deg)}
  .pz-d details>div{display:grid;gap:2px;padding:0 0 14px}
  .pz-d details a{display:grid;padding:10px 0}
  .pz-d details b{font-weight:400;font-size:16px}
  .pz-d details small{font-size:13.5px;color:var(--pz-t2)}
  .pz-d>a.pz-solo{display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:300;letter-spacing:-.02em;padding:16px 0;border-bottom:1px solid var(--pz-linha)}
  .pz-d .pz-d-cta{display:flex;justify-content:center;align-items:center;height:52px;margin-top:22px;border-radius:999px;background:var(--pz-preto);color:var(--pz-cera);font-size:16px;font-weight:400}
  .pz-d .pz-d-mini{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:14px;color:var(--pz-t2)}
}
@media (max-width:380px){.pz-logo span{display:none}}
html.pz-trava,html.pz-trava body{overflow:hidden}

/* ---------- rodapé ---------- */
.pz-f{background:var(--pz-preto);color:var(--pz-cera);padding:64px 0 calc(32px + env(safe-area-inset-bottom,0px));font-size:14.5px;line-height:1.55}
.pz-f .pz-fw{max-width:1240px;margin:0 auto;padding-inline:var(--pz-gut)}
.pz-fcta{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;padding:0 0 40px;margin:0 0 44px;border-bottom:1px solid rgba(244,241,234,.14)}
.pz-fcta b{display:block;font-weight:400;font-size:clamp(22px,2.6vw,30px);line-height:1.15;letter-spacing:-.02em;color:#F4F1EA;max-width:24ch}
.pz-fcta-b{display:flex;flex-wrap:wrap;gap:10px}.pz-fcta-b a{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:500;text-decoration:none}
.pz-f .pz-fcta-p{background:#F4F1EA;color:#0B0C0B!important}.pz-f .pz-fcta-s{border:1px solid rgba(244,241,234,.35);color:#F4F1EA!important}.pz-fcta-s:hover{border-color:#F4F1EA}
.pz-fcvv{margin:36px 0 0;color:rgba(244,241,234,.7);font-size:14px}.pz-fcvv a{color:#F4F1EA;text-decoration:underline;text-underline-offset:3px}.pz-fcvv a:last-child{margin-left:6px}
.pz-ftop{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:28px}
@media (max-width:1180px) and (min-width:901px){.pz-ftop{grid-template-columns:repeat(3,1fr)}.pz-fmarca{grid-column:1/-1}}
.pz-fmarca p{color:rgba(244,241,234,.66);max-width:300px;margin:16px 0 0}
.pz-fmarca .pz-logo svg{color:var(--pz-cera)}
.pz-f h4,.pz-f .pz-fh{font-family:"Geist Mono",ui-monospace,monospace;font-weight:400;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-vivo-c);margin:0 0 14px}
.pz-f ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pz-f ul a{color:rgba(244,241,234,.82)}
.pz-f ul a:hover{color:#fff}
.pz-redes{display:flex;gap:10px;margin-top:22px}
.pz-redes a{width:38px;height:38px;border-radius:50%;border:1px solid var(--pz-linha-e);display:grid;place-items:center;color:var(--pz-cera)}
.pz-redes a:hover{border-color:var(--pz-vivo-c)}
.pz-redes svg{width:17px;height:17px;fill:currentColor}
.pz-selos{list-style:none;display:flex!important;flex-wrap:wrap;gap:10px 28px!important;margin:44px 0 0!important;padding:22px 0 0!important;border-top:1px solid var(--pz-linha-e);font-size:13px;color:rgba(244,241,234,.7)}
.pz-selos li{display:flex;align-items:center;gap:8px}
.pz-selos li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pz-vivo-c)}
.pz-flegal{margin-top:28px;padding-top:22px;border-top:1px solid var(--pz-linha-e);display:grid;gap:14px;font-size:13px;color:rgba(244,241,234,.6)}
.pz-flegal nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.pz-flegal nav a,.pz-flegal nav button{color:rgba(244,241,234,.72);font:inherit;background:none;border:0;padding:0;cursor:pointer}
.pz-flegal nav a:hover,.pz-flegal nav button:hover{color:#fff}
.pz-flegal p{margin:0;max-width:900px}
.pz-flinha{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
@media (max-width:900px){.pz-ftop{grid-template-columns:1fr 1fr}.pz-fmarca{grid-column:1/-1}}
@media (max-width:420px){.pz-f{padding-top:48px}.pz-ftop{gap:28px 20px}}

/* rodapé enxuto (checkout) */
.pz-f.pz-mini{padding:28px 0 calc(24px + env(safe-area-inset-bottom,0px))}
.pz-f.pz-mini .pz-flegal{margin:0;padding:0;border:0}
.pz-h.pz-mini .pz-seguro{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--pz-t2)}

.pz-h :focus-visible,.pz-f :focus-visible{outline:2px solid var(--pz-vivo);outline-offset:3px;border-radius:8px}
@media (prefers-reduced-motion:reduce){.pz-h *,.pz-f *{transition:none!important}}

/* ---------- "Próximo passo" no fim dos artigos (scripts/proximo.mjs) ---------- */
.pz-prox{--pz-preto:#0B0C0B;--pz-cera:#F4F1EA;--pz-vivo:#1D9E75;--pz-t2:#55574F;--pz-linha:rgba(11,12,11,.12);font-family:Geist,system-ui,-apple-system,sans-serif;font-weight:300;display:grid;gap:10px;margin:48px 0 40px;padding:18px;border-radius:24px;background:#F4F1EA;border:1px solid var(--pz-linha);color:var(--pz-preto)}
.pz-prox a{color:inherit;text-decoration:none}
.pz-prox svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pz-prox-k{font-family:"Geist Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-vivo);padding:2px 4px}
.pz-prox-prod{display:grid;grid-template-columns:96px 1fr;gap:6px 16px;align-items:center;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--pz-linha);transition:border-color .2s}
.pz-prox-prod:hover{border-color:var(--pz-vivo)}
.pz-prox-prod>img{width:96px;height:96px;object-fit:contain;border-radius:14px;background:#F4F1EA;grid-row:1/3}
.pz-prox-prod>span:first-of-type{display:grid;gap:4px}
.pz-prox-prod small,.pz-prox-lei small{font-family:"Geist Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-t2)}
.pz-prox-prod b{font-weight:300;font-size:24px;letter-spacing:-.02em;line-height:1.1}
.pz-prox-prod span span{font-size:15px;color:var(--pz-t2);line-height:1.5}
.pz-prox-prod em{font-style:normal;font-size:14px;color:var(--pz-preto);font-weight:400}
.pz-prox-cta{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-top:6px;height:44px;padding:0 18px;border-radius:999px;background:var(--pz-preto);color:var(--pz-cera);font-size:15px;font-weight:400}
.pz-prox-prod:not(:has(img)){grid-template-columns:1fr}
.pz-prox-prod:not(:has(img)) .pz-prox-cta{grid-column:1}
.pz-prox-lei{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;border:1px solid var(--pz-linha);background:rgba(255,255,255,.5)}
.pz-prox-lei span{display:grid;gap:2px}
.pz-prox-lei b{font-weight:400;font-size:16px}
.pz-prox-prova{display:flex;gap:12px;align-items:center;padding:6px 4px 0}
.pz-prox-prova p{margin:0;font-size:13px;line-height:1.45;color:var(--pz-t2)}
.pz-prox-prova p a{text-decoration:underline;text-underline-offset:2px}
.pz-rostos{display:flex;flex:none}
.pz-rostos img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #F4F1EA;margin-left:-8px}
.pz-rostos img:first-child{margin-left:0}
@media (max-width:560px){.pz-prox{padding:12px;margin-inline:-4px}.pz-prox-prod{grid-template-columns:64px 1fr;padding:14px}.pz-prox-prod>img{width:64px;height:64px;grid-row:1}.pz-prox-prod>span:first-of-type{grid-column:1/-1}.pz-prox-cta{grid-column:1/-1;justify-self:stretch;justify-content:center}.pz-prox-prova{align-items:flex-start}}
/* menu com Soluções: rótulos numa linha só; Quem somos sai do cabeçalho em telas médias (fica no rodapé) */
.pz-nav>.pz-g>a,.pz-nav>.pz-g>button{white-space:nowrap}
@media (min-width:1024px) and (max-width:1240px){.pz-nav>.pz-g:last-child{display:none}.pz-nav{gap:0}}

/* breadcrumbs */
.pz-mig{max-width:1180px;margin:0 auto;background:#FAFAF7;box-shadow:0 0 0 100vmax #FAFAF7;clip-path:inset(0 -100vmax);padding:12px clamp(16px,4vw,40px) 0;font:300 13.5px/1.4 Geist,system-ui,sans-serif;position:relative;z-index:2}
.pz-mig ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 6px;color:#6B6D64}
.pz-mig li{display:flex;align-items:center;gap:6px;min-width:0}
.pz-mig li+li::before{content:"/";opacity:.5}
.pz-mig a{color:#55574F;text-decoration:none}.pz-mig a:hover{color:#0B0C0B;text-decoration:underline}
.pz-mig [aria-current]{color:#0B0C0B;max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:560px){.pz-mig{font-size:12.5px;padding-top:10px}.pz-mig [aria-current]{max-width:24ch}}
.pz-fmails{display:flex;flex-wrap:wrap;gap:6px 20px}
@media (max-width:760px){.pz-flegal a,.pz-flegal button,.pz-fmails a,.pz-d-mini a{display:inline-flex;align-items:center;min-height:40px}.pz-mig a{display:inline-flex;align-items:center;min-height:32px}}
.pz-conta{margin-left:auto;flex:none;font-size:14.5px;text-decoration:none;color:var(--pz-preto);padding:10px 14px;white-space:nowrap;border-radius:999px}.pz-conta:hover,.pz-conta[aria-current]{background:rgba(11,12,11,.06)}
.pz-conta+.pz-cta{margin-left:6px}
@media (max-width:760px){.pz-conta{display:none}.pz-conta+.pz-cta{margin-left:auto}}

.pz-gt{display:block;font-family:"Geist Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-vivo,#2E8F5E);padding:10px 12px 2px}

/* painéis longos do menu em duas colunas */
.pz-p.pz-2c{width:min(680px,calc(100vw - 48px));display:block;padding:10px}
.pz-ptopo{border-bottom:1px solid var(--pz-linha);margin:0 0 6px;padding:0 0 6px}.pz-ptopo a{background:var(--pz-cera,#F4F1EA)}
.pz-pcols{columns:2;column-gap:6px}.pz-pbl{break-inside:avoid;display:grid;gap:2px;margin:0 0 6px}
@media (max-width:1180px){.pz-nav .pz-g:nth-child(3) .pz-p.pz-2c{left:-220px}}
