/* ============================================================
   PAMAX — "Linha de Selagem" · design system industrial
   Blade + CSS artesanal + JS vanilla. Sem build.
   ============================================================ */
:root{
  /* cor */
  --blue:#2546A0; --blue-d:#0B1F4D; --blue-dd:#071336; --cyan:#00ADEF; --cyan-d:#0089C2;
  --cyan-soft:#E3F6FE; --navy-2:#122A5E;
  --ink:#141A26; --ink-2:#3B4556; --ink-3:#6B7585; --ink-4:#8B95A7;
  --line:#DFE4EC; --line-2:#EEF1F6; --line-dark:rgba(255,255,255,.14);
  --bg:#FFFFFF; --bg-2:#F5F7FB; --bg-3:#E9EDF4;
  --ok:#22A35A; --err:#D93A4A; --wa:#25D366;
  --grid-light:rgba(11,31,77,.06); --grid-dark:rgba(255,255,255,.04);
  /* tipografia */
  --font-h:"Sora",system-ui,sans-serif; --font-b:"Inter",system-ui,sans-serif;
  --fs-display:clamp(2.2rem,1.3rem + 2.7vw,3.9rem);
  --fs-h1:clamp(2rem,1.4rem + 2.4vw,3.2rem);
  --fs-h2:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);
  --fs-h3:1.15rem; --fs-h4:1rem;
  --fs-lead:1.125rem; --fs-body:1rem; --fs-small:.875rem; --fs-micro:.75rem; --fs-label:.6875rem;
  --lh-tight:1.05; --lh-head:1.15; --lh-body:1.6;
  --track-label:.16em; --track-index:.12em;
  /* espaçamento */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  --sec:clamp(4rem,8vw,7.5rem); --sec-tight:clamp(2.5rem,5vw,4rem);
  --wrap:1280px; --gut:clamp(20px,4vw,40px); --col-gap:24px;
  /* raios, sombras */
  --r-sm:4px; --r:8px; --r-lg:8px; --r-pill:999px;
  --sh:0 10px 30px -12px rgba(11,31,77,.25); --sh-lg:0 30px 60px -20px rgba(11,31,77,.35);
  /* movimento */
  --ease-out:cubic-bezier(.22,1,.36,1); --ease-inout:cubic-bezier(.77,0,.18,1); --ease-std:cubic-bezier(.4,0,.2,1); --t:.25s cubic-bezier(.4,0,.2,1);
  --d-1:160ms; --d-2:280ms; --d-3:600ms; --d-4:900ms;
  --kb:8s; --hero-dur:7000ms;
  /* cabeçalho */
  --hdr-top:32px; --hdr-main:84px; --hdr-main-s:72px; --hdr-h:calc(var(--hdr-top) + var(--hdr-main));
  --logo-h:52px;
  /* z-index */
  --z-hdr:100; --z-nav:99; --z-cookie:95; --z-dock:92; --z-wa:90; --z-subnav:30; --z-hero-bar:5;
}
@media (max-width:920px){:root{--hdr-top:0px;--hdr-main:64px;--hdr-main-s:64px;--logo-h:40px}}
@media (min-width:1440px){html{font-size:17px}}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr-main-s) + 24px);overflow-x:clip}
@supports not (overflow:clip){body{overflow-x:hidden}}
[id]{scroll-margin-top:calc(var(--hdr-main-s) + 24px)}
body{margin:0;font-family:var(--font-b);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration:none}
h1,h2,h3,h4{font-family:var(--font-h);margin:0 0 .5em;color:var(--blue-d);text-wrap:balance}
h1,.h1{font-size:var(--fs-h1);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.025em;hyphens:manual;overflow-wrap:anywhere}
html:lang(de) h1,html:lang(de) .h1{hyphens:auto}
h2{font-size:var(--fs-h2);font-weight:600;line-height:var(--lh-head);letter-spacing:-.02em}
h3{font-size:var(--fs-h3);font-weight:600;line-height:1.3}
h4{font-size:var(--fs-h4);font-weight:600}
p{margin:0 0 1em;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
dl{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.i{width:1.15em;height:1.15em;fill:none;flex:none}
.i-lg{width:2rem;height:2rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:var(--blue-d);padding:.6rem 1rem;z-index:999;font:600 .9rem var(--font-h)}
.skip:focus{left:0;top:0}
.hide-sm{display:inline-flex}
@media (max-width:820px){.hide-sm{display:none!important}}
@media (max-width:600px){.hide-xs{display:none!important}}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
::selection{background:var(--cyan);color:#fff}
strong,b{font-weight:600}

/* ---- rótulos técnicos ---- */
.kicker{display:inline-flex;align-items:center;gap:.6rem;font:600 var(--fs-label)/1.3 var(--font-h);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--cyan-d);margin-bottom:.9rem}
.kicker::before{content:"";width:28px;height:2px;background:var(--cyan);flex:none}
.kicker--light{color:#8fd8f8}
.kicker--light::before{background:#8fd8f8}
.kicker--bare::before{display:none}
.num,.idx{font:500 var(--fs-micro)/1 var(--font-h);letter-spacing:var(--track-index);color:var(--ink-3);font-variant-numeric:tabular-nums}
.idx--light{color:#8fa4d4}
.lead{font-size:var(--fs-lead);color:var(--ink-2);max-width:62ch}
.tab{font-variant-numeric:tabular-nums}
.unit{color:var(--ink-3);font-weight:400}
.sec-head{position:relative;max-width:760px;margin-bottom:2.6rem}
.sec-head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;max-width:none;flex-wrap:wrap}
.sec-head--row>div{max-width:760px}
.sec-head--center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head--center .kicker{justify-content:center}
.sec-head h2{margin-bottom:.6rem}
.sec-head p{color:var(--ink-2);font-size:1.05rem;margin:0}
.sec-head.rule,.sec-head--rule{padding-top:1.6rem;max-width:none}
.sec-head--rule>div{max-width:760px}
.sec-head__idx{font:500 var(--fs-micro)/1 var(--font-h);letter-spacing:var(--track-index);color:var(--ink-3);white-space:nowrap;padding-bottom:.4rem}
.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font:600 .95rem/1.2 var(--font-h);color:var(--blue)}
.link-arrow .i{transition:transform .22s var(--ease-out)}
.link-arrow:hover .i,.link-arrow:focus-visible .i{transform:translateX(4px)}

/* ---- botões ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.5rem;border-radius:var(--r-sm);font:600 .95rem/1 var(--font-h);border:1.5px solid transparent;cursor:pointer;transition:background var(--d-1),color var(--d-1),border-color var(--d-1),transform var(--d-1),box-shadow var(--d-2);white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn .i{width:1.1em;height:1.1em;transition:transform .22s var(--ease-out)}
.btn:hover .i{transform:translateX(3px)}
.btn--primary{background:var(--cyan);color:#fff;border-color:var(--cyan)}
.btn--primary:hover{background:var(--cyan-d);border-color:var(--cyan-d)}
.btn--blue{background:var(--blue);color:#fff;border-color:var(--blue)}
.btn--blue:hover{background:var(--blue-d);border-color:var(--blue-d)}
.btn--ghost{background:transparent;color:var(--blue);border-color:var(--blue)}
.btn--ghost:hover{background:var(--blue);color:#fff}
.btn--white{background:#fff;color:var(--blue-d);border-color:#fff}
.btn--white:hover{background:var(--cyan);color:#fff;border-color:var(--cyan)}
.btn--ghost-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn--ghost-white:hover{background:#fff;color:var(--blue-d);border-color:#fff}
.btn--sm{padding:.7rem 1.1rem;font-size:.85rem}
.btn--lg{padding:1.05rem 1.9rem;font-size:1rem}

/* ---- utilidades da linguagem técnica ---- */
.ind{display:inline-block;width:9px;height:9px;background:var(--cyan);flex:none;transition:background var(--d-2)}
.rule{position:relative}
.rule::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--line);transform-origin:left}
.sec--dark .rule::before,.factory .rule::before,.ftr .rule::before,.find .rule::before{background:var(--line-dark)}
.mask{overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.plate{position:relative;margin:0}
.plate::before{content:"";position:absolute;inset:-7px;pointer-events:none;z-index:2;
  background:linear-gradient(var(--ink-4),var(--ink-4)) 0 0/14px 1px no-repeat,linear-gradient(var(--ink-4),var(--ink-4)) 0 0/1px 14px no-repeat,
  linear-gradient(var(--ink-4),var(--ink-4)) 100% 0/14px 1px no-repeat,linear-gradient(var(--ink-4),var(--ink-4)) 100% 0/1px 14px no-repeat,
  linear-gradient(var(--ink-4),var(--ink-4)) 0 100%/14px 1px no-repeat,linear-gradient(var(--ink-4),var(--ink-4)) 0 100%/1px 14px no-repeat,
  linear-gradient(var(--ink-4),var(--ink-4)) 100% 100%/14px 1px no-repeat,linear-gradient(var(--ink-4),var(--ink-4)) 100% 100%/1px 14px no-repeat}
.plate--light::before{background-image:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55))}
.plate__img{position:relative;overflow:hidden;border-radius:var(--r);background:var(--bg-2);aspect-ratio:4/3}
.plate__img img,.plate__img picture{width:100%;height:100%;object-fit:cover}
.plate__img picture img{width:100%;height:100%;object-fit:cover}
.plate figcaption{margin-top:.7rem;font:500 var(--fs-micro)/1.4 var(--font-h);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-variant-numeric:tabular-nums}
.plate__label{position:absolute;left:1rem;bottom:1rem;z-index:2;background:#fff;border:1px solid var(--line);padding:.45rem .7rem;font:600 var(--fs-label)/1.2 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-d)}
.callout{position:absolute;left:var(--x);top:var(--y);z-index:3;display:none;align-items:center;gap:0;pointer-events:none;transform:translate(-4px,-4px)}
.callout::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 3px rgba(0,173,239,.3);flex:none}
.callout i{width:48px;height:1px;background:rgba(255,255,255,.7);transform-origin:left;flex:none}
.callout span{padding:.35rem .55rem;font:600 var(--fs-label)/1.2 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(7,19,54,.7);border:1px solid var(--line-dark);white-space:nowrap}
@media (min-width:1100px){.callout{display:flex}}
.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem;padding:.9rem var(--gut);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);font:600 var(--fs-label)/1.4 var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:#8fa4d4;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.strip span::before{content:"◇";margin-right:2rem;color:var(--cyan);opacity:.7}
.strip span:first-child::before{content:none}
@media (max-width:640px){
  .strip{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;gap:.55rem 1.2rem;text-align:left;letter-spacing:.1em;
    -webkit-mask-image:none;mask-image:none}
  .strip span{display:flex;align-items:center;gap:.45rem;min-width:0}
  .strip span::before{content:"";display:block;width:5px;height:5px;margin:0;flex:none;background:var(--cyan);opacity:.9}
  .strip span:first-child::before{content:""}
}
.ledger{display:grid;border-top:1px solid var(--line)}
.ledger>div{display:grid;grid-template-columns:180px 1fr auto;gap:1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line)}
.ledger dt{font:600 .95rem/1.3 var(--font-h);color:var(--blue);font-variant-numeric:tabular-nums}
.ledger dd{margin:0;color:var(--ink-2);font-size:.95rem}
.spec-row{display:flex;flex-wrap:wrap;gap:.6rem 2.2rem;margin:2rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line-dark)}
.spec-row>div{margin:0}
.spec-row dt{font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:#8fa4d4;margin-bottom:.35rem}
.spec-row dd{margin:0;font:600 .95rem/1.2 var(--font-h);color:#fff;font-variant-numeric:tabular-nums}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--col-gap)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--col-gap)}
@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:920px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:1.2rem}}
.sec{padding:var(--sec) 0}
.sec--tight{padding:var(--sec-tight) 0}
.sec--gray{background:var(--bg-2)}
.sec--dark{background:var(--blue-dd);color:#d5deef}
.sec--dark h2,.sec--dark h3{color:#fff}
.sec--line{border-top:1px solid var(--line)}

/* ===== cabeçalho: fixo, transparente sobre o hero, fosco ao rolar ===== */
#hdr-sentinel{position:absolute;top:40px;left:0;width:1px;height:1px;pointer-events:none}
.hdr{position:fixed;inset:0 0 auto 0;z-index:var(--z-hdr);color:#fff;
  transition:background-color .32s var(--ease-out),box-shadow .32s var(--ease-out),color .32s var(--ease-out),transform .4s var(--ease-out)}
.hdr__top{display:grid;grid-template-rows:1fr;background:rgba(7,19,54,.35);
  transition:grid-template-rows .32s var(--ease-out),opacity .2s var(--ease-out),background-color .32s}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){.hdr__top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}
.hdr__top-clip{overflow:hidden;min-height:0}
.hdr__top-in{height:var(--hdr-top);display:flex;justify-content:space-between;align-items:center;gap:1rem;
  font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:#c9d6f1;border-bottom:1px solid var(--line-dark)}
.hdr__top-left{display:flex;gap:1.4rem}
.hdr__top-right{display:flex;align-items:center;gap:1.4rem}
.hdr__top a{color:inherit;display:inline-flex;align-items:center;gap:.4rem;text-transform:none;letter-spacing:.04em;font-size:.78rem}
.hdr__top a:hover{color:#fff}
.hdr__norms{color:#8fa4d4;font-size:var(--fs-label)}
.lang{display:flex;gap:.25rem}
.lang a{padding:.25rem .35rem;border-bottom:2px solid transparent;color:inherit;font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.08em}
.lang a.is-on{color:#fff;border-color:var(--cyan)}
.hdr__main{position:relative}
.hdr__in{height:var(--hdr-main);display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:height .32s var(--ease-out)}
.hdr__logo{position:relative;display:block;height:var(--logo-h);width:auto;aspect-ratio:256/108;flex:none;align-self:center}
.hdr__logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s var(--ease-out)}
.hdr__logo .logo--dark{opacity:0}
.hdr__actions{display:flex;align-items:center;gap:.8rem}
.nav__list{display:flex;gap:.2rem}
.nav__link{position:relative;display:inline-flex;align-items:center;gap:.25rem;padding:.75rem .8rem;font:600 .95rem/1 var(--font-h);color:inherit;background:none;border-radius:0;white-space:nowrap;transition:color var(--d-1)}
.nav__link::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.35rem;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease-out)}
.nav__link:hover::after,.nav__link:focus-visible::after,.nav__link.is-on::after,.nav__item.is-open>.nav__link::after{transform:scaleX(1)}
.i-chev{width:.9em;height:.9em;opacity:.6;transition:transform .25s var(--ease-out)}
.nav__item{position:relative}
.burger{display:none;width:44px;height:44px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;padding:8px;cursor:pointer;color:inherit}
.burger span{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .25s var(--ease-out),opacity .2s}
.burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav__extra{display:none}

/* B · rolado / C · painel aberto / menu mobile aberto */
.hdr.is-scrolled,.hdr.has-open,.hdr.is-menu{background:rgba(255,255,255,.96);color:var(--blue-d);box-shadow:0 1px 0 var(--line)}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){
  .hdr.is-scrolled,.hdr.has-open{background:rgba(255,255,255,.84);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}}
.hdr.is-scrolled .hdr__top{grid-template-rows:0fr;opacity:0}
.hdr.is-scrolled .hdr__in{height:var(--hdr-main-s)}
.hdr.has-open:not(.is-scrolled) .hdr__top{background:transparent}
.hdr.has-open:not(.is-scrolled) .hdr__top-in{color:var(--ink-2);border-color:var(--line)}
.hdr.has-open:not(.is-scrolled) .hdr__top a:hover,.hdr.has-open:not(.is-scrolled) .lang a.is-on{color:var(--blue-d)}
.hdr.has-open:not(.is-scrolled) .hdr__norms{color:var(--ink-3)}
.hdr.is-scrolled .logo--light,.hdr.has-open .logo--light,.hdr.is-menu .logo--light{opacity:0}
.hdr.is-scrolled .logo--dark,.hdr.has-open .logo--dark,.hdr.is-menu .logo--dark{opacity:1}
.hdr.is-menu{background:var(--blue-dd)!important;color:#fff!important;box-shadow:none}
/* Com o menu aberto o cabeçalho não pode ter filtro nem transform: qualquer um dos dois o torna
   o contêiner do painel fixo e o menu fica com a altura do cabeçalho. A transição do transform
   também sai da lista, senão o valor intermediário da animação de esconder mantém o problema. */
.hdr.is-menu{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;
  transition:background-color .32s var(--ease-out),box-shadow .32s var(--ease-out),color .32s var(--ease-out)!important}
.hdr.is-menu .logo--light{opacity:1}.hdr.is-menu .logo--dark{opacity:0}
.hdr.is-hidden{transform:translateY(-100%)}

/* painéis (mega / drop) no desktop */
.mega,.drop{position:absolute;top:100%;background:#fff;color:var(--ink);border-top:1px solid var(--line);box-shadow:var(--sh-lg);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s var(--ease-out),transform .18s var(--ease-out),visibility 0s .18s}
.has-mega{position:static}
.mega{left:0;right:0}
.drop{left:0;min-width:240px;border:1px solid var(--line);border-radius:var(--r);padding:.6rem}
.drop a{display:block;padding:.6rem .8rem;border-radius:var(--r-sm);font:500 .92rem/1.3 var(--font-b);color:var(--ink)}
.drop ul{display:block}
.drop a:hover{background:var(--bg-2);color:var(--blue)}
.mega::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease-out) .05s}
.nav__item.is-open>.mega,.nav__item:focus-within>.mega,.nav__item.is-open>.drop,.nav__item:focus-within>.drop{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.nav__item.is-open>.mega::before,.nav__item:focus-within>.mega::before{transform:scaleX(1)}
.mega__in{display:grid;grid-template-columns:300px 1fr 260px;gap:2.5rem;padding:2rem var(--gut) 2.2rem;align-items:start}
.mega--wide .mega__in{grid-template-columns:240px 1fr 210px}
.mega__intro{border-right:1px solid var(--line);padding-right:2rem}
.mega__intro p{font-size:.92rem;color:var(--ink-2)}
.mega__markets{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.mega__mk{display:flex;gap:.9rem;align-items:flex-start;padding:.8rem;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);transition:border-color var(--d-2),background var(--d-2)}
.mega__mk img{width:64px;height:64px;object-fit:cover;border-radius:var(--r-sm);flex:none;background:var(--bg-3)}
.mega__mk-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.mega__mk strong{font:600 .95rem/1.25 var(--font-h);color:var(--blue-d)}
.mega__mk-text{font-size:.8rem;color:var(--ink-3);line-height:1.4}
.mega__mk small{font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan-d);margin-top:.2rem}
.mega__mk:hover{border-color:var(--cyan);background:var(--bg-2)}
.mega__cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}
.mega__cat-head{display:flex;gap:.6rem;align-items:center;padding-bottom:.7rem;margin-bottom:.6rem;border-bottom:2px solid var(--line-2);color:var(--blue-d)}
.mega__cat-head img{width:40px;height:40px;object-fit:cover;border-radius:var(--r-sm);flex:none;background:var(--bg-3)}
.mega__cat-head>span{display:flex;flex-direction:column;gap:.15rem}
.mega__cat-head strong{font:600 .86rem/1.2 var(--font-h)}
.mega__cat li a{display:block;padding:.32rem 0;font-size:.88rem;color:var(--ink-2)}
.mega__cat li a:hover{color:var(--blue)}
.mega__cta{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem;border-radius:var(--r);background:var(--blue-d);color:#fff}
.mega__cta .i-lg{color:var(--cyan)}
.mega__cta strong{font:600 .95rem/1.3 var(--font-h)}
.mega__cta span{font-size:.82rem;color:#c9d6f1;line-height:1.45}
.mega__cta .btn{margin-top:.5rem;align-self:flex-start}
.mega__cta-phone{display:inline-flex;align-items:center;gap:.4rem;color:#c9d6f1;font:600 .85rem var(--font-h);margin-top:.3rem}
@media (max-width:1280px){.mega__in{grid-template-columns:240px 1fr 220px;gap:1.6rem}.mega__markets{grid-template-columns:1fr}.mega--wide .mega__in{grid-template-columns:200px 1fr 190px}}
@media (max-width:1380px){.nav__link{padding:.75rem .62rem;font-size:.9rem}.nav__link::after{left:.62rem;right:.62rem}}
@media (max-width:1100px){.nav__link{padding:.75rem .5rem;font-size:.84rem}.nav__link::after{left:.5rem;right:.5rem}.hdr__actions .btn{display:none}}

/* painel empilhado (mobile ≤920 ou modo compacto por idioma) */
@media (max-width:920px){.hdr__top{display:none}.burger{display:flex}.nav{display:none}.hdr__actions .btn{display:none}}
.hdr.is-stack .burger{display:flex}
.hdr.is-stack .hdr__actions .btn{display:none}
.hdr.is-stack .nav{display:block;outline:0;position:fixed;inset:var(--hdr-main) 0 0 0;z-index:var(--z-nav);background:var(--blue-dd);color:#fff;overflow:auto;padding:.5rem var(--gut) 3rem;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .26s var(--ease-out),transform .26s var(--ease-out),visibility 0s .26s}
.hdr.is-stack .nav.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hdr.is-stack .nav__list{flex-direction:column;gap:0;counter-reset:navi}
.hdr.is-stack .nav__item{border-bottom:1px solid var(--line-dark);opacity:0;transform:translateY(8px);transition:opacity .3s var(--ease-out) calc(var(--i,0)*30ms + 80ms),transform .3s var(--ease-out) calc(var(--i,0)*30ms + 80ms)}
.hdr.is-stack .nav.is-open .nav__item{opacity:1;transform:none}
.hdr.is-stack .nav__link{display:flex;justify-content:flex-start;gap:.2rem;width:100%;padding:1.1rem .2rem;font-size:1.3rem;color:#fff}
.hdr.is-stack .nav__link::before{content:counter(navi,decimal-leading-zero);counter-increment:navi;font:500 .7rem/1 var(--font-h);letter-spacing:.12em;color:var(--cyan);margin-right:.8rem;align-self:center}
.hdr.is-stack .nav__link>svg{margin-left:auto}
.hdr.is-stack .nav__link::after{display:none}
.hdr.is-stack .mega,.hdr.is-stack .drop{position:static;display:grid;grid-template-rows:0fr;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;color:#fff;padding:0;min-width:0;transition:grid-template-rows .3s var(--ease-out)}
.hdr.is-stack .mega>*,.hdr.is-stack .drop>*{overflow:hidden;min-height:0}
.hdr.is-stack .mega::before{display:none}
.hdr.is-stack .nav__item.is-open>.mega,.hdr.is-stack .nav__item.is-open>.drop{grid-template-rows:1fr}
.hdr.is-stack .nav__item.is-open .i-chev{transform:rotate(180deg)}
.hdr.is-stack .mega__in{display:block;padding:0}
.hdr.is-stack .mega__intro,.hdr.is-stack .mega__cta,.hdr.is-stack .mega__side .kicker,.hdr.is-stack .mega__side .link-arrow,.hdr.is-stack .mega__cat-head img,.hdr.is-stack .mega__mk img{display:none}
.hdr.is-stack .mega__markets{display:grid;grid-template-columns:1fr;gap:0}
.hdr.is-stack .mega__mk{border:0;padding:.55rem 0 .55rem 2rem;color:#fff;background:none}
.hdr.is-stack .mega__mk strong{color:#fff;font-size:1rem}
.hdr.is-stack .mega__mk-text,.hdr.is-stack .mega__mk .idx{display:none}
.hdr.is-stack .mega__mk small{color:#8fa4d4;margin:0}
.hdr.is-stack .mega__cats{display:block}
.hdr.is-stack .mega__side{border-left:0;padding:0}
.hdr.is-stack .mega__side li a{color:#d5deef;padding:.5rem 0 .5rem 2rem;font-size:.98rem}
.hdr.is-stack .mega__cat{padding:.4rem 0 .4rem 2rem}
.hdr.is-stack .mega__cat-head{border-bottom:0;padding:0;margin:0 0 .2rem;color:#8fd8f8}
.hdr.is-stack .mega__cat-head .idx{display:none}
.hdr.is-stack .mega__cat li a{color:#d5deef;padding:.4rem 0;font-size:.98rem}
.hdr.is-stack .drop{padding:0 0 0 2rem}
.hdr.is-stack .drop a{color:#d5deef;padding:.6rem 0;font-size:1rem;background:none}
.hdr.is-stack .nav__extra{display:flex;flex-direction:column;gap:.9rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line-dark)}
.hdr.is-stack .nav__extra .lang{gap:.5rem}
.hdr.is-stack .nav__extra .lang a{color:#8fa4d4;border:1px solid var(--line-dark);padding:.45rem .6rem;border-bottom-width:1px}
.hdr.is-stack .nav__extra .lang a.is-on{color:#fff;border-color:var(--cyan);background:rgba(0,173,239,.15)}
.hdr.is-stack .nav__contact{display:inline-flex;align-items:center;gap:.6rem;color:#d5deef;font:500 1rem var(--font-b)}
.hdr.is-stack .nav__contact .i{color:var(--cyan)}
.hdr.is-stack .nav__quote{margin-top:.5rem;width:100%}
body.nav-open{overflow:hidden}

/* ===== hero: a linha de selagem, por baixo do menu ===== */
.hero{position:relative;height:100vh;height:min(100svh,860px);min-height:640px;background:var(--blue-dd);color:#fff;overflow:hidden;contain:paint;isolation:isolate;touch-action:pan-y}
.hero::before,.phero::before{content:"";position:absolute;inset:0 0 auto 0;height:200px;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(7,19,54,.62),rgba(7,19,54,0))}
.hero__slide{position:absolute;inset:0;visibility:hidden;z-index:1}
.hero__slide.is-on{visibility:visible;z-index:2}
.hero__slide.is-leave{visibility:visible;z-index:1}
.hero__slide:not(.is-on){pointer-events:none}
.hero__media{position:absolute;inset:0;overflow:hidden}
.hero__media picture{display:contents}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,60% 50%)}
.hero__slide.is-on:not(.is-enter) .hero__img{animation:kb var(--kb) linear both}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.05)}}
.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,54,.9) 0%,rgba(7,19,54,.6) 45%,rgba(7,19,54,.12) 100%)}
.hero__shade::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(7,19,54,.75))}
.hero__grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid-dark) 1px,transparent 1px),linear-gradient(90deg,var(--grid-dark) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:linear-gradient(135deg,#000 20%,transparent 60%);mask-image:linear-gradient(135deg,#000 20%,transparent 60%)}

/* transição: wipe pela linha de selagem, com aresta ciano (direcional) */
.hero__slide.is-enter{clip-path:inset(0 0 0 100%);will-change:clip-path}
.hero[data-dir=prev] .hero__slide.is-enter{clip-path:inset(0 100% 0 0)}
.hero__slide.is-enter.is-on{clip-path:inset(0 0 0 0);transition:clip-path var(--d-4) var(--ease-inout)}
.hero__slide.is-enter .hero__img{transform:translateX(8%) scale(1.06)}
.hero[data-dir=prev] .hero__slide.is-enter .hero__img{transform:translateX(-8%) scale(1.06)}
.hero__slide.is-enter.is-on .hero__img{transform:none;transition:transform var(--d-4) var(--ease-inout)}
.hero__edge{position:absolute;inset:0;z-index:3;pointer-events:none;border-left:2px solid var(--cyan);opacity:0;transform:translateX(100%)}
.hero__slide.is-enter .hero__edge{opacity:1}
.hero[data-dir=prev] .hero__slide.is-enter .hero__edge{border-left:0;border-right:2px solid var(--cyan);transform:translateX(-100%)}
.hero__slide.is-enter.is-on .hero__edge{transform:none;transition:transform var(--d-4) var(--ease-inout)}
@media (max-width:640px){.hero{--d-4:700ms}}

/* conteúdo: sobe a partir de uma linha */
.hero__in{position:relative;z-index:4;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--hdr-h) + 1rem);padding-bottom:7.5rem}
.hero__content{margin-top:auto}
.hero__content{position:relative;max-width:720px;padding-top:1.6rem}
.hero__content::before{content:"";position:absolute;left:-3px;top:-3px;width:14px;height:14px;border:1px solid rgba(255,255,255,.5);border-radius:50%}
.hero__content::after{content:"";position:absolute;left:-8px;top:-8px;width:24px;height:24px;background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)) center/100% 1px no-repeat,linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)) center/1px 100% no-repeat}
html.js .mask>*{display:block;transform:translateY(110%);transition:transform .7s var(--ease-out) calc(var(--d,0ms) + .35s)}
/* o display:block acima existe para o transform pegar em elementos inline; estes dois precisam do display original */
html.js .mask>.hero__ctas{display:flex}
html.js .mask>.kicker{display:inline-flex}
html.js .hero__slide.is-on .mask>*,html.js .phero .mask>*{transform:none}
html.js .phero .mask>*{transition-delay:calc(var(--d,0ms) + .1s)}
.hero__content .mask:nth-child(2)>*,.phero__main .mask:nth-child(2)>*{--d:90ms}
.hero__content .mask:nth-child(3)>*,.phero__main .mask:nth-child(3)>*{--d:180ms}
.hero__content .mask:nth-child(4)>*,.phero__main .mask:nth-child(4)>*{--d:270ms}
.hero h1,.hero .h1{color:#fff;font-size:var(--fs-display);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.025em;max-width:19ch;margin:0 0 1.1rem}
html:lang(de) .hero h1,html:lang(de) .hero .h1{font-size:clamp(2rem,1.4rem + 3vw,3.8rem)}
.hero p{font-size:clamp(1rem,.9rem + .4vw,1.2rem);color:#d5deef;max-width:52ch;margin:0 0 1.8rem}
.hero__ctas{display:flex;flex-wrap:wrap;gap:.75rem}
html.js .spec-row{opacity:0;transition:opacity .6s var(--ease-out) .9s}
html.js .hero__slide.is-on .spec-row,html.js .phero .spec-row{opacity:1}

/* desenho técnico (partials draw-*) */
.hero__draw{position:absolute;right:6%;top:0;bottom:0;margin:auto 0;height:min(58vh,460px);width:auto;z-index:3;pointer-events:none;overflow:visible;display:none}
@media (min-width:1100px){.hero__draw{display:block}}
.draw *{fill:none;stroke:rgba(255,255,255,.72);stroke-width:1.25;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.draw .ind{stroke:var(--cyan)}
html.js .draw .d{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s var(--ease-out) calc(.95s + var(--dd,0s))}
.draw .d--seal{--dd:.3s}.draw .d--ind{--dd:.6s}
html.js .is-on .draw .d,html.js .is-in .draw .d{stroke-dashoffset:0}
html.js .hero__slide:not(.is-on) .draw .d{transition:stroke-dashoffset 0s .95s}
html.js .draw .dim{transform:scaleX(0);transform-box:fill-box;transform-origin:center;transition:transform .5s var(--ease-out) 2.1s}
html.js .draw .dim--v{transform:scaleY(0)}
html.js .is-on .draw .dim,html.js .is-in .draw .dim{transform:none}
.draw text{fill:#fff;stroke:none;font:600 11px/1 var(--font-h);letter-spacing:.12em;font-variant-numeric:tabular-nums}
html.js .draw text,html.js .draw .st{opacity:0;transition:opacity .4s ease 2.4s}
html.js .is-on .draw text,html.js .is-in .draw text{opacity:1}
html.js .is-on .draw .st,html.js .is-in .draw .st{opacity:.55}
.draw marker path{fill:#fff;stroke:none}
.callout--hero{z-index:4}
html.js .callout i{transform:scaleX(0);transition:transform .5s var(--ease-out) 1.3s}
html.js .callout span{opacity:0;transition:opacity .3s ease 1.7s}
html.js .is-on .callout i,html.js .is-in .callout i{transform:none}
html.js .is-on .callout span,html.js .is-in .callout span{opacity:1}

/* barra de controles */
.hero__bar{position:absolute;left:0;right:0;bottom:0;z-index:var(--z-hero-bar);border-top:1px solid var(--line-dark);background:rgba(7,19,54,.42)}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){.hero__bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}
.hero__bar-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;height:64px}
.hero__tabs{position:relative;display:flex;align-items:center;gap:.25rem}
.hero__tab{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.3rem;min-width:120px;max-width:200px;height:64px;padding:0 1rem;border:0;background:none;color:#9fb0d6;font:600 .74rem/1 var(--font-h);letter-spacing:.06em;text-align:left;cursor:pointer;transition:color var(--d-1)}
.hero__tab-n{font-size:.62rem;letter-spacing:.14em;color:#6f83b3}
.hero__tab-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero__tab i{position:absolute;left:1rem;right:1rem;bottom:0;height:2px;background:rgba(255,255,255,.18)}
.hero__tab i b{position:absolute;inset:0;display:block;background:var(--cyan);transform:scaleX(0);transform-origin:left}
.hero__tab.is-on{color:#fff}
.hero__tab.is-on i b{animation:heroProg var(--hero-dur,7s) linear forwards}
.hero.is-held .hero__tab i b{animation-play-state:paused}
.hero.is-paused .hero__tab i b{animation:none}
@keyframes heroProg{to{transform:scaleX(1)}}
.hero__counter{margin-left:1rem;font:600 .8rem/1 var(--font-h);letter-spacing:.15em;color:#9fb0d6;font-variant-numeric:tabular-nums}
.hero__counter b{color:#fff}
.hero__next{justify-self:center;font:500 var(--fs-micro)/1 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:#6f83b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hero__next b{color:#c9d6f1;font-weight:600}
.hero__nav{display:flex;gap:.4rem}
.hero__btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:var(--r-sm);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background var(--d-1),color var(--d-1),border-color var(--d-1)}
.hero__btn:hover{background:#fff;color:var(--blue-d);border-color:#fff}
.hero__btn .i{width:1.1rem;height:1.1rem}
.hero__btn--prev .i{transform:rotate(180deg)}
.hero__btn--toggle .i-play,.hero.is-paused .hero__btn--toggle .i-pause{display:none}
.hero.is-paused .hero__btn--toggle .i-play{display:block}
@media (max-width:1100px){.hero__next{display:none}.hero__bar-in{grid-template-columns:1fr auto}}
@media (max-width:760px){
  /* todos os slides ocupam a mesma célula do grid: a altura é a do mais alto e não muda na troca */
  .hero{height:auto;min-height:100svh;display:grid;grid-template-columns:100%}
  .hero__slide{position:relative;inset:auto;grid-column:1;grid-row:1}
  .hero__in{height:auto;min-height:100svh;padding:calc(var(--hdr-h) + 2.5rem) var(--gut) 6rem}
  .hero__content{max-width:none;padding-top:1.4rem}
  .hero h1,.hero .h1{font-size:clamp(2.1rem,7.5vw,2.8rem);max-width:none}
  .hero p{margin-bottom:1.4rem}
  .hero__ctas .btn{flex:1 1 100%}
  .spec-row{gap:.6rem 1.6rem;margin-top:1.5rem}
  .spec-row>div{flex:1 1 40%}
  .hero__bar{overflow:hidden}
  .hero__bar{padding-bottom:env(safe-area-inset-bottom)}
  .hero__bar-in{height:66px;grid-template-columns:1fr auto;gap:1.2rem}
  .hero__nav{gap:.85rem}
  .hero__btn{width:44px;height:44px}
  .hero__tab{display:none}
  .hero__counter{margin:0}
  .hero__bar::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:rgba(255,255,255,.18)}
  .hero__bar::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left}
  .hero.is-playing:not(.is-held):not(.is-paused) .hero__bar::after{animation:heroProgM var(--hero-dur,7s) linear forwards}
  @keyframes heroProgM{to{transform:scaleX(1)}}
}

/* ===== faixa de estatísticas: colada sob o hero, borda de régua ===== */
.stats{position:relative;background:#fff;border-bottom:1px solid var(--line)}
.stats::before{content:"";display:block;height:10px;background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 8px) 0 100%/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 40px) 0 0/100% 10px no-repeat}
.stats__in{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{position:relative;padding:1.6rem 1.8rem 1.6rem 0;margin-right:1.8rem;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:.25rem;min-height:112px;justify-content:center}
.stat:not(:first-child){padding-left:0}
.stat:last-child{border-right:0;margin-right:0}
.stat::before{content:"";width:24px;height:2px;background:var(--cyan);margin-bottom:.4rem}
.stat b{font:700 2.4rem/1 var(--font-h);color:var(--blue);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stat b small{font-size:1.1rem;color:var(--cyan);font-weight:600;margin-left:.15rem}
.stat span{font-size:.85rem;color:var(--ink-3)}
@media (max-width:820px){.stats__in{grid-template-columns:1fr 1fr}.stat{border-bottom:1px solid var(--line);min-height:0;padding:1.2rem 1rem 1.2rem 0;margin-right:1rem}.stat b{font-size:2rem}.stat:nth-child(2n){border-right:0;margin-right:0}.stat:nth-child(n+3){border-bottom:0}}

/* ===== hero das páginas internas ===== */
.phero{position:relative;background:var(--blue-dd);color:#fff;overflow:hidden;padding-top:var(--hdr-h)}
.phero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
.phero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,54,.95),rgba(7,19,54,.6));z-index:1}
.phero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-dark) 1px,transparent 1px),linear-gradient(90deg,var(--grid-dark) 1px,transparent 1px);background-size:64px 64px;z-index:1;
  -webkit-mask-image:linear-gradient(135deg,#000 30%,transparent 75%);mask-image:linear-gradient(135deg,#000 30%,transparent 75%)}
.phero__in{position:relative;z-index:2;padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(2.6rem,5vw,4rem);display:flex;justify-content:space-between;align-items:flex-end;gap:3rem}
.phero__main{max-width:760px}
.phero h1{color:#fff;max-width:20ch;font-size:var(--fs-h1)}
.phero .lead{color:#c9d6f1}
.phero .kicker .idx{margin-right:.2rem}
.spec-row--phero{margin:0;padding-top:0;border-top:0;flex-direction:column;gap:.9rem;flex:none;min-width:200px;border-left:1px solid var(--line-dark);padding-left:1.6rem}
@media (max-width:1100px){.spec-row--phero{display:none}}
.crumbs{display:flex;flex-wrap:wrap;gap:.4rem;font:500 .78rem/1.4 var(--font-h);color:#8fa4d4;margin-bottom:1.4rem;letter-spacing:.04em}
.crumbs a{color:#c9d6f1}
.crumbs span::before{content:"/";margin-right:.4rem;color:#4f628f}
.crumbs span:first-child::before{content:none}

/* ===== posicionamento (01) ===== */
.pos__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--col-gap);align-items:center}
.pos__text{grid-column:1/7}
.pos__plate{grid-column:8/13}
.pos__cta{margin-top:1.8rem}
.checks{display:grid;gap:.7rem;margin-top:1.6rem}
.checks li{display:flex;gap:.8rem;align-items:flex-start;color:var(--ink-2);padding:.6rem 0;border-top:1px solid var(--line)}
.checks li:last-child{border-bottom:1px solid var(--line)}
.checks .idx{color:var(--cyan-d);margin-top:.35rem;flex:none}
.checks .i{color:var(--cyan);margin-top:.2rem;width:1.1rem;height:1.1rem}
.checks strong{color:var(--blue-d)}
@media (max-width:860px){.pos__text,.pos__plate{grid-column:1/-1}.pos__plate{order:-1}}

/* ===== cards de produto / categoria (02) ===== */
.pcard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);transition:border-color var(--d-2),transform .3s var(--ease-out),box-shadow .3s var(--ease-out);container-type:inline-size}
.pcard:hover,.pcard:focus-within{border-color:var(--cyan);transform:translateY(-3px);box-shadow:var(--sh)}
.pcard__img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg-2);border-bottom:1px solid var(--line)}
.pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.pcard:hover .pcard__img img{transform:scale(1.04)}
.pcard__code{position:absolute;left:.8rem;top:.8rem;z-index:2;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:rgba(255,255,255,.9);border:1px solid var(--line);font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.12em;color:var(--blue-d);font-variant-numeric:tabular-nums}
.pcard:hover .pcard__code .ind{background:var(--blue-d)}
.pcard__tray{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-wrap:wrap;gap:.35rem;padding:.7rem .8rem;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.96) 40%);transform:translateY(100%);transition:transform .35s var(--ease-out)}
.pcard:hover .pcard__tray,.pcard:focus-within .pcard__tray{transform:none}
@media (hover:none){.pcard__tray{position:static;transform:none;background:var(--bg-2);border-top:1px solid var(--line)}}
.chip{display:inline-block;padding:.25rem .5rem;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;font:600 var(--fs-label)/1.2 var(--font-h);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-d)}
.pcard__body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.pcard h3{font-size:1.08rem;margin:0;transition:color var(--d-1)}
.pcard:hover h3{color:var(--blue)}
.pcard p{font-size:.9rem;color:var(--ink-2);margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pcard__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.2rem 0 .4rem}
@container (max-width:250px){.pcard__tags{display:none}}
.tag{display:inline-block;padding:.22rem .55rem;border-radius:var(--r-sm);background:var(--bg-2);color:var(--ink-2);font:600 .72rem/1.3 var(--font-h);letter-spacing:.04em}
.tag--cyan{background:var(--cyan-soft);color:var(--cyan-d)}
.pcard .link-arrow{margin-top:.3rem;font-size:.9rem}

/* ===== encontre sua solução (03) ===== */
.find{position:relative;overflow:hidden}
.find::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid-dark) 1px,transparent 1px),linear-gradient(90deg,var(--grid-dark) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.find .sec-head p{color:#a9b8d9}
.sec-head__idx--light{color:#6f83b3}
.find__grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.find__card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line-dark);border-radius:var(--r);background:rgba(255,255,255,.04);color:#fff;overflow:hidden;transition:border-color var(--d-2),background var(--d-2),transform .3s var(--ease-out)}
.find__card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out);z-index:2}
.find__card:hover,.find__card:focus-within{border-color:var(--cyan);background:var(--navy-2);transform:translateY(-3px)}
.find__card:hover::before,.find__card:focus-within::before{transform:scaleX(1)}
.find__img{aspect-ratio:4/3;overflow:hidden;background:var(--navy-2)}
.find__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.find__card:hover .find__img img{transform:scale(1.04)}
.find__body{display:flex;flex-direction:column;gap:.45rem;padding:1.1rem 1.1rem 1.2rem;flex:1}
.find__top{display:flex;justify-content:space-between;align-items:center}
.find__top .i-lg{color:var(--cyan);width:1.75rem;height:1.75rem}
.find__card strong{font:600 1.02rem/1.25 var(--font-h)}
.find__text{font-size:.84rem;color:#a9b8d9;line-height:1.45;flex:1}
.find__meta{display:inline-flex;align-items:center;gap:.4rem;font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.1em;text-transform:uppercase;color:#8fd8f8;margin-top:.4rem}
.find__meta .i{width:.9rem;height:.9rem;transition:transform .22s var(--ease-out)}
.find__card:hover .find__meta .i{transform:translateX(4px)}
.find__card--cta{background:var(--cyan);border-color:var(--cyan)}
.find__card--cta .find__top .i-lg,.find__card--cta .find__text,.find__card--cta .find__meta,.find__card--cta .idx{color:#fff}
.find__card--cta .find__body{padding-top:1.4rem}
.find__card--cta:hover{background:var(--cyan-d);border-color:var(--cyan-d)}
.find__card--cta::before{background:#fff}
.snap-wrap{position:relative}
.snap-bar{display:none;height:1px;background:var(--line-dark);margin:.9rem 0 0;position:relative}
.snap-bar--light{background:var(--line)}
.snap-bar::after{content:"";position:absolute;inset:0;background:var(--cyan);transform:scaleX(var(--p,0));transform-origin:left;transition:transform .15s linear}
@media (max-width:1020px){.find__grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
  .find__grid{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:var(--gut);margin:0 calc(-1 * var(--gut));padding:0 var(--gut) .4rem;scrollbar-width:none}
  .find__grid::-webkit-scrollbar{display:none}
  .find__grid>*{flex:0 0 78vw;scroll-snap-align:start}
  .snap-bar{display:block}
}

/* ===== por que pamax (04) ===== */
.why{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:var(--bg-2)}
.why__item{position:relative;padding:1.8rem 1.4rem 1.6rem;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:.55rem;background:#fff}
.why__item:last-child{border-right:0}
.why__item::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.why__item:hover::before{transform:scaleX(1)}
.why__idx{font:700 2rem/1 var(--font-h);color:transparent;-webkit-text-stroke:1px var(--ink-4);letter-spacing:-.02em;transition:color var(--d-2),-webkit-text-stroke-color var(--d-2);font-variant-numeric:tabular-nums}
.why__item:hover .why__idx{color:var(--cyan);-webkit-text-stroke-color:var(--cyan)}
.why__item .i-lg{color:var(--cyan);width:1.75rem;height:1.75rem;margin-top:.4rem}
.why__item h3{font-size:1.02rem;margin:.2rem 0 0}
.why__item p{font-size:.88rem;color:var(--ink-2);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1020px){.why{grid-template-columns:repeat(3,1fr)}.why__item{border-bottom:1px solid var(--line)}.why__item:nth-child(3n){border-right:0}}
@media (max-width:640px){
  .why{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:var(--gut);margin:0 calc(-1 * var(--gut));padding:0 var(--gut);border:0;background:none;scrollbar-width:none}
  .why::-webkit-scrollbar{display:none}
  .why__item{flex:0 0 72vw;scroll-snap-align:start;border:1px solid var(--line);border-right:0}
  .why__item:last-child{border-right:1px solid var(--line)}
  .why+.snap-bar{display:block}
}

/* ===== qualidade (05) ===== */
.qual{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center}
.ledger--norms{margin-top:1.6rem}
.ledger--norms>div{grid-template-columns:170px 1fr 12px;background:#fff;padding:.9rem 1rem;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.ledger--norms>div:first-child{border-top:1px solid var(--line)}
.ledger--norms dt a{color:var(--blue);display:inline-flex;align-items:center;gap:.4rem}
.ledger--norms>div:hover{background:var(--bg-2)}
.ledger--norms>div:hover .ind{background:var(--blue-d)}
.ledger--norms dd{font-size:.9rem}
.qual__cta{margin-top:1.8rem}
.plate--quality .plate__img{aspect-ratio:4/5}
@media (max-width:860px){.qual{grid-template-columns:1fr;gap:2rem}.plate--quality .plate__img{aspect-ratio:16/10}.ledger--norms>div{grid-template-columns:130px 1fr 12px}}

/* ===== fábrica (06) ===== */
.factory{position:relative;min-height:560px;display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--blue-dd)}
.factory.plate--light::before{inset:24px;z-index:3}
.factory__media{position:absolute;inset:0}
.factory__media picture{display:contents}
.factory__img{position:absolute;inset:-12% 0;width:100%;height:124%;object-fit:cover}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .factory__img{animation:shift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes shift{from{transform:translateY(-6%)}to{transform:translateY(6%)}}
  }
}
.factory::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,54,.92) 0%,rgba(7,19,54,.6) 55%,rgba(7,19,54,.2) 100%);z-index:1}
.factory__in{position:relative;z-index:2;width:100%;padding-top:5rem;padding-bottom:5rem}
.factory__content{max-width:640px}
.factory h2{color:#fff}
.factory__list{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;margin:1.6rem 0 2.2rem;counter-reset:none}
.factory__list li{display:flex;gap:.8rem;align-items:baseline;font-size:.95rem;padding:.6rem 0;border-top:1px solid var(--line-dark)}
.factory__list li:nth-last-child(-n+2){border-bottom:1px solid var(--line-dark)}
.factory__caption{position:absolute;right:var(--gut);bottom:1.6rem;font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:#c9d6f1}
.factory__idx{position:absolute;right:var(--gut);top:1.8rem}
@media (max-width:760px){.factory{min-height:480px}.factory::after{background:linear-gradient(180deg,rgba(7,19,54,.55),rgba(7,19,54,.92))}.factory__list{grid-template-columns:1fr}.factory__list li:nth-last-child(-n+2){border-bottom:0}.factory__list li:last-child{border-bottom:1px solid var(--line-dark)}.factory__caption{position:static;display:block;margin-top:2rem}.factory__idx{display:none}}

/* ===== conhecimento (07) ===== */
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);position:relative;transition:border-color var(--d-2),transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.post-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out);z-index:2}
.post-card:hover,.post-card:focus-within{border-color:var(--cyan);transform:translateY(-3px);box-shadow:var(--sh)}
.post-card:hover::before{transform:scaleX(1)}
.post-card__img{aspect-ratio:16/9;background:var(--blue-d);overflow:hidden;position:relative}
.post-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
.post-card:hover .post-card__img img{transform:scale(1.03)}
.post-card__tile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.6rem;padding:1.4rem;background:var(--blue-dd);background-image:linear-gradient(var(--grid-dark) 1px,transparent 1px),linear-gradient(90deg,var(--grid-dark) 1px,transparent 1px);background-size:32px 32px}
.post-card__tile b{font:700 3rem/1 var(--font-h);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.6);letter-spacing:.02em}
.post-card__tile span{font:600 var(--fs-label)/1.3 var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:#8fa4d4;border-top:1px solid var(--line-dark);padding-top:.5rem}
.post-card__body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.post-card__meta{display:flex;gap:.7rem;align-items:center;font-size:.78rem;color:var(--ink-3)}
.post-card h3{font-size:1.08rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--d-1)}
.post-card:hover h3{color:var(--blue)}
.post-card p{font-size:.9rem;color:var(--ink-2);margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ===== faixa CTA ===== */
.cta-band{position:relative;background:linear-gradient(120deg,var(--blue) 0%,var(--blue-d) 60%,var(--blue-dd) 100%);color:#fff;overflow:hidden}
.cta-band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid-dark) 1px,transparent 1px),linear-gradient(90deg,var(--grid-dark) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.cta-band__in{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:3.8rem;padding-bottom:3.8rem;position:relative;z-index:1}
.cta-band h2{color:#fff;margin-bottom:.4rem}
.cta-band p{color:#c9d6f1;margin:0;max-width:560px}
.cta-band__actions{display:flex;flex-direction:column;align-items:flex-end;gap:.7rem;flex:none}
.cta-band__btns{display:flex;gap:.8rem;flex-wrap:wrap}
.cta-band__hours{font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:#8fa4d4}
@media (max-width:820px){.cta-band__in{flex-direction:column;align-items:flex-start}.cta-band__actions{align-items:flex-start}}

/* ===== rodapé ===== */
.ftr{background:var(--blue-dd);color:#a9b8d9;font-size:.9rem}
.ftr .strip{border-top:0}
.ftr__grid{display:grid;grid-template-columns:4fr 2fr 2fr 4fr;gap:2.5rem;padding-top:4rem;padding-bottom:3rem}
.ftr h4{color:#fff;font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line-dark)}
.ftr h4.rule{border-bottom:0}
.ftr a{color:#c9d6f1}
.ftr a:hover{color:#fff}
.ftr li{padding:.28rem 0}
.ftr a.strong{font-weight:600;color:var(--cyan)}
.ftr__brand img{width:150px;margin-bottom:1rem}
.ftr__brand p{max-width:34ch}
.ftr__norms{font:600 var(--fs-label)/1.4 var(--font-h);letter-spacing:.12em;color:#6f83b3}
.ftr__social{display:flex;gap:.5rem;margin-top:1rem}
.ftr__social a{width:36px;height:36px;border:1px solid var(--line-dark);border-radius:50%;display:grid;place-items:center;transition:background var(--d-2),border-color var(--d-2)}
.ftr__social a:hover{background:var(--cyan);border-color:var(--cyan);color:#fff}
.ftr__contact li{display:flex;gap:.6rem;align-items:flex-start}
.ftr__contact .i{color:var(--cyan);margin-top:.25rem}
.ftr__bottom{border-top:1px solid var(--line-dark);font-size:.78rem}
.ftr__bottom-in{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.2rem;padding-bottom:1.2rem;flex-wrap:wrap}
.ftr__top{margin-left:auto}
@media (max-width:900px){.ftr__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ftr__grid{grid-template-columns:1fr;gap:2rem}.ftr__bottom-in{flex-direction:column;align-items:flex-start}.ftr__top{margin-left:0}}

/* ===== home simplificada (pedido do cliente, out/2026): mais respiro, menos cartão ===== */
.sec--home{padding:clamp(4.5rem,9vw,8rem) 0}
.pcard--plain{border:0;border-radius:0;background:none;overflow:visible}
.pcard--plain:hover,.pcard--plain:focus-within{transform:none;box-shadow:none;border:0}
.pcard--plain .pcard__img{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.pcard--plain:hover .pcard__img{border-color:var(--cyan)}
.pcard--plain .pcard__body{padding:1.1rem 0 0;gap:.45rem}
.pcard--plain h3{font-size:1.1rem}
.pcard--plain p{-webkit-line-clamp:3}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,5vw,4rem)}
.pillar{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;max-width:34ch;margin:0 auto}
.pillar .i-lg{color:var(--cyan);width:2.1rem;height:2.1rem}
.pillar h3{margin:0;font-size:1.12rem}
.pillar p{margin:0;color:var(--ink-2);font-size:.95rem}
@media (max-width:860px){.pillars{grid-template-columns:1fr;gap:2.4rem}}
.mega__side{border-left:1px solid var(--line);padding-left:1.6rem}
.mega__side ul{display:grid;gap:.1rem;margin:.2rem 0 .8rem}
.mega__side li a{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;font-size:.9rem;color:var(--ink-2)}
.mega__side li a .i{color:var(--cyan);width:1.1rem;height:1.1rem}
.mega__side li a:hover{color:var(--blue)}

/* ===== sub-navegação pegajosa ===== */
.subnav{position:sticky;top:var(--hdr-main-s);z-index:var(--z-subnav);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);transition:top .4s var(--ease-out)}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){.subnav{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}
.hdr.is-hidden~main .subnav{top:0}
.subnav ul{display:flex;gap:.25rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.subnav ul::-webkit-scrollbar{display:none}
.subnav a{display:block;padding:.95rem .8rem;font:600 .82rem/1 var(--font-h);letter-spacing:.02em;color:var(--ink-2);white-space:nowrap;border-bottom:2px solid transparent;scroll-snap-align:start;transition:color var(--d-2),border-color var(--d-2)}
.subnav a:hover{color:var(--blue-d)}
.subnav a.is-on{color:var(--blue);border-color:var(--cyan)}
.subnav__n{margin-left:.3rem;font-size:.7rem;color:var(--ink-3);font-variant-numeric:tabular-nums}

/* ===== página de produto: ficha técnica ===== */
.phero--compact .phero__in{padding-top:clamp(2rem,4vw,3rem);padding-bottom:clamp(2rem,4vw,3rem)}
.prod{display:grid;grid-template-columns:5fr 6fr;gap:3.5rem;align-items:start}
.prod__gallery{position:sticky;top:calc(var(--hdr-main-s) + 64px)}
.prod__main{cursor:zoom-in}
.prod__main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s var(--ease-out)}
.prod__main img.is-front{opacity:1}
.prod__thumbs{display:flex;gap:.5rem;margin-top:.6rem;overflow-x:auto;scrollbar-width:none;padding:2px}
.prod__thumbs::-webkit-scrollbar{display:none}
.prod__thumbs button{flex:0 0 72px;aspect-ratio:4/3;border:1px solid var(--line);border-bottom:2px solid transparent;border-radius:var(--r-sm);overflow:hidden;padding:0;background:var(--bg-2);cursor:pointer;transition:border-color var(--d-1)}
.prod__thumbs button img{width:100%;height:100%;object-fit:cover}
.prod__thumbs button.is-on{border-bottom-color:var(--cyan);border-color:var(--cyan)}
.lightbox{border:0;padding:0;background:transparent;max-width:min(92vw,1400px);max-height:92vh}
.lightbox::backdrop{background:rgba(7,19,54,.92)}
.lightbox img{max-width:92vw;max-height:88vh;width:auto;height:auto;border-radius:var(--r)}
.lightbox__close{position:fixed;top:1rem;right:1rem;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:var(--r-sm);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.diagram{position:relative;margin:1.5rem 0 0;display:none}
.diagram__svg{position:absolute;inset:8%;width:84%;height:84%;margin:0;display:block;overflow:visible}
.diagram::before{content:"";display:block;aspect-ratio:16/10;border-radius:var(--r);background:var(--blue-dd);background-image:linear-gradient(var(--grid-dark) 1px,transparent 1px),linear-gradient(90deg,var(--grid-dark) 1px,transparent 1px);background-size:32px 32px}
.diagram figcaption{margin-top:.6rem;font:500 var(--fs-micro)/1.4 var(--font-h);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.diagram [data-dim]{opacity:.28;transition:opacity .35s var(--ease-out)}
.diagram[data-active="options"] [data-dim="size"],.diagram[data-active="features"] [data-dim="seal"],.diagram[data-active="sterilization"] [data-dim="indicator"],.diagram:not([data-active]) [data-dim]{opacity:1}
@media (min-width:1100px){.diagram{display:block}}
.spec-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:1.6rem}
.spec-summary>div{padding:.9rem 1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.4rem;min-width:0}
.spec-summary>div:nth-child(2n){border-right:0}
.spec-summary>div:nth-last-child(-n+2){border-bottom:0}
.spec-summary dt{font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.spec-summary dd{margin:0;font:600 .95rem/1.3 var(--font-h);color:var(--blue-d);font-variant-numeric:tabular-nums}
.chips{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0}
.chips--lg .chip{font-size:.78rem;padding:.45rem .7rem}
.chip .i{width:1em;height:1em;margin-right:.35rem;vertical-align:-.15em;color:var(--cyan-d)}
a.chip:hover,button.chip:hover{border-color:var(--cyan);color:var(--blue)}
.chip--soft{background:var(--bg-2);border-color:transparent;text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink-2)}
.prod__body .lead{font-size:1.05rem}
.prod__ctas{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.4rem 0 2.2rem}
.spec{display:grid}
.spec__row{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;padding:1.4rem 0;scroll-margin-top:calc(var(--hdr-main-s) + 64px)}
.spec__row h3{display:flex;flex-direction:column;gap:.5rem;font:600 var(--fs-label)/1.4 var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-d);margin:.15rem 0 0}
.spec__row h3::before{content:"";width:16px;height:2px;background:var(--cyan)}
.spec__row h3 .idx{color:var(--cyan-d)}
.spec__val{color:var(--ink-2)}
.spec__val p{margin:0 0 .8em}.spec__val p:last-child{margin:0}
.spec__list{display:grid;gap:.5rem}
.spec__list li{display:flex;gap:.7rem;align-items:flex-start;color:var(--ink-2)}
.spec__list .ind{margin-top:.5rem;width:8px;height:8px}
.spec__kv{display:grid;gap:0;border-top:1px solid var(--line-2)}
.spec__kv>div{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line-2);font-size:.95rem}
.spec__kv>div.kv--single{grid-template-columns:1fr}
.spec__kv>div.kv--single dt{display:none}
.spec__kv dt{font:600 .8rem/1.5 var(--font-h);color:var(--ink-3)}
.spec__kv dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums;display:flex;gap:.6rem;align-items:flex-start}
.spec__kv dd .ind{margin-top:.5rem;width:8px;height:8px}
.docrow{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r)}
.docrow .i-lg{color:var(--cyan);flex:none}
.docrow strong{display:block;font:600 1rem/1.3 var(--font-h);color:var(--blue-d)}
.docrow>div>span{display:block;font:600 var(--fs-label)/1.4 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:.2rem 0 .5rem}
.docrow p{font-size:.9rem;color:var(--ink-2);margin:0 0 .6rem}
.spec__row--docs .spec__val{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}
.dock{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-dock);display:none;gap:.6rem;padding:.6rem var(--gut) calc(.6rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);transform:translateY(100%);transition:transform .3s var(--ease-out)}
.dock .btn--primary{flex:1}
.dock__wa{padding:.9rem 1rem}
@media (max-width:900px){.dock{display:flex}.dock.is-on{transform:none}body.has-dock{padding-bottom:72px}body.has-dock .wa-float{bottom:calc(84px + env(safe-area-inset-bottom))}.prod{grid-template-columns:1fr;gap:2rem}.prod__gallery{position:static}.spec__row{grid-template-columns:1fr;gap:.6rem}.spec-summary{grid-template-columns:1fr 1fr}.spec__kv>div{grid-template-columns:1fr;gap:.2rem}}
@media (max-width:480px){.spec-summary{grid-template-columns:1fr}.spec-summary>div{border-right:0}.spec-summary>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.spec-summary>div:last-child{border-bottom:0}}

/* ===== índice de produtos ===== */
.filter{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;padding:1.4rem 0 .4rem}
.filter__label{font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.filter__chips{display:flex;flex-wrap:wrap;gap:.4rem}
.filter__chips .chip{cursor:pointer;background:#fff}
.filter__chips .chip.is-on{background:var(--blue-d);color:#fff;border-color:var(--blue-d)}
.filter__chips .chip.is-on .i{color:#8fd8f8}
.filter__count{margin-left:auto;font:600 .82rem/1 var(--font-h);color:var(--ink-3);font-variant-numeric:tabular-nums}
.cat-block{padding:3rem 0}
.cat-block__head{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:1.8rem;align-items:end}
.cat-block__head h2{font-size:1.7rem;margin:.3rem 0 0}
.cat-block__head p{margin:0;color:var(--ink-2)}
.pcard[hidden]{display:none}
@media (max-width:760px){.cat-block__head{grid-template-columns:1fr;gap:.6rem}.filter__count{margin-left:0;width:100%}}

/* ===== dossiê de mercados ===== */
.dossier{display:grid;grid-template-columns:340px 1fr;gap:4rem;align-items:start}
.dossier__side{position:sticky;top:calc(var(--hdr-main-s) + 32px);display:flex;flex-direction:column;gap:1.6rem}
.dossier__side .find__card--cta{color:#fff}
.dossier__rows{display:grid}
.dossier__row{display:grid;grid-template-columns:2fr 3fr;gap:2.5rem;align-items:center;padding:2.2rem 0;color:var(--ink);position:relative}
.dossier__row::after{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.dossier__row:hover::after{transform:scaleX(1)}
.dossier__row .plate__img img{transition:transform .6s var(--ease-out)}
.dossier__row:hover .plate__img img{transform:scale(1.04)}
.dossier__top{display:flex;align-items:center;gap:.8rem;margin-bottom:.4rem}
.dossier__top .i-lg{color:var(--cyan);width:1.75rem;height:1.75rem}
.dossier__top h3{margin:0;font-size:1.35rem}
.dossier__headline{color:var(--ink-2);margin-bottom:.9rem}
.dossier__body .chips{margin-bottom:.8rem}
.dossier__body .link-arrow{margin-top:.4rem}
@media (max-width:1020px){.dossier{grid-template-columns:1fr;gap:2rem}.dossier__side{position:static}}
@media (max-width:640px){.dossier__row{grid-template-columns:1fr;gap:1.2rem}}

/* ===== página de mercado ===== */
.mk-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.mk-cols{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.rail{position:relative;display:grid;gap:0;margin-top:.5rem;padding-left:0}
.rail::before{content:"";position:absolute;left:5px;top:12px;bottom:12px;width:1px;background:var(--line)}
.rail li{position:relative;display:grid;grid-template-columns:12px 1fr;gap:1rem;padding:.6rem 0}
.rail__mark{width:11px;height:11px;border:1px solid var(--cyan);background:#fff;margin-top:.45rem;transition:background var(--d-2)}
.rail li:hover .rail__mark,.rail.is-in li .rail__mark{background:var(--cyan)}
.rail__body{display:flex;flex-direction:column;gap:.1rem}
.rail__body strong{font:600 1rem/1.3 var(--font-h);color:var(--blue-d)}
.rail__body span:not(.idx){font-size:.9rem;color:var(--ink-2)}
.rail--compact li{padding:.4rem 0}
.mini{display:grid;grid-template-columns:96px 1fr auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);transition:border-color var(--d-2),transform .3s var(--ease-out)}
.mini img{width:96px;height:72px;object-fit:cover;border-radius:var(--r-sm)}
.mini>span{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.mini strong{font:600 .98rem/1.3 var(--font-h);color:var(--blue-d)}
.mini small{font-size:.82rem;color:var(--ink-3)}
.mini>.i{color:var(--cyan);transition:transform .22s var(--ease-out)}
.mini:hover{border-color:var(--cyan);transform:translateY(-2px)}
.mini:hover>.i{transform:translateX(4px)}
@media (max-width:860px){.mk-hero,.mk-cols{grid-template-columns:1fr;gap:2rem}}

/* ===== qualidade ===== */
.qgrid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--line)}
.qitem{padding:1.8rem 1.5rem;background:#fff;position:relative;display:flex;flex-direction:column;gap:.5rem;outline:1px solid var(--line)}
.qitem .why__idx{position:absolute;top:1.2rem;right:1.3rem}
.qitem .i-lg{color:var(--cyan);width:1.75rem;height:1.75rem;margin-bottom:.3rem}
.qitem h3{font-size:1.05rem;margin:0}
.qitem p{font-size:.9rem;color:var(--ink-2);margin:0}
.trace .sec-head{margin-bottom:2rem}
.trace__rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.trace__rail::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--line-dark)}
.trace__rail li{position:relative;display:flex;flex-direction:column;gap:.5rem;padding-top:1.6rem}
.trace__mark{position:absolute;left:0;top:0;width:13px;height:13px;border:1px solid var(--cyan);background:var(--blue-dd);transition:background .4s var(--ease-out)}
html.js .trace__rail.is-in .trace__mark{background:var(--cyan)}
html:not(.js) .trace__mark{background:var(--cyan)}
.trace__rail strong{font:600 1rem/1.3 var(--font-h);color:#fff}
.ledger--wide>div{grid-template-columns:220px 1fr 12px}
.ledger--wide>div:hover{background:#fff}
.docs__group{font:600 var(--fs-label)/1.4 var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-d);margin:2rem 0 1rem}
.docs{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.doc{display:flex;flex-direction:column;gap:.5rem;color:var(--ink);padding:0}
.doc strong{font:600 .95rem/1.3 var(--font-h);color:var(--blue-d);margin-top:.5rem}
.doc>span{font-size:.8rem;color:var(--ink-3);display:inline-flex;align-items:center;gap:.3rem}
.doc__img{background:var(--bg-2)}
.doc__cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;background:var(--blue-dd);background-image:linear-gradient(var(--grid-dark) 1px,transparent 1px),linear-gradient(90deg,var(--grid-dark) 1px,transparent 1px);background-size:24px 24px}
.doc__cover b{font:700 2.4rem/1 var(--font-h);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.6)}
.doc__cover span{font:600 var(--fs-label)/1.3 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:#8fa4d4}
.doc:hover .plate__img{outline:1px solid var(--cyan)}
.docrow--box{margin-top:.5rem}
@media (max-width:980px){.qgrid,.docs{grid-template-columns:1fr 1fr}.trace__rail{grid-template-columns:1fr;gap:.2rem}.trace__rail::before{left:6px;top:0;bottom:0;width:1px;height:auto}.trace__rail li{flex-direction:row;align-items:center;gap:1rem;padding:.6rem 0 .6rem 2rem}.trace__mark{top:auto}.ledger--wide>div{grid-template-columns:140px 1fr 12px}}
@media (max-width:560px){.qgrid,.docs{grid-template-columns:1fr}}

/* ===== a pamax ===== */
.about-intro{display:grid;grid-template-columns:7fr 5fr;gap:3.5rem;align-items:center}
.about-intro__text p{color:var(--ink-2)}
.about-intro__text .lead{font-size:1.18rem;color:var(--ink)}
.timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-top:1rem}
.timeline::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--line);transform-origin:left}
html.js .timeline::before{transform:scaleX(0);transition:transform 1.2s var(--ease-out)}
html.js .timeline.is-in::before{transform:scaleX(1)}
.tl{position:relative;padding-top:1.8rem}
.tl::before{content:"";position:absolute;top:0;left:0;width:13px;height:13px;background:var(--cyan);transform:scale(.6);transition:transform .4s var(--ease-out) calc(var(--i,0)*120ms)}
html.js .timeline.is-in .tl::before{transform:none}
.tl b{display:block;font:700 1.6rem/1 var(--font-h);color:var(--blue);letter-spacing:-.02em}
.tl h3{font-size:1rem;margin:.5rem 0 .4rem}
.tl p{font-size:.88rem;color:var(--ink-2);margin:0}
.struct h3{margin:1rem 0 .3rem}
.struct p{color:var(--ink-2);margin:0}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);background:#fff;margin-bottom:3rem}
.value{padding:1.8rem;border-right:1px solid var(--line)}
.value:last-child{border-right:0}
.value h3{display:flex;align-items:center;gap:.6rem;font:600 var(--fs-label)/1.4 var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-d);margin-bottom:.9rem}
.value p,.value li{color:var(--ink-2);font-size:.95rem}
.value li{display:flex;gap:.6rem;padding:.25rem 0;align-items:flex-start}
.value li .ind{margin-top:.55rem;width:8px;height:8px}
.about-more{margin-top:0}
.ledger--diff>div{grid-template-columns:260px 1fr;padding:1rem 0}
.ledger--diff dt{display:flex;align-items:center;gap:.7rem;color:var(--blue-d)}
.ledger--diff dt .i-lg{color:var(--cyan);width:1.5rem;height:1.5rem}
.ledger--diff dd{font-size:.9rem}
.quote{max-width:820px;margin:0 auto;text-align:center;position:relative;padding-top:2.5rem}
.quote__mark{position:absolute;left:50%;top:-1rem;transform:translateX(-50%);font:700 7rem/1 var(--font-h);color:transparent;-webkit-text-stroke:1px var(--line)}
.quote blockquote{margin:0;font:600 clamp(1.3rem,2.4vw,1.9rem)/1.35 var(--font-h);color:var(--blue-d);position:relative}
.quote cite{display:block;margin-top:1.2rem;font-style:normal;color:var(--ink-3);font-size:.9rem}
.quote cite::before{content:"";display:block;width:40px;height:2px;background:var(--cyan);margin:0 auto 1rem}
@media (max-width:980px){.timeline{grid-template-columns:1fr;gap:0;padding-left:1.6rem}.timeline::before{left:6px;top:0;bottom:0;width:1px;height:auto;transform-origin:top}html.js .timeline::before{transform:scaleY(0)}html.js .timeline.is-in::before{transform:scaleY(1)}.tl{padding:.3rem 0 1.4rem}.tl::before{left:-1.6rem;top:.4rem}.values{grid-template-columns:1fr}.value{border-right:0;border-bottom:1px solid var(--line)}.value:last-child{border-bottom:0}.ledger--diff>div{grid-template-columns:1fr}}
@media (max-width:860px){.about-intro{grid-template-columns:1fr;gap:2rem}}

/* ===== produção: trilho de etapas ===== */
.stepper{--p:0;display:grid;grid-template-columns:280px 1fr;gap:4rem;align-items:start}
.stepper__nav{position:sticky;top:calc(var(--hdr-main-s) + 32px)}
.stepper__nav ol{position:relative}
.stepper__rail{position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:var(--line)}
.stepper__rail::after{content:"";position:absolute;inset:0;background:var(--cyan);transform:scaleY(var(--p));transform-origin:top;transition:transform .5s var(--ease-out)}
.stepper__link{position:relative;display:flex;gap:.8rem;align-items:baseline;padding:.7rem 0 .7rem 2.2rem;color:var(--ink-3);font:600 .9rem/1.3 var(--font-h);transition:color var(--d-1)}
.stepper__link::before{content:"";position:absolute;left:7px;top:.95rem;width:9px;height:9px;border:1px solid var(--line);background:#fff;transition:border-color var(--d-1),background var(--d-1)}
.stepper__link.is-done::before,.stepper__link.is-on::before{border-color:var(--cyan);background:var(--cyan)}
.stepper__link.is-on{color:var(--blue-d)}
.stepper__link .idx{color:inherit}
.steps{display:grid}
.step{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;padding:2.5rem 0;scroll-margin-top:calc(var(--hdr-main-s) + 24px)}
.step:nth-child(even) .step__media{order:2}
.step__text{position:relative}
.step__text .why__idx{display:block;margin-bottom:.6rem}
.step h3{font-size:1.3rem}
.step p{color:var(--ink-2);margin:0}
@media (max-width:980px){.stepper{grid-template-columns:minmax(0,1fr);gap:1rem}.stepper__nav{position:sticky;top:var(--hdr-main-s);z-index:var(--z-subnav);min-width:0;max-width:100vw;background:rgba(255,255,255,.94);margin:0 calc(-1 * var(--gut));padding:.4rem var(--gut);border-bottom:1px solid var(--line)}.stepper__nav ol{display:flex;gap:.2rem;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-padding:var(--gut)}.stepper__nav ol::-webkit-scrollbar{display:none}.stepper__rail{display:none}.stepper__link{padding:.7rem .6rem;white-space:nowrap;border-bottom:2px solid transparent}.stepper__link::before{display:none}.stepper__link.is-on{border-bottom-color:var(--cyan)}.step{grid-template-columns:1fr;gap:1.2rem;padding:2rem 0}.step:nth-child(even) .step__media{order:0}}

/* ===== conhecimento ===== */
.tabs{position:sticky;top:var(--hdr-main-s);z-index:var(--z-subnav);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}
.tabs ul{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none}
.tabs ul::-webkit-scrollbar{display:none}
.tabs a{display:block;padding:1rem .9rem;font:600 .85rem/1 var(--font-h);color:var(--ink-2);white-space:nowrap;border-bottom:2px solid transparent;transition:color var(--d-2),border-color var(--d-2)}
.tabs a:hover{color:var(--blue-d)}
.tabs a.is-on{color:var(--blue);border-color:var(--cyan)}
.tabs__n{font-size:.72rem;color:var(--ink-3);margin-left:.2rem}
.featured{display:grid;grid-template-columns:5fr 7fr;gap:2.5rem;align-items:center;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);background:#fff;transition:border-color var(--d-2),box-shadow .3s var(--ease-out)}
.featured:hover{border-color:var(--cyan);box-shadow:var(--sh)}
.featured__media .plate__img,.featured__media .post-card__tile{border-radius:0;height:100%}
.featured__media picture,.featured__media img{width:100%;height:100%;object-fit:cover}
.featured__body{padding:2rem 2.5rem 2rem 0;display:flex;flex-direction:column;gap:.7rem}
.featured__body h2{font-size:clamp(1.4rem,2vw,1.9rem);margin:0}
.featured__body p{color:var(--ink-2);margin:0}
.article{max-width:760px;margin:0 auto}
.article__meta{font-size:.9rem!important}
.article__img{margin:0 0 2.2rem}
.article__body{font-size:1.08rem;line-height:1.7;color:var(--ink-2)}
.article__body p{margin-bottom:1.2em}
.article__body h2,.article__body h3{margin-top:2em;padding-top:1rem;border-top:1px solid var(--line);color:var(--blue-d)}
.article__body img{border-radius:var(--r);margin:1.5rem 0}
.article__body ul,.article__body ol{padding-left:1.4rem;list-style:disc;margin-bottom:1.2em}
.article__body ol{list-style:decimal}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:1.4rem;margin-top:2.5rem}
.share .kicker{margin:0 .8rem 0 0}
.share .chip{cursor:pointer;background:#fff;font-size:.78rem;padding:.5rem .7rem}
.pagination{display:flex;gap:.4rem;justify-content:center;margin-top:2.5rem}
.pagination a,.pagination span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 .6rem;border:1px solid var(--line);border-radius:var(--r-sm);font:600 .85rem var(--font-h);color:var(--ink-2);font-variant-numeric:tabular-nums}
.pagination .active span,.pagination a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
@media (max-width:860px){.featured{grid-template-columns:1fr}.featured__body{padding:1.5rem}}

/* ===== faq ===== */
.faq{max-width:860px;margin:0 auto}
.faq__item{border-top:1px solid var(--line)}
.faq__item:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:3.5rem 1fr 2.5rem;gap:.5rem;align-items:center;padding:1.2rem .2rem;font:600 1.02rem/1.35 var(--font-h);color:var(--blue-d);min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .idx{color:var(--cyan-d)}
.faq summary .i{color:var(--cyan);transition:transform var(--d-2);width:1.3rem;height:1.3rem;justify-self:end}
.faq details[open] summary .i{transform:rotate(45deg)}
.faq__a{padding:0 2.5rem 1.6rem 3.7rem;color:var(--ink-2);font-size:.97rem;max-width:70ch}
.faq__a p:last-child{margin:0}
.faq__more{margin-top:2rem}
@media (max-width:640px){.faq summary{grid-template-columns:2.5rem 1fr 2rem}.faq__a{padding:0 0 1.4rem 2.5rem}}
.faq-mini{display:grid;gap:.4rem;margin-top:.3rem}
.faq-mini a{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-2);font-size:.92rem;padding:.4rem 0;border-bottom:1px solid var(--line-2)}
.faq-mini .ind{margin-top:.5rem;width:8px;height:8px}
.faq-mini a:hover{color:var(--blue)}

/* ===== contato, cotação, formulários ===== */
.contact{display:grid;grid-template-columns:5fr 7fr;gap:3.5rem;align-items:start}
.contact--quote{grid-template-columns:7fr 5fr}
.contact__aside{position:sticky;top:calc(var(--hdr-main-s) + 32px)}
.cledger{display:grid;border-top:1px solid var(--line);margin-bottom:1.6rem}
.cledger>div{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.cledger dt{font:600 var(--fs-label)/1.5 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.cledger dd{margin:0;font-size:1.02rem;color:var(--ink)}
.cledger dd a{color:var(--ink);display:inline-flex;align-items:center;gap:.5rem}
.cledger dd a:hover{color:var(--blue)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);display:inline-block}
.dot--wa{background:var(--wa)}
.map__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05);transition:filter .4s}
.map:hover .map__frame iframe,.map:focus-within .map__frame iframe{filter:none}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0 2rem 2rem;position:relative}
.form-card__strip{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 -2rem 1.6rem;padding:.7rem 2rem;border-bottom:1px solid var(--line);background:var(--bg-2);font:600 var(--fs-label)/1.4 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.form-card h2{font-size:1.5rem;margin-bottom:1.2rem}
.form-error{color:var(--err);font-size:.9rem;padding:.7rem .9rem;border:1px solid var(--err);border-radius:var(--r-sm);background:#fff5f5}
.fs{border:0;padding:0;margin:0 0 1.6rem;min-width:0}
.fs legend{display:flex;align-items:center;gap:.7rem;width:100%;padding:.6rem 0;margin-bottom:.9rem;border-bottom:1px solid var(--line);font:600 var(--fs-label)/1.4 var(--font-h);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-d)}
.fs legend .idx{color:var(--cyan-d)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-grid .full{grid-column:1/-1}
.field--split{display:grid;grid-template-columns:1fr 90px;gap:.6rem}
.field label{display:block;font:600 var(--fs-label)/1.4 var(--font-h);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:.4rem}
.field label i{color:var(--cyan-d);font-style:normal}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:.75rem .9rem;border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;font-size:16px;color:var(--ink);background:#fff;transition:border var(--d-1),box-shadow var(--d-1)}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,173,239,.15)}
.field textarea{min-height:130px;resize:vertical}
.field .err{display:block;color:var(--err);font-size:.8rem;margin-top:.35rem}
.field.has-err input,.field.has-err select,.field.has-err textarea,.field:has(:user-invalid) input,.field:has(:user-invalid) select{border-color:var(--err)}
.field small{display:block;color:var(--ink-3);font-size:.78rem;margin-top:.35rem}
.file{position:relative;display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border:1px dashed var(--ink-4);border-radius:var(--r-sm);color:var(--ink-2);font:500 .9rem/1.3 var(--font-b);text-transform:none;letter-spacing:0;cursor:pointer;background:var(--bg-2);min-height:48px;transition:border-color var(--d-1),background var(--d-1)}
.file.is-over,.file:hover{border-color:var(--cyan);background:var(--cyan-soft)}
.file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.file .i{color:var(--cyan);width:1.3rem;height:1.3rem}
.check{display:flex;gap:.6rem;align-items:flex-start;font:400 .88rem/1.5 var(--font-b);text-transform:none;letter-spacing:0;color:var(--ink-2)}
.check input{width:18px;height:18px;min-height:0;margin-top:.2rem;accent-color:var(--cyan)}
.form-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.4rem;flex-wrap:wrap}
.form-foot small{color:var(--ink-3);font-size:.78rem}
.sent{padding:2.5rem;text-align:center;border-radius:var(--r);background:#e8f8ee;border:1px solid #bfe8cf;color:#166534}
.sent__check{width:64px;height:64px;margin:0 auto 1rem;color:var(--ok)}
html.js .sent__check *{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .6s var(--ease-out) forwards}
html.js .sent__check path{animation-delay:.4s}
@keyframes draw{to{stroke-dashoffset:0}}
.sent h2{color:#166534;font-size:1.5rem}
.sent p{color:#1f5a3a;margin:0}
.hp{position:absolute;left:-9999px}
@media (max-width:900px){.contact,.contact--quote{grid-template-columns:1fr;gap:2rem}.contact__aside{position:static}.form-grid{grid-template-columns:1fr}.form-card{padding:0 1.2rem 1.4rem}.form-card__strip{margin:0 -1.2rem 1.2rem;padding:.6rem 1.2rem}}
@media (max-width:640px){.form-foot .btn{width:100%}}

/* ===== privacidade ===== */
.prose{max-width:760px;margin:0 auto;color:var(--ink-2);font-size:1.02rem;counter-reset:sec}
.prose h2{font-size:1.35rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line)}
.prose h2::before{counter-increment:sec;content:counter(sec,decimal-leading-zero) "  ";color:var(--cyan-d);font:500 .75rem var(--font-h);letter-spacing:.12em}

/* ===== flutuante WhatsApp, cookies, topo ===== */
.wa-sentinel{position:absolute;top:600px;left:0;width:1px;height:1px;pointer-events:none}
.wa-float{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:var(--z-wa);display:flex;align-items:center;gap:.5rem;background:var(--wa);color:#fff;padding:.75rem 1.1rem .75rem .85rem;border-radius:var(--r-pill);font:600 .9rem var(--font-h);box-shadow:0 8px 24px -8px rgba(37,211,102,.5);
  opacity:0;transform:translateY(16px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out),bottom .3s var(--ease-out)}
.wa-float .i{width:1.5rem;height:1.5rem}
.wa-float.is-on{opacity:1;transform:none}
.wa-float:hover{transform:translateY(-2px)}
body.nav-open .wa-float{opacity:0;pointer-events:none}
@media (max-width:640px){.wa-float span{display:none}.wa-float{padding:.85rem;right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}}
.cookie{position:fixed;left:20px;bottom:20px;z-index:var(--z-cookie);max-width:380px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-lg);padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.8rem;font-size:.85rem}
.cookie[hidden]{display:none!important}
.cookie p{margin:0;color:var(--ink-2)}
.cookie__actions{display:flex;gap:.5rem;flex-wrap:wrap}
@media (max-width:640px){.cookie{left:12px;right:12px;bottom:84px;max-width:none}}
.ftr__top{display:inline-flex;align-items:center;gap:.4rem;font:600 var(--fs-label)/1 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:#c9d6f1}

/* ===== sistema de revelação (gate html.js: sem JS tudo visível) ===== */
html.js .rv,html.js .rv-group>*{opacity:0;transform:translateY(16px);transition:opacity var(--d-3) var(--ease-out) var(--d,0ms),transform var(--d-3) var(--ease-out) var(--d,0ms)}
html.js .rv-group>*{--d:calc(var(--i,0)*60ms)}
html.js .rv.is-in,html.js .rv-group.is-in>*{opacity:1;transform:none}
html.js .rule::before{transform:scaleX(0);transition:transform var(--d-4) var(--ease-out)}
html.js .rule.is-in::before,html.js .is-in .rule::before{transform:scaleX(1)}
html.js .kicker::before{width:0;transition:width .3s var(--ease-out) .15s}
html.js .is-in .kicker::before,html.js .is-in.kicker::before,.hero .kicker::before,.phero .kicker::before,.hdr .kicker::before,.mega .kicker::before{width:28px}
html.js .wipe{clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--ease-inout)}
html.js .wipe.is-in,html.js .is-in .wipe,html.js .is-in.wipe{clip-path:inset(0 0 0 0)}
html.js img[loading=lazy]{opacity:0;transition:opacity .3s}
html.js img[loading=lazy].is-loaded{opacity:1}
.progress{position:fixed;top:0;left:0;z-index:calc(var(--z-hdr) + 1);width:100%;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left}
@supports (animation-timeline:scroll()){.progress{animation:grow linear both;animation-timeline:scroll(root)}}
@keyframes grow{to{transform:scaleX(1)}}

/* ===== transições entre páginas ===== */
@view-transition{navigation:auto}
.hdr{view-transition-name:hdr}.wa-float{view-transition-name:wa}
::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation-duration:.22s}
::view-transition-old(hdr),::view-transition-new(hdr),::view-transition-old(wa),::view-transition-new(wa){animation:none}

/* ===== movimento reduzido ===== */
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  *:where(:not(.hero__slide)),*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  html.js .rv,html.js .rv-group>*,html.js .wipe{opacity:1;transform:none;clip-path:none}
  html.js .rule::before{transform:none}html.js .kicker::before{width:28px}html.js img[loading=lazy]{opacity:1}
  .hero__slide{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
  .hero__slide.is-on{opacity:1;visibility:visible;transition:opacity .3s,visibility 0s}
  .hero__slide.is-enter,.hero__slide.is-enter.is-on{clip-path:none;transition:opacity .3s}
  .hero__slide .hero__img{animation:none!important;transform:none!important;transition:none!important}
  .hero__edge{display:none}html.js .mask>*{transform:none}html.js .spec-row{opacity:1}
  html.js .draw .d{stroke-dashoffset:0}html.js .draw .dim{transform:none}html.js .draw text,html.js .draw .st,html.js .callout span{opacity:1}html.js .callout i{transform:none}
  .hero__tab i b,.hero__tabs::after{animation:none}
  .factory__img,.progress{animation:none}
}

/* ===== impressão: ficha técnica em A4 ===== */
@page{size:A4;margin:14mm}

.printsheet{display:none}

@media print{
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  html,body{background:#fff!important;color:#000;font-size:10pt;line-height:1.45}
  body{padding:0!important;margin:0}
  .wrap{max-width:none;padding:0}
  a{color:#000;text-decoration:none}
  h1,h2,h3,h4{color:#000}

  /* --- fora do papel --- */
  .hdr,#hdr-sentinel,.hero,.hero__bar,.wa-float,.wa-sentinel,.cookie,.cta-band,.ftr,.subnav,.tabs,
  .prod__thumbs,.prod__ctas,.dock,.btn,.progress,.skip,.diagram,.lightbox,.callout,.share,.filter,
  .phero__img,.phero__shade,.phero__grid,.hero::before,.phero::before,.crumbs,#relacionados,.stats,
  .snap-bar,.strip,.plate::before,.spec-row--phero{display:none!important}

  /* --- animações em repouso --- */
  html.js .rv,html.js .rv-group>*,html.js .wipe{opacity:1!important;transform:none!important;clip-path:none!important}
  html.js .rule::before,html.js .mask>*{transform:none!important}
  html.js img[loading=lazy]{opacity:1!important}
  html.js .spec-row{opacity:1!important}
  .sec,.sec--tight{padding:0!important;content-visibility:visible}
  .rule::before{background:#000}

  /* --- cabeçalho da folha --- */
  .printsheet{display:flex}
  .printsheet__head{align-items:flex-end;justify-content:space-between;gap:8mm;padding-bottom:2.5mm;margin-bottom:4mm;border-bottom:.8pt solid #000}
  .printsheet__head img{width:30mm;height:auto}
  .printsheet__id{text-align:right}
  .printsheet__id span{display:block;font:600 6.5pt/1.4 var(--font-h);letter-spacing:.16em;text-transform:uppercase;color:#666}
  .printsheet__id strong{font:600 9.5pt/1.3 var(--font-h);color:#000}
  .printsheet__foot{justify-content:space-between;gap:6mm;margin-top:3mm;padding-top:1.5mm;border-top:.4pt solid #999;font:400 6.5pt/1.4 var(--font-b);color:#555;break-inside:avoid}

  /* --- bloco de título --- */
  .phero,.phero--compact{padding:0!important;background:none!important;color:#000;min-height:0;overflow:visible}
  .phero__in,.phero--compact .phero__in{display:block;padding:0!important}
  .phero__main{max-width:none}
  .phero .kicker,.phero .kicker--light{color:#000;margin-bottom:1.5mm;font-size:6.5pt}
  .phero .kicker::before{background:#000;width:7mm;height:1px}
  .phero h1{color:#000;font-size:18pt;line-height:1.1;margin:0 0 3mm;max-width:none;letter-spacing:-.01em;break-after:avoid}

  /* --- identificação: foto + resumo técnico + resumo --- */
  .prod{display:block}
  .prod__body{display:contents}
  .prod__gallery{float:left;width:46mm;margin:0 5mm 3mm 0;position:static;break-inside:avoid}
  .prod__main{position:relative;aspect-ratio:4/3;border:.4pt solid #bbb;border-radius:0;overflow:hidden}
  .prod__main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
  .prod__main img.is-front{opacity:1}
  .plate figcaption{margin-top:1.5mm;font-size:6pt;letter-spacing:.1em;color:#666}
  .spec-summary{display:grid;grid-template-columns:1fr 1fr;border:.8pt solid #000;border-radius:0;margin:0 0 3mm;overflow:hidden;break-inside:avoid}
  .spec-summary>div{padding:1.6mm 2.6mm;gap:.8mm;border-right:.4pt solid #bbb;border-bottom:.4pt solid #bbb}
  .spec-summary>div:nth-child(2n){border-right:0}
  .spec-summary>div:nth-last-child(-n+2){border-bottom:0}
  .spec-summary>div:last-child:nth-child(odd){grid-column:1/-1;border-right:0;border-bottom:0}
  .spec-summary dt{font-size:6.5pt;letter-spacing:.12em;color:#666}
  .spec-summary dd{font-size:8.5pt;color:#000}
  .prod__body .lead,.prod .lead{overflow:hidden;font-size:9pt;line-height:1.4;color:#000;margin:0 0 3mm}
  .chips{gap:1mm}
  .chip{border:.4pt solid #999;border-radius:0;background:none;color:#000;padding:.7mm 1.8mm;font-size:7pt;letter-spacing:.06em}
  .chip .i,.chip svg{display:none}

  /* --- corpo da ficha, largura total --- */
  .spec{display:block;clear:both;padding-top:2.5mm;border-top:.8pt solid #000}
  .spec__row{display:grid;grid-template-columns:32mm 1fr;gap:5mm;padding:1.7mm 0;border-bottom:.4pt solid #ddd;break-inside:avoid;page-break-inside:avoid}
  .spec__row:last-child{border-bottom:0}
  .spec__row h3{display:block;font:600 6.5pt/1.4 var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:#000;margin:0}
  .spec__row h3::before{display:none}
  .spec__row h3 .idx{display:block;font-size:7pt;color:#666;margin-bottom:.6mm}
  .spec__val{color:#000;font-size:9pt;line-height:1.4}
  .spec__val p{margin:0 0 1.5mm}
  .spec__val p:last-child{margin:0}
  .spec__list{gap:1mm}
  .spec__list li{color:#000;font-size:9pt;line-height:1.4;gap:2mm}
  .spec__list .ind,.spec__kv dd .ind{background:#000;width:1.4mm;height:1.4mm;margin-top:1.4mm}
  .spec__kv{border-top:0}
  .spec__kv>div{grid-template-columns:32mm 1fr;gap:4mm;padding:1mm 0;border-bottom:.4pt solid #eee;font-size:9pt;line-height:1.4}
  .spec__kv>div:last-child{border-bottom:0}
  .spec__kv dt{font-size:7pt;letter-spacing:.06em;color:#666}
  .spec__kv dd{color:#000}
  .chips--lg .chip{font-size:7.5pt}

  /* --- documentação --- */
  .docrow{display:block;gap:0;padding:0;background:none;border:0;border-radius:0;break-inside:avoid}
  .docrow .i-lg,.docrow strong,.docrow .link-arrow{display:none}
  .docrow>div>span{display:inline;font:600 9pt/1.4 var(--font-b);letter-spacing:0;text-transform:none;color:#000;margin:0}
  .docrow>div>span::after{content:" — "}
  .docrow p{display:inline;font-size:9pt;line-height:1.4;color:#000;margin:0}
  .spec__row--docs .spec__val{display:block}

  /* --- páginas de conteúdo (artigos, políticas) --- */
  .article{max-width:none}
  .article__body{font-size:10pt;color:#000}
  .article__body h2,.article__body h3{border-top:.4pt solid #999;break-after:avoid}
  .prose{max-width:none;color:#000}
  img{max-width:100%}
}

/* captura de tela (QA): limita alturas em svh dentro do iframe */
html.cap .hero{min-height:0;height:auto}html.cap .hero__in{min-height:640px}