/* Siltec Embalagens — visual do site.
   Cores e fontes ficam no bloco :root. O resto é organizado por seção, na ordem em que aparecem. */

@font-face{font-family:"Big Shoulders Display";font-weight:800;font-style:normal;font-display:swap;src:url(../fonts/big-shoulders-display-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-weight:900;font-style:normal;font-display:swap;src:url(../fonts/big-shoulders-display-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-weight:400;font-style:italic;font-display:swap;src:url(../fonts/fraunces-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-weight:600;font-style:italic;font-display:swap;src:url(../fonts/fraunces-latin-600-italic.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/instrument-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/instrument-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/instrument-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --red:#9C3234; --red-2:#B8433F; --red-d:#7C2527; --red-dd:#561618;
  --ink:#1A1A1A; --ink-2:#222222; --ink-3:#2E2E2E;
  --g:#888888; --g-2:#555B5B; --g-3:#B7BEBE;
  --mist:#F3F6F6; --mist-2:#E4EAEA; --line:#D3DADA; --white:#fff;
  --kraft:#C99A62; --kraft-d:#A87B45; --kraft-l:#E2C79C;
  --f-d:"Big Shoulders Display","Arial Narrow","Helvetica Neue",Impact,sans-serif;
  --f-s:"Fraunces",Georgia,"Times New Roman",serif;
  --f-b:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-m:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --wrap:1320px; --gut:clamp(20px,4vw,56px); --hd:76px;
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 64px)}
body{margin:0;background:var(--white);color:var(--ink);font:400 1.0625rem/1.65 var(--f-b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
p{margin:0 0 1.1em}
ul,ol{margin:0;padding:0}
h1,h2,h3,h4{margin:0;font-family:var(--f-d);font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:.003em;text-wrap:balance}
h2{font-size:clamp(2.5rem,5.6vw,5rem);margin-bottom:.35em}
h3{font-size:1.65rem;line-height:1}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:3px solid #E7A5A0;outline-offset:3px}
.mono{font-family:var(--f-m);font-weight:500;font-size:.92em;letter-spacing:-.01em}
.i{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter;flex:none}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:#fff;color:var(--red);padding:10px 16px;font-weight:600}
.skip:focus{left:8px}
.wrap{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.sec{padding-block:clamp(72px,9vw,140px);position:relative}
.sprite{position:absolute;width:0;height:0}

/* ---------- botões: o canto dobrado é a aba da caixa ---------- */
.btn{--fl:rgba(0,0,0,.26);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:15px 28px;font:600 1rem/1.1 var(--f-b);text-decoration:none;border:0;cursor:pointer;color:#fff;background:var(--red);clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);transition:background .2s,color .2s,transform .25s var(--ease)}
.btn::after{content:"";position:absolute;top:0;right:0;width:15px;height:15px;background:var(--fl);clip-path:polygon(0 0,100% 100%,0 100%)}
.btn:hover{transform:translateY(-2px)}
.btn .i{width:1.2em;height:1.2em}
.btn-red:hover{background:var(--red-d)}
.btn-white{--fl:rgba(156,50,52,.28);background:#fff;color:var(--red)}
.btn-white:hover{background:var(--mist)}
.btn-ghost{--fl:rgba(255,255,255,.7);background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.65)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-ink{--fl:rgba(255,255,255,.3);background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--red)}
.btn-line{--fl:rgba(26,26,26,.5);background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-line:hover{background:var(--ink);color:#fff}
.btn-s{min-height:44px;padding:11px 20px;font-size:.95rem}
.btn-block{width:100%}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.link-u{font-weight:600;text-underline-offset:4px;text-decoration-thickness:1.5px}
.link-u:hover{color:var(--red)}
.more{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-weight:600;color:var(--red)}
.more .i{width:1.1em;height:1.1em;transition:transform .25s var(--ease)}
a:hover>.more .i,a:hover .more .i{transform:translateX(5px)}

/* ---------- marcas de corte e papelão ondulado ---------- */
.crop{position:absolute;width:20px;height:20px;border:0 solid var(--cc,rgba(255,255,255,.55));pointer-events:none;z-index:2}
.crop-tl{top:calc(var(--hd) + 18px);left:18px;border-width:1.5px 0 0 1.5px}
.crop-tr{top:calc(var(--hd) + 18px);right:18px;border-width:1.5px 1.5px 0 0}
.crop-bl{bottom:30px;left:18px;border-width:0 0 1.5px 1.5px}
.crop-br{bottom:30px;right:18px;border-width:0 1.5px 1.5px 0}
.about-ph .crop,.vid-frame .crop{--cc:var(--ink)}
.about-ph .crop-tl,.vid-frame .crop-tl{top:-12px;left:-12px}.about-ph .crop-tr,.vid-frame .crop-tr{top:-12px;right:-12px}
.about-ph .crop-bl,.vid-frame .crop-bl{bottom:-12px;left:-12px}.about-ph .crop-br,.vid-frame .crop-br{bottom:-12px;right:-12px}
.flute{--fc:#fff;position:absolute;left:0;right:0;bottom:-1px;height:18px;z-index:3;pointer-events:none;background:var(--fc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='18' viewBox='0 0 36 18'%3E%3Cpath d='M0 18V9Q9 -2 18 9T36 9V18z'/%3E%3C/svg%3E") repeat-x 0 100%/36px 18px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='18' viewBox='0 0 36 18'%3E%3Cpath d='M0 18V9Q9 -2 18 9T36 9V18z'/%3E%3C/svg%3E") repeat-x 0 100%/36px 18px}
.flute-white{--fc:#fff}
.flute-mist{--fc:var(--mist)}
.flute-ft,.flute-cta,.flute-eco{--fc:var(--red);top:-17px;bottom:auto}

/* ---------- formulários ---------- */
.fld{display:grid;gap:7px;margin-bottom:16px;min-width:0}
.fld label,.fld>span{font-size:.88rem;font-weight:600;color:var(--ink)}
.fld input,.fld select,.fld textarea{width:100%;min-height:52px;padding:13px 16px;font:400 1rem/1.3 var(--f-b);color:var(--ink);background:#fff;border:1.5px solid var(--g-3);border-radius:0;appearance:none;-webkit-appearance:none;transition:border-color .2s,box-shadow .2s}
.fld textarea{min-height:120px;resize:vertical}
.fld select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E") no-repeat right 14px center/18px;padding-right:44px}
.fld input:hover,.fld select:hover,.fld textarea:hover{border-color:var(--g)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 4px rgba(156,50,52,.16)}
.fld input::placeholder,.fld textarea::placeholder{color:#8A9090}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:640px){.two{grid-template-columns:1fr}}

/* ======================= CABEÇALHO ======================= */
.hd{position:fixed;inset:0 0 auto 0;z-index:90;height:var(--hd);color:#fff;transition:background .3s,color .3s,box-shadow .3s}
.hd[data-tone=on-light]{color:var(--ink)}
.hd-in{height:100%;display:flex;align-items:center;gap:clamp(16px,3vw,44px)}
.brand{display:block;flex:none;line-height:0}
.brand img{height:42px;width:auto}
.brand-r{display:none}
.hd[data-tone=on-light] .brand-w{display:none}.hd[data-tone=on-light] .brand-r{display:block}
.hd.is-solid,.hd.mega-open,.hd.menu-open.is-solid{background:rgba(255,255,255,.95);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.hd.is-solid .brand-w,.hd.mega-open .brand-w{display:none}.hd.is-solid .brand-r,.hd.mega-open .brand-r{display:block}
.nav{margin-left:auto;display:flex;align-items:center;height:100%}
.nav-i{height:100%;display:flex}
.nav-a{position:relative;display:flex;align-items:center;gap:6px;height:100%;padding:0 clamp(10px,1.2vw,18px);font-weight:600;font-size:.97rem;text-decoration:none}
.nav-a::after{content:"";position:absolute;left:clamp(10px,1.2vw,18px);right:clamp(10px,1.2vw,18px);bottom:20px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-a:hover::after,.nav-a[aria-current=page]::after,.has-mega:hover>.nav-a::after,.has-mega.open>.nav-a::after{transform:scaleX(1)}
.nav-a .i{width:.9em;height:.9em;stroke-width:2.2}
.btn-nav{margin-left:10px;min-height:46px;padding:12px 22px;font-size:.95rem;background:#fff;color:var(--red);--fl:rgba(156,50,52,.3)}
.hd.is-solid .btn-nav,.hd.mega-open .btn-nav,.hd[data-tone=on-light] .btn-nav{background:var(--red);color:#fff;--fl:rgba(0,0,0,.28)}
.nav-foot{display:none}
.burger{display:none;margin-left:auto;width:48px;height:48px;align-items:center;justify-content:center;background:none;border:0;color:inherit;cursor:pointer;position:relative;z-index:3}
.burger .i{width:28px;height:28px}

.mega{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--ink);border-top:1px solid var(--line);box-shadow:0 40px 60px -34px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s var(--ease),visibility .22s}
.has-mega:hover .mega,.has-mega:focus-within .mega,.has-mega.open .mega{opacity:1;visibility:visible;transform:none}
.mega-in{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;padding-block:36px 40px}
.mega-h{font:italic 400 1.2rem/1.4 var(--f-s);margin:0 0 20px;max-width:16em}
.mega-seg{list-style:none;margin:26px 0 0;display:grid;gap:2px}
.mega-seg a{display:flex;align-items:center;gap:12px;padding:9px 0;text-decoration:none;font-weight:500;border-bottom:1px solid var(--line)}
.mega-seg a:hover{color:var(--red)}
.mega-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 24px;align-content:start}
.mega-grid a{display:flex;align-items:center;gap:14px;padding:8px;text-decoration:none;transition:background .2s}
.mega-grid a:hover{background:var(--mist)}
.mega-img{flex:none;width:68px;height:68px;display:grid;place-items:center;padding:6px;background:var(--red)}
.mega-img.tile-ink{background:var(--ink)}.mega-img.tile-mist{background:var(--mist-2)}
.mega-img img{max-height:100%;width:auto;object-fit:contain}
.mega-tx{display:grid;gap:2px;min-width:0}
.mega-tx b{font:800 1.18rem/1 var(--f-d);text-transform:uppercase;letter-spacing:.01em}
.mega-tx i{font:500 .72rem/1.3 var(--f-m);font-style:normal;color:var(--g-2)}

@media (max-width:1100px){
  .burger{display:inline-flex}
  .nav{position:fixed;inset:0;z-index:2;margin:0;height:auto;flex-direction:column;align-items:stretch;justify-content:center;background:var(--red-dd);color:#fff;padding:calc(var(--hd) + 12px) var(--gut) 32px;overflow:auto;opacity:0;visibility:hidden;transform:translateY(-14px);transition:opacity .25s,transform .35s var(--ease),visibility .25s}
  .hd.menu-open .nav{opacity:1;visibility:visible;transform:none}
  /* backdrop-filter no cabeçalho rolado prenderia o menu (position:fixed) à altura do cabeçalho */
  .hd.menu-open,.hd.menu-open.is-solid,.hd.menu-open.mega-open{color:#fff;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .hd.menu-open .brand-w,.hd.menu-open.is-solid .brand-w{display:block}.hd.menu-open .brand-r,.hd.menu-open.is-solid .brand-r{display:none}
  .hd.menu-open .brand,.hd.menu-open .burger{position:relative;z-index:3}
  .nav-i{height:auto;display:block}
  .nav-a{height:auto;padding:6px 0;font:900 clamp(2.4rem,11vw,3.8rem)/1 var(--f-d);text-transform:uppercase;letter-spacing:.005em}
  .nav-a::after{display:none}
  .nav-loja .nav-a{font:600 1.05rem var(--f-b);text-transform:none;padding-top:14px}
  .mega{display:none}
  .btn-nav{margin:22px 0 0;width:100%;background:#fff!important;color:var(--red)!important}
  .nav-foot{display:grid;gap:8px;margin-top:26px;font-size:.95rem;color:rgba(255,255,255,.82)}
  .nav-foot a{display:flex;align-items:center;gap:10px;text-decoration:none}
  .nav-foot p{margin:4px 0 0}
}

/* ======================= CAPA ======================= */
.hero{position:relative;background:var(--red);color:#fff;overflow:hidden;min-height:max(100svh,780px);display:flex;align-items:center;padding:calc(var(--hd) + clamp(20px,4vh,56px)) 0 clamp(70px,9vh,110px)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(52% 62% at 74% 46%,rgba(255,255,255,.17),transparent 70%),radial-gradient(90% 60% at 0% 100%,rgba(84,22,24,.55),transparent 62%)}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.hero-net{position:absolute;right:-9%;top:50%;width:min(86vw,1040px);height:auto;transform:translateY(-50%) rotate(-8deg);stroke:rgba(255,255,255,.3);stroke-width:1.6}
.hero-net .fold path{stroke-dasharray:7 9}
.js .hero-net .cut path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.2s var(--ease) .15s forwards}
.js .hero-net .fold{opacity:0;animation:fadein 1s ease 1.3s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fadein{to{opacity:1}}
.reg{position:absolute;left:49%;top:calc(var(--hd) + 30px);width:26px;height:26px;border:1.5px solid rgba(255,255,255,.55);border-radius:50%}
.reg::before,.reg::after{content:"";position:absolute;background:rgba(255,255,255,.55)}
.reg::before{left:50%;top:-6px;bottom:-6px;width:1.5px;transform:translateX(-50%)}
.reg::after{top:50%;left:-6px;right:-6px;height:1.5px;transform:translateY(-50%)}
.hero-grid{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,3vw,56px);align-items:center;width:min(100% - 2*var(--gut),var(--wrap))}
.hero-h{font:900 clamp(3.5rem,8vw,8.8rem)/.98 var(--f-d);letter-spacing:.002em;margin:0 0 .3em}
.hero-h .ln{display:block;overflow:hidden;padding:.16em 0 .02em;margin:-.16em 0 -.02em}
.hero-h .ln>span{display:block}
.js .hero-h .ln>span{transform:translateY(108%);animation:rise 1s var(--ease) forwards}
.js .hero-h .ln:nth-child(2)>span{animation-delay:.12s}.js .hero-h .ln:nth-child(3)>span{animation-delay:.24s}
@keyframes rise{to{transform:none}}
.hero-lede{font:italic 400 clamp(1.15rem,1.7vw,1.5rem)/1.45 var(--f-s);max-width:30em;margin:0;color:rgba(255,255,255,.94)}
.js .hero-lede,.js .hero .cta,.js .hero-facts{opacity:0;animation:fadein .9s ease .6s forwards}
.js .hero .cta{animation-delay:.75s}.js .hero-facts{animation-delay:.9s}
.hero-facts{list-style:none;display:flex;gap:clamp(22px,3.4vw,52px);margin:clamp(30px,5vh,52px) 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.3);max-width:34rem}
.hero-facts b{display:block;font:900 2.3rem/1 var(--f-d)}
.hero-facts span{font-size:.9rem;color:rgba(255,255,255,.82)}
.hero-stage{position:relative;width:100%;max-width:700px;aspect-ratio:1/1.02;justify-self:end}
.hs{position:absolute;transform:translate3d(calc(var(--mx,0)*var(--d,10)*1px),calc(var(--my,0)*var(--d,10)*1px),0);transition:transform .5s var(--ease)}
.hs img{width:100%;filter:drop-shadow(0 34px 28px rgba(60,8,10,.5))}
.js .hs img{opacity:0;animation:drop 1.1s var(--ease) forwards}
@keyframes drop{from{opacity:0;transform:translateY(-70px) rotate(var(--r0,0deg))}to{opacity:1;transform:rotate(var(--r,0deg))}}
.hs-a{right:-2%;top:0;width:62%;--r:4deg;--r0:14deg}.hs-a img{animation-delay:.45s}
.hs-b{left:-4%;top:31%;width:60%;--r:-5deg;--r0:-16deg}.hs-b img{animation-delay:.62s}
.hs-c{right:2%;bottom:-3%;width:56%;--r:0deg;--r0:6deg}.hs-c img{animation-delay:.8s}
.hs img{transform:rotate(var(--r,0deg))}
.tag{position:absolute;display:flex;align-items:center;gap:10px;font:500 .76rem/1 var(--f-m);color:#fff;white-space:nowrap;z-index:5}
.tag i{display:block;width:44px;height:1px;background:rgba(255,255,255,.85)}
.tag-1{right:6%;top:-3%;flex-direction:row-reverse}
.tag-2{left:0;top:26%}.tag-2 i{width:26px;order:2}
.js .tag{opacity:0;animation:fadein .8s ease 1.5s forwards}

@media (max-width:980px){
  .hero{min-height:0;padding-top:calc(var(--hd) + 28px);align-items:flex-start}
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero-h{font-size:clamp(3.3rem,15vw,6.4rem)}
  .hero-stage{justify-self:center;max-width:520px}
  .hero-net{width:150vw;right:-45%;top:62%}
  .tag-2{display:none}
}
@media (max-width:520px){.hero-facts{gap:18px}.hero-facts b{font-size:1.9rem}.tag{display:none}}

/* ---------- faixa ---------- */
.marq{background:var(--ink);color:#fff;overflow:hidden;position:relative;z-index:1;padding:14px 0 12px}
.marq-in{display:flex;width:max-content;animation:marq 46s linear infinite}
.marq ul{display:flex;list-style:none;flex:none}
.marq li{display:flex;align-items:center;font:800 clamp(1.9rem,3.2vw,3rem)/1 var(--f-d);text-transform:uppercase;white-space:nowrap}
.marq li::after{content:"";width:.42em;height:.42em;margin:0 .9em;background:var(--red);clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,0 100%)}
@keyframes marq{to{transform:translateX(-50%)}}

/* ======================= BLOCOS DO CATÁLOGO ======================= */
.sh{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,72px);align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.sh h2{margin:0}
.sh-r p{margin:0 0 18px;color:var(--g-2);max-width:30em}
@media (max-width:860px){.sh{grid-template-columns:1fr;gap:18px}}
.tiles{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.tile{--tbg:var(--red);--tfg:#fff;background:var(--tbg);color:var(--tfg);position:relative;aspect-ratio:1/1.08;min-width:0}
.tile-ink{--tbg:var(--ink)}
.tile-mist{--tbg:var(--mist);--tfg:var(--ink)}
.tile-a{display:flex;flex-direction:column;position:absolute;inset:0;text-decoration:none;color:inherit;overflow:hidden}
.tile-img{--tp:clamp(18px,2.4vw,38px);--tb:8px;flex:1;min-height:0;position:relative}
.tile-img img{position:absolute;left:var(--tp);right:var(--tp);top:var(--tp);bottom:var(--tb);width:calc(100% - 2*var(--tp));height:calc(100% - var(--tp) - var(--tb));object-fit:contain;filter:drop-shadow(0 18px 16px rgba(0,0,0,.3));transition:transform .55s var(--ease)}
.tile-mist .tile-img img{filter:drop-shadow(0 16px 14px rgba(0,0,0,.2))}
.tile-a:hover .tile-img img,.tile-a:focus-visible .tile-img img{transform:translateY(-10px) rotate(-2.2deg) scale(1.05)}
.tile-tx{display:grid;gap:4px;padding:0 clamp(18px,2vw,28px) clamp(18px,2vw,26px);padding-right:78px}
.tile-n{font:900 clamp(1.8rem,2.6vw,2.5rem)/.95 var(--f-d);text-transform:uppercase}
.tile-t{font:500 .78rem/1.3 var(--f-m);opacity:.78}
.tile-f,.tile-c{display:none}
.tile-go{position:absolute;right:clamp(14px,1.6vw,22px);bottom:clamp(14px,1.6vw,22px);width:46px;height:46px;display:grid;place-items:center;border:1.5px solid currentColor;transition:background .25s,color .25s,transform .3s var(--ease)}
.tile-go .i{width:20px;height:20px}
.tile-a:hover .tile-go{background:#fff;color:var(--red);border-color:#fff;transform:translateX(4px)}
.tile-mist .tile-a:hover .tile-go{background:var(--red);color:#fff;border-color:var(--red)}
.wall .tiles li:nth-child(3n+2){margin-top:clamp(0px,3.6vw,52px)}
.wall .tiles{padding-bottom:clamp(0px,3.6vw,52px)}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.wall .tiles li:nth-child(3n+2){margin-top:0}.wall .tiles li:nth-child(2n){margin-top:28px}.wall .tiles{padding-bottom:28px}}
@media (max-width:560px){.tiles{grid-template-columns:1fr}.wall .tiles li:nth-child(2n){margin-top:0}.wall .tiles{padding-bottom:0}.tile{aspect-ratio:1/.92}}

/* ======================= CAIXA 3D (dobra com a rolagem) ======================= */
.fold{background:var(--ink);color:#fff;position:relative}
.fold-track{height:360vh;position:relative}
.fold-stick{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;display:flex;flex-direction:column;padding-top:var(--hd)}
.fold-stick::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(70% 70% at 62% 52%,#000,transparent 100%);mask:radial-gradient(70% 70% at 62% 52%,#000,transparent 100%)}
.fold-grid{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(20px,4vw,72px);align-items:center;width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.fold-copy h2{font-size:clamp(2.2rem,4.4vw,4.2rem);margin-bottom:.5em}
.fold-ctl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;margin-bottom:26px}
.fld-d{margin:0}
.fld-d label{color:rgba(255,255,255,.85)}
.fld-d input{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.4);color:#fff;font:italic 600 1.5rem/1.2 var(--f-s);min-height:64px;padding-inline:18px}
.fld-d input:hover{border-color:rgba(255,255,255,.7)}
.fld-d input:focus{border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.sw{border:0;margin:0;padding:0;display:flex;gap:10px;min-width:0}
.sw legend{font-size:.88rem;font-weight:600;color:rgba(255,255,255,.85);padding:0;margin-bottom:7px;float:left;width:100%}
.sw label{display:grid;justify-items:center;gap:5px;cursor:pointer}
.sw input{position:absolute;opacity:0;pointer-events:none}
.sw-c{display:block;width:40px;height:40px;border:2px solid rgba(255,255,255,.4);outline:2px solid transparent;outline-offset:3px;transition:outline-color .2s,transform .2s}
.sw-kraft{background:var(--kraft)}.sw-branca{background:#F4F1EB}.sw-vermelha{background:var(--red)}.sw-preta{background:#222}
.sw i{font-style:normal;font-size:.72rem;color:rgba(255,255,255,.7)}
.sw input:checked+.sw-c{outline-color:#fff;transform:translateY(-2px)}
.sw input:focus-visible+.sw-c{outline-color:#E7A5A0}
.fold-steps{list-style:none;display:grid;gap:0;margin:0 0 28px;border-left:1.5px solid rgba(255,255,255,.22)}
.fold-steps li{padding:8px 0 8px 22px;position:relative;opacity:.42;transition:opacity .3s}
.fold-steps li::before{content:"";position:absolute;left:-6.5px;top:15px;width:11px;height:11px;background:var(--ink);border:1.5px solid rgba(255,255,255,.5);transition:background .3s,border-color .3s}
.fold-steps b{display:block;font:800 1.35rem/1.1 var(--f-d);text-transform:uppercase;letter-spacing:.01em}
.fold-steps span{display:block;max-height:0;overflow:hidden;font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.8);transition:max-height .45s var(--ease)}
.fold-steps li.on{opacity:1}.fold-steps li.on::before{background:var(--red);border-color:var(--red)}
.fold-steps li.on span{max-height:4.5em}
.fold-note{margin:14px 0 0;font-size:.8rem;color:rgba(255,255,255,.55)}
.fold-view{position:relative;height:100%;min-height:0}
.scene{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 44%;--W:300px;--D:220px;--H:96px;--bx:#C99A62;--bxt:#1A1A1A;--s:1;display:grid;place-items:center}
.scene[data-c=branca]{--bx:#F3F0EA;--bxt:#9C3234}
.scene[data-c=vermelha]{--bx:#9C3234;--bxt:#fff}
.scene[data-c=preta]{--bx:#262626;--bxt:#E2C79C}
.box{position:relative;width:var(--W);height:var(--D);transform-style:preserve-3d;--al:90;--af:90;--b:90;transform:translate3d(0,var(--ty,0px),0) scale(var(--s)) rotateX(var(--rx,54deg)) rotateZ(var(--rz,-30deg));will-change:transform}
.f{position:absolute;transform-style:preserve-3d}
.f .s{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.f .s.out{transform:rotateY(180deg)}
.s.in{background:repeating-linear-gradient(90deg,rgba(80,48,16,.16) 0 1.5px,transparent 1.5px 6px),linear-gradient(#E0BE8C,#D3AF7B);box-shadow:inset 0 0 0 1px rgba(80,48,16,.35)}
.s.out{background:repeating-linear-gradient(0deg,rgba(0,0,0,.035) 0 2px,transparent 2px 7px),var(--bx);box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);display:grid;place-items:center}
.base{left:0;top:0;width:var(--W);height:var(--D)}
.base .s.out{background:var(--bx)}
.back{left:0;bottom:100%;width:var(--W);height:var(--H);transform-origin:50% 100%;transform:rotateX(calc(var(--af)*-1deg))}
.front{left:0;top:100%;width:var(--W);height:var(--H);transform-origin:50% 0;transform:rotateX(calc(var(--af)*1deg))}
.left{right:100%;top:0;width:var(--H);height:var(--D);transform-origin:100% 50%;transform:rotateY(calc(var(--al)*1deg))}
.right{left:100%;top:0;width:var(--H);height:var(--D);transform-origin:0 50%;transform:rotateY(calc(var(--al)*-1deg))}
.lid{left:0;bottom:100%;width:var(--W);height:calc(var(--D) - 3px);transform-origin:50% 100%;transform:rotateX(calc(var(--b)*-1deg))}
.left .s.out{filter:brightness(.8)}.right .s.out{filter:brightness(.88)}.back .s.out{filter:brightness(.78)}.front .s.out{filter:brightness(.94)}
.left .s.in{filter:brightness(.94)}.right .s.in{filter:brightness(.9)}
.lid .s.out{place-items:center;overflow:hidden;transform:rotateX(180deg)}
.brand-txt{display:block;max-width:86%;text-align:center;font:italic 600 54px/1.05 var(--f-s);color:var(--bxt);letter-spacing:-.01em;overflow-wrap:anywhere}
.lid-logo{position:absolute;right:12px;bottom:9px;width:56px;height:auto}
.lg-w{display:none}
.scene[data-c=vermelha] .lg-r,.scene[data-c=preta] .lg-r{display:none}
.scene[data-c=vermelha] .lg-w,.scene[data-c=preta] .lg-w{display:block}
.dims{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(.5px);color:var(--ink);opacity:var(--dm,0);pointer-events:none}
.dims .dm path{stroke:currentColor;stroke-width:1.3}
.dims text{font:500 11px var(--f-m);fill:currentColor}
.shadow{position:absolute;left:50%;top:62%;width:52%;height:12%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);opacity:var(--sh,.8);filter:blur(6px);pointer-events:none}
.fold-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12)}
.fold-bar i{display:block;height:100%;width:100%;background:var(--red);transform-origin:left;transform:scaleX(var(--p,1))}
.fold-static .fold-track{height:auto}
.fold-static .fold-stick{position:relative;height:auto;min-height:100svh}
@media (max-width:900px){
  .fold-track{height:330vh}
  .fold-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:0}
  .fold-view{order:-1;min-height:0}
  .fold-copy h2{font-size:1.9rem;margin-bottom:.4em}
  .fold-ctl{grid-template-columns:1fr;gap:12px;margin-bottom:14px}
  .sw{gap:12px}
  .sw legend{display:none}
  .fold-steps{margin-bottom:16px}
  .fold-steps li{display:none;padding-block:2px}
  .fold-steps li.on{display:block}
  .fold-steps li::before{top:9px}
  .fold-note{display:none}
  .fold-copy{padding-bottom:18px}
  .fold-cta{width:100%}
}
@media (max-width:900px) and (max-height:760px){.fold-copy h2{display:none}}

/* ======================= MANIFESTO ======================= */
.mani-s{background:#fff}
.mani{font:900 clamp(2.4rem,5.6vw,5.4rem)/.98 var(--f-d);text-transform:uppercase;max-width:17em;margin:0 0 clamp(48px,6vw,88px);letter-spacing:.002em}
.mani .w{opacity:.16;transition:opacity .25s linear}
.mani .w.on{opacity:1}
.no-js .mani .w,.mani.static .w{opacity:1}
.mani-pts{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);border-top:1.5px solid var(--ink);padding-top:28px}
.mani-pts li{display:flex;gap:16px;align-items:flex-start}
.mani-pts .i{width:34px;height:34px;color:var(--red);margin-top:2px}
.mani-pts b{display:block;font:800 1.45rem/1.05 var(--f-d);text-transform:uppercase;margin-bottom:6px}
.mani-pts span{color:var(--g-2);font-size:.98rem;line-height:1.5;display:block}
@media (max-width:860px){.mani-pts{grid-template-columns:1fr}}

/* ======================= LINHAS ======================= */
.lines{background:var(--mist)}
.lines-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(32px,6vw,110px);align-items:start}
.vid{margin:0;position:sticky;top:calc(var(--hd) + 32px)}
.vid-frame{position:relative;background:var(--ink);aspect-ratio:9/16;max-height:78vh;margin-inline:auto;width:auto}
.vid-frame video{width:100%;height:100%;object-fit:cover}
.vid-btn{position:absolute;right:12px;bottom:12px;width:42px;height:42px;display:grid;place-items:center;background:rgba(26,26,26,.78);color:#fff;border:0;cursor:pointer}
.vid-btn:hover{background:var(--red)}
.vid figcaption{margin-top:20px;font:500 .78rem/1.5 var(--f-m);color:var(--g-2);max-width:24em}
.lines-txt h2{margin-bottom:.6em}
.lines-list{list-style:none;border-top:1.5px solid var(--ink)}
.lines-list li{border-bottom:1.5px solid var(--ink)}
.lines-list a{display:block;position:relative;padding:30px 0 30px 0;text-decoration:none;transition:padding .35s var(--ease)}
.lines-list a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}
.lines-list a:hover,.lines-list a:focus-visible{padding-left:28px}
.lines-list a:hover::before,.lines-list a:focus-visible::before{transform:scaleY(1)}
.lines-list h3{font-size:clamp(2.1rem,3.6vw,3.2rem);margin-bottom:10px}
.lines-list p{margin:0 0 6px;max-width:36em;color:var(--g-2)}
@media (max-width:900px){.lines-grid{grid-template-columns:1fr}.vid{position:relative;top:0;max-width:300px;margin-inline:auto}}

/* ======================= SEGMENTOS ======================= */
.segs-h{margin-bottom:clamp(30px,4vw,56px)}
.segs-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,90px);align-items:start}
.segs-list{list-style:none;border-top:1.5px solid var(--ink)}
.segs-list li{border-bottom:1.5px solid var(--ink)}
.segs-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n i" "t i";align-items:center;column-gap:20px;padding:20px 12px 20px 0;text-decoration:none;position:relative;transition:padding .35s var(--ease),background .25s,color .25s}
.segs-list a:hover,.segs-list a:focus-visible{background:var(--red);color:#fff;padding-left:22px}
.segs-n{grid-area:n;font:900 clamp(2.2rem,5vw,4.4rem)/.95 var(--f-d);text-transform:uppercase}
.segs-t{grid-area:t;color:var(--g-2);font-size:.98rem;transition:color .25s}
.segs-list a:hover .segs-t{color:rgba(255,255,255,.88)}
.segs-list .i{grid-area:i;width:34px;height:34px;transition:transform .3s var(--ease)}
.segs-list a:hover .i{transform:translateX(6px)}
.segs-view{position:sticky;top:calc(var(--hd) + 40px);aspect-ratio:1/1;background:var(--red);overflow:hidden}
.segs-pic{position:absolute;inset:0;display:grid;place-items:center;padding:9%;opacity:0;transform:scale(.96);transition:opacity .4s,transform .6s var(--ease)}
.segs-pic.on{opacity:1;transform:none}
.segs-pic img{max-width:100%;max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(60,8,10,.5))}
@media (max-width:900px){.segs-grid{grid-template-columns:1fr}.segs-view{display:none}}

/* ======================= SUSTENTABILIDADE (faixa) ======================= */
.eco{background:var(--red);color:#fff;margin-top:20px}
.eco-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(32px,6vw,100px);align-items:center}
.eco h2{font-size:clamp(2.4rem,5vw,4.6rem)}
.eco-p{font:italic 400 clamp(1.1rem,1.5vw,1.35rem)/1.5 var(--f-s);max-width:30em;margin:0 0 28px;color:rgba(255,255,255,.94)}
.eco-r{list-style:none;display:grid;gap:0}
.eco-r li{display:flex;align-items:baseline;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.35)}
.eco-r li:last-child{border-bottom:1px solid rgba(255,255,255,.35)}
.eco-r b{font:900 clamp(2.8rem,4.6vw,4.2rem)/.9 var(--f-d);flex:none;min-width:2.3em}
.eco-r span{color:rgba(255,255,255,.88)}
@media (max-width:900px){.eco-grid{grid-template-columns:1fr}}

/* ======================= BLOG ======================= */
.news{background:var(--mist)}
.posts{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px)}
.post-c a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.post-img{display:block;aspect-ratio:4/3;background:var(--mist-2);overflow:hidden;margin-bottom:20px;position:relative}
.post-img.cut{background:var(--red);display:grid;place-items:center;padding:10%}
.post-img.cut img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(60,8,10,.45));transition:transform .5s var(--ease)}
.post-img:not(.cut) img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-c a:hover .post-img img{transform:scale(1.05)}
.post-c h3{font-size:1.9rem;line-height:.98;margin-bottom:10px}
.post-c p{color:var(--g-2);margin:0 0 6px;font-size:.98rem}
.news-p{background:#fff}
@media (max-width:900px){.posts{grid-template-columns:1fr}.post-img{aspect-ratio:16/10}}

/* ======================= CONTATO + MAPA ======================= */
.contact{background:#fff;position:relative}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,110px);padding-block:clamp(72px,9vw,130px) clamp(48px,6vw,80px)}
.contact-l h2{margin-bottom:.3em}
.lede-s{font:italic 400 1.2rem/1.5 var(--f-s);color:var(--g-2);max-width:30em;margin-bottom:30px}
.quick{max-width:560px}
.quick .btn{margin-top:6px}
.quick-note{margin:14px 0 0;font-size:.85rem;color:var(--g-2)}
.contact-r,.ct-cards{list-style:none;display:grid;align-content:start;border-top:1.5px solid var(--ink)}
.contact-r li,.ct-cards li{border-bottom:1.5px solid var(--ink)}
.contact-r a,.ct-cards a{display:flex;align-items:center;gap:20px;padding:22px 0;text-decoration:none;transition:padding .3s var(--ease),color .2s}
.contact-r a:hover,.ct-cards a:hover{padding-left:14px;color:var(--red)}
.contact-r .i,.ct-cards .i{width:32px;height:32px;color:var(--red)}
.contact-r span,.ct-cards span{display:grid;gap:2px;min-width:0}
.contact-r i,.ct-cards i{font-style:normal;font-size:.85rem;color:var(--g-2)}
.contact-r b,.ct-cards b{font:800 clamp(1.4rem,2vw,1.9rem)/1.05 var(--f-d);text-transform:uppercase;letter-spacing:.01em;overflow-wrap:anywhere}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.map{position:relative;height:clamp(440px,64vh,680px);background:var(--mist-2);overflow:hidden}
.map-frame,.map-img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.map-frame{filter:grayscale(.9) contrast(1.05)}
.map-pin{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-34px 0 0 -17px;background:var(--red);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 8px 14px rgba(0,0,0,.3)}
.map-pin::after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}
.map-attr{position:absolute;right:10px;bottom:6px;margin:0;font-size:.7rem;color:rgba(0,0,0,.6);background:rgba(255,255,255,.75);padding:2px 6px}
.map-card{position:absolute;left:var(--gut);bottom:clamp(20px,4vw,48px);background:#fff;border-top:5px solid var(--red);padding:22px 26px 24px;max-width:340px;box-shadow:0 24px 50px -20px rgba(0,0,0,.45)}
.map-card-h{font:900 1.7rem/1 var(--f-d);text-transform:uppercase;margin:0 0 8px}
.map-card address{font-style:normal;color:var(--g-2);margin-bottom:16px;line-height:1.5}
.map-card-b{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
@media (max-width:640px){.map{height:520px}.map-card{left:12px;right:12px;max-width:none;bottom:12px;padding:18px}}

/* ======================= RODAPÉ ======================= */
.ft{position:relative;background:var(--red);color:#fff;padding-top:clamp(64px,8vw,104px)}
.ft-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);padding-bottom:56px}
.ft-brand img{width:210px;margin-bottom:20px}
.ft-brand p{color:rgba(255,255,255,.86);max-width:26em;font-size:.98rem;line-height:1.55}
.soc{list-style:none;display:flex;gap:10px;margin-top:20px}
.soc a{display:grid;place-items:center;width:44px;height:44px;border:1.5px solid rgba(255,255,255,.55);transition:background .2s,color .2s}
.soc a:hover{background:#fff;color:var(--red)}
.ft-col h2{font:800 1.3rem/1 var(--f-d);margin:0 0 16px;letter-spacing:.02em}
.ft-col ul{list-style:none;display:grid;gap:9px}
.ft-cat ul{grid-template-columns:1fr 1fr;gap:9px 20px}
.ft-col a{text-decoration:none;color:rgba(255,255,255,.9);font-size:.97rem}
.ft-col a:hover{text-decoration:underline;text-underline-offset:4px}
.ft-ct a{display:flex;gap:10px;align-items:flex-start}
.ft-ct .i{margin-top:3px}
.ft-end{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding-block:22px 30px;border-top:1px solid rgba(255,255,255,.3);font-size:.85rem;color:rgba(255,255,255,.78)}
@media (max-width:760px){.ft-end{grid-template-columns:1fr;justify-items:start;gap:14px}.ft-end .nw-badge{justify-self:start}}
.ft-end p{margin:0}
@media (max-width:980px){.ft-grid{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}}
@media (max-width:560px){.ft-grid{grid-template-columns:1fr}}
.wa-fab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:70;display:flex;align-items:center;gap:0;height:58px;padding:0 17px;background:var(--ink);color:#fff;text-decoration:none;box-shadow:0 14px 30px -10px rgba(60,8,10,.6);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:background .2s,padding .3s var(--ease),opacity .25s,transform .3s var(--ease)}
.wa-fab .i{width:24px;height:24px}
.wa-fab span{max-width:0;overflow:hidden;white-space:nowrap;font-weight:600;font-size:.95rem;transition:max-width .35s var(--ease),margin .35s var(--ease)}
.wa-fab:hover,.wa-fab:focus-visible{background:var(--red-d)}
.wa-fab:hover span,.wa-fab:focus-visible span,.wa-fab.show span{max-width:200px;margin-left:10px}
/* Powered by Nightwaker: no rodapé, logo amplia ao passar o mouse (igual ao Equilibra) */
.nw-badge{display:flex;align-items:center;justify-content:center;gap:10px;justify-self:center;color:rgba(255,255,255,.78);text-decoration:none;opacity:.85;transition:opacity .3s}
.nw-badge span{font:500 10px/1 var(--f-b);letter-spacing:.28em;text-transform:uppercase;white-space:nowrap}
.nw-badge img{height:22px;width:auto;transform-origin:center;transition:transform .3s ease-out}
.nw-badge:hover,.nw-badge:focus-visible{opacity:1}
.nw-badge:hover img,.nw-badge:focus-visible img{transform:scale(1.25)}
/* Loader da página: o entregador conferindo as caixas, o mesmo do site anterior */
.pageloader{display:none}
.js .pageloader{display:block;position:fixed;inset:0;z-index:9999;background:#fff url(../img/loader-entregador.webp) center/120px 120px no-repeat;transition:opacity .6s ease}
.pageloader.is-out{opacity:0;pointer-events:none}
.pageloader.is-gone{display:none}
html.loading *,html.loading *::before,html.loading *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.js .pageloader{display:none}}
.wa-fab.is-away{opacity:0;pointer-events:none;transform:translateY(14px)}
.hd.menu-open~.wa-fab{display:none}

/* ======================= CAPA DAS PÁGINAS INTERNAS ======================= */
.phero{position:relative;overflow:hidden;color:#fff;padding:calc(var(--hd) + clamp(56px,9vw,120px)) 0 clamp(90px,10vw,150px)}
.phero-red{background:var(--red)}
.phero-red::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 78% 40%,rgba(255,255,255,.14),transparent 70%)}
.phero-ink{background:var(--ink)}
.phero-ink::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(80% 90% at 80% 30%,#000,transparent 100%);mask:radial-gradient(80% 90% at 80% 30%,#000,transparent 100%)}
.phero>.wrap{position:relative;z-index:4}
.phero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:4vw;align-items:center}
.ph-h{font:900 clamp(3.4rem,9.6vw,9rem)/.85 var(--f-d);text-transform:uppercase;margin:0 0 .26em;letter-spacing:.002em;text-wrap:balance}
.phero-big .ph-h{font-size:clamp(3rem,7.2vw,7rem)}
.ph-h-s{font-size:clamp(2.6rem,6vw,5.6rem)}
.ph-lede{font:italic 400 clamp(1.15rem,1.8vw,1.55rem)/1.45 var(--f-s);max-width:32em;margin:0;color:rgba(255,255,255,.93)}
.ph-pics{position:relative;aspect-ratio:1/.8}
.ph-pic{position:absolute}
.ph-pic img{width:100%;filter:drop-shadow(0 30px 24px rgba(0,0,0,.4))}
.ph-pic.a{right:0;top:2%;width:84%;transform:rotate(-4deg)}
.ph-pic.b{left:-4%;bottom:-4%;width:62%;transform:rotate(5deg)}
.ph-stack img{width:100%;filter:drop-shadow(0 30px 24px rgba(0,0,0,.45))}
.crumb{display:flex;align-items:center;gap:6px;font-size:.9rem;margin-bottom:22px;opacity:.9}
.crumb a{text-decoration:none;font-weight:600}.crumb a:hover{text-decoration:underline}
.crumb .i{width:.9em;height:.9em}
@media (max-width:900px){.phero-grid{grid-template-columns:1fr}.ph-pics{max-width:420px;margin-inline:auto;width:100%}}

/* ======================= PÁGINA DO CATÁLOGO ======================= */
.cat{padding-top:clamp(40px,5vw,72px)}
.cat-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;position:sticky;top:var(--hd);z-index:40;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 0;margin-bottom:6px;border-bottom:1.5px solid var(--ink)}
.chipset{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:600 .93rem/1 var(--f-b);cursor:pointer;transition:background .2s,color .2s}
.chip .i{width:1.15em;height:1.15em}
.chip i{font-style:normal;font:500 .72rem var(--f-m);opacity:.65}
.chip:hover{background:var(--mist)}
.chip.on{background:var(--ink);color:#fff}
.viewset{display:flex}
.vbtn{width:44px;height:42px;display:grid;place-items:center;border:1.5px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer}
.vbtn+.vbtn{border-left:0}
.vbtn.on{background:var(--ink);color:#fff}
.cat-count{margin:18px 0 18px;font:500 .8rem var(--f-m);color:var(--g-2)}
.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cat-grid .tile{aspect-ratio:1/1.12}
.tile.is-out{display:none}
.cat-empty{padding:40px 0;color:var(--g-2)}
.cat-grid.is-list{grid-template-columns:1fr;gap:0;border-top:1.5px solid var(--ink)}
.cat-grid.is-list .tile{background:transparent;color:var(--ink);border-bottom:1.5px solid var(--ink);aspect-ratio:auto}
.cat-grid.is-list .tile-a{position:relative;flex-direction:row;align-items:center;gap:clamp(16px,3vw,40px);padding:16px 0;overflow:visible}
.cat-grid.is-list .tile-img{--tp:12px;--tb:12px;flex:none;width:clamp(120px,16vw,210px);aspect-ratio:1/1;background:var(--tbg)}
.cat-grid.is-list .tile-tx{flex:1;padding:0;gap:6px}
.cat-grid.is-list .tile-n{font-size:clamp(2rem,3.4vw,3.2rem)}
.cat-grid.is-list .tile-t{opacity:1;color:var(--red)}
.cat-grid.is-list .tile-f{display:block;max-width:40em;color:var(--g-2);font-size:1rem;line-height:1.5}
.cat-grid.is-list .tile-c{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.cat-grid.is-list .tile-c i{font-style:normal;font-size:.8rem;padding:4px 10px;background:var(--mist);color:var(--ink)}
.cat-grid.is-list .tile-go{position:static;flex:none;color:var(--ink)}
.cat-grid.is-list .tile-a:hover .tile-go{background:var(--red);color:#fff;border-color:var(--red)}
.cat-grid.is-list .tile-tx{padding-right:0}
@media (max-width:1100px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewset{display:none}.cat-grid.is-list{grid-template-columns:repeat(2,minmax(0,1fr));border:0;gap:12px}.cat-grid.is-list .tile{border:0;background:var(--tbg);color:var(--tfg)}.cat-grid.is-list .tile{aspect-ratio:1/1.12}.cat-grid.is-list .tile-a{position:absolute;flex-direction:column;align-items:stretch;padding:0}.cat-grid.is-list .tile-img{--tp:18px;--tb:8px;width:auto;aspect-ratio:auto;background:none;flex:1}.cat-grid.is-list .tile-f,.cat-grid.is-list .tile-c{display:none}.cat-grid.is-list .tile-go{position:absolute;color:inherit}.cat-grid.is-list .tile-tx{padding:0 18px 18px;padding-right:70px}.cat-grid.is-list .tile-t{color:inherit;opacity:.78}}
@media (max-width:560px){.cat-grid,.cat-grid.is-list{grid-template-columns:1fr}.cat-grid .tile,.cat-grid.is-list .tile{aspect-ratio:1/.95}.chipset{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut);scrollbar-width:none}.chip{flex:none}.cat-bar{position:relative}}

.stock{background:var(--mist)}
.stock-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);align-items:center}
.stock-img img{width:100%;filter:drop-shadow(0 24px 22px rgba(0,0,0,.25))}
.stock-txt p{color:var(--g-2);max-width:32em}
.tbl{width:100%;border-collapse:collapse;font-size:1rem}
.tbl th,.tbl td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl thead th{font:600 .82rem var(--f-b);color:var(--g-2);border-bottom:1.5px solid var(--ink);white-space:nowrap}
.tbl tbody th{font-weight:600}
.tbl-s{margin:22px 0 28px;background:#fff}
@media (max-width:860px){.stock-grid{grid-template-columns:1fr}}
.pdf{background:var(--red);color:#fff;padding-block:clamp(56px,7vw,100px)}
.pdf-grid{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:clamp(28px,6vw,100px);align-items:center}
.pdf-ill{display:grid;place-items:center}
.pdf-sheet{position:relative;width:min(220px,100%);aspect-ratio:3/4;background:#fff;color:var(--red);padding:22px;display:flex;flex-direction:column;justify-content:flex-end;transform:rotate(-4deg);box-shadow:0 30px 40px -20px rgba(0,0,0,.5);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.pdf-sheet::after{content:"";position:absolute;top:0;right:0;width:28px;height:28px;background:rgba(156,50,52,.28);clip-path:polygon(0 0,100% 100%,0 100%)}
.pdf-sheet i{display:block;height:6px;background:var(--mist-2);margin-bottom:8px}.pdf-sheet i:nth-child(2){width:70%}.pdf-sheet i:nth-child(3){width:85%;margin-bottom:22px}
.pdf-sheet b{font:900 2.4rem/.92 var(--f-d);text-transform:uppercase}
.pdf-txt h2{font-size:clamp(2.2rem,4.4vw,4rem)}
.pdf-txt p{max-width:30em;color:rgba(255,255,255,.9);margin-bottom:24px}
@media (max-width:760px){.pdf-grid{grid-template-columns:1fr}.pdf-ill{justify-items:start}}
.bespoke-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,80px);align-items:center}
.bespoke h2{margin:0}
.bespoke p{color:var(--g-2);margin-bottom:22px}
@media (max-width:760px){.bespoke-grid{grid-template-columns:1fr}}

/* ======================= PÁGINA DO PRODUTO ======================= */
.pp-hero{position:relative;overflow:hidden;padding:calc(var(--hd) + 44px) 0 clamp(80px,9vw,120px);color:#fff}
.pp-red{background:var(--red)}.pp-ink{background:var(--ink)}.pp-mist{background:var(--mist);color:var(--ink)}
.pp-red::before{content:"";position:absolute;inset:0;background:radial-gradient(48% 65% at 72% 48%,rgba(255,255,255,.16),transparent 72%)}
.pp-ink::before{content:"";position:absolute;inset:0;background:radial-gradient(48% 65% at 72% 48%,rgba(156,50,52,.4),transparent 72%)}
.pp-mist .crop{--cc:rgba(26,26,26,.45)}
.pp-bg{position:absolute;right:-8%;top:50%;width:min(70vw,860px);transform:translateY(-50%) rotate(8deg);pointer-events:none}
.pp-bg svg{width:100%;height:auto;stroke:rgba(255,255,255,.22);stroke-width:1.5}
.pp-mist .pp-bg svg{stroke:rgba(26,26,26,.16)}
.pp-bg .fold path{stroke-dasharray:7 9}
.pp-grid{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,72px);align-items:center;min-height:min(70vh,620px)}
.pp-h{font:900 clamp(3.4rem,8.2vw,8rem)/.85 var(--f-d);text-transform:uppercase;margin:0 0 .28em;letter-spacing:.002em}
.pp-frase{font:italic 400 clamp(1.15rem,1.7vw,1.5rem)/1.45 var(--f-s);max-width:27em;margin:0 0 22px}
.pp-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.pp-chips li{padding:7px 14px;font-size:.88rem;font-weight:600;border:1.5px solid currentColor;opacity:.92}
.pp-stage{position:relative;display:grid;place-items:center}
.pp-stage img{width:100%;max-height:min(58vh,560px);object-fit:contain;filter:drop-shadow(0 34px 28px rgba(0,0,0,.42))}
.pp-mist .pp-stage img{filter:drop-shadow(0 28px 24px rgba(0,0,0,.28))}
.js .pp-stage img{animation:pimg 1s var(--ease) .15s both}
@keyframes pimg{from{opacity:0;transform:translateY(40px) rotate(-3deg) scale(.96)}to{opacity:1;transform:none}}
@media (max-width:900px){.pp-grid{grid-template-columns:1fr;min-height:0}.pp-stage{order:-1;max-width:520px;margin:0 auto}.pp-stage img{max-height:300px}}

.specbar{background:#fff;border-bottom:1.5px solid var(--ink)}
.specbar-in{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.specbar-in li{padding:22px 24px 22px 0;margin-right:24px;border-right:1px solid var(--line);display:grid;gap:3px;align-content:start}
.specbar-in li:last-child{border:0;margin:0}
.specbar-in i{font-style:normal;font-size:.8rem;color:var(--g-2)}
.specbar-in b{font:600 1.05rem/1.3 var(--f-b)}
@media (max-width:860px){.specbar-in{grid-template-columns:1fr 1fr}.specbar-in li:nth-child(2){border-right:0;margin-right:0}.specbar-in li:nth-child(n+3){border-top:1px solid var(--line)}.specbar-in li:nth-child(3){border-right:1px solid var(--line)}}
.subnav{position:sticky;top:var(--hd);z-index:50;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.subnav-in{display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);overflow-x:auto;scrollbar-width:none}
.subnav a{flex:none;position:relative;padding:15px 0;font-weight:600;font-size:.95rem;text-decoration:none;color:var(--g-2)}
.subnav a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.subnav a:hover{color:var(--ink)}
.subnav a.on{color:var(--ink)}.subnav a.on::after{transform:scaleX(1)}
.subnav .subnav-cta{margin-left:auto;color:var(--red)}
.subnav .subnav-cta::after{display:none}
.subnav .subnav-cta:hover{color:var(--red-d);text-decoration:underline;text-underline-offset:4px}

.pp-over-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,100px);align-items:start}
.pp-over-t h2{font-size:clamp(2.3rem,4.6vw,4.2rem)}
.pp-over-t p{color:var(--g-2);max-width:30em;font-size:1.1rem}
.pp-over-t{position:sticky;top:calc(var(--hd) + 90px)}
.benefits{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,3vw,44px)}
.benefits li{display:flex;gap:16px;padding:24px 0;border-top:1.5px solid var(--ink)}
.benefits .i{width:30px;height:30px;color:var(--red);margin-top:2px}
.benefits h3{font-size:1.4rem;margin-bottom:6px}
.benefits p{margin:0;color:var(--g-2);font-size:.97rem;line-height:1.5}
@media (max-width:900px){.pp-over-grid{grid-template-columns:1fr}.pp-over-t{position:static}.benefits{grid-template-columns:1fr}}

.pp-sizes{background:var(--mist)}
.pp-sizes h2{margin-bottom:.2em}
.sz{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);margin-top:40px;padding-top:36px;border-top:1.5px solid var(--ink);align-items:start}
.sz:first-of-type{margin-top:28px}
.sz-tbl h3{font-size:2rem;margin-bottom:8px}
.sz-n{color:var(--g-2);font-size:.97rem;margin-bottom:18px;max-width:34em}
.sz-scroll{overflow-x:auto}
.sz .tbl{background:#fff}
.sz .tbl tbody tr{cursor:pointer;transition:background .15s}
.sz .tbl tbody tr:hover{background:var(--mist)}
.sz .tbl tbody tr.on{background:var(--red);color:#fff}
.sz .tbl tbody tr.on th,.sz .tbl tbody tr.on td{border-color:var(--red-d)}
.sz .tbl tbody tr:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.sz-draw{position:sticky;top:calc(var(--hd) + 90px);background:var(--ink);color:#fff;padding:26px}
.sz-svg{aspect-ratio:360/260;display:grid;place-items:center;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px}
.sz-svg svg{width:100%;height:100%}
.sz-svg text{font:500 12px var(--f-m);fill:var(--kraft-l)}
.sz-sel{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px}
.sz-lab{margin:0;font-size:.8rem;color:rgba(255,255,255,.65);flex-basis:100%}
.sz-val{margin:0;font-size:1.15rem;flex:1;min-width:0;overflow-wrap:anywhere}
.sz-sel .btn{flex:none}
@media (max-width:900px){.sz{grid-template-columns:1fr}.sz-draw{position:static}}
.pp-none{max-width:760px}
.pp-none p{color:var(--g-2);font-size:1.1rem}

.pp-ficha-grid{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(24px,5vw,90px);align-items:start}
.pp-ficha h2{margin:0}
.ficha{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,56px)}
.ficha div{display:grid;gap:3px;padding:16px 0;border-top:1px solid var(--line)}
.ficha dt{font-size:.82rem;color:var(--g-2)}
.ficha dd{margin:0;font-weight:600;font-size:1.05rem}
@media (max-width:860px){.pp-ficha-grid{grid-template-columns:1fr}.ficha{grid-template-columns:1fr}}

.pp-uso{background:var(--ink);color:#fff}
.uso{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);counter-reset:u;margin-top:34px}
.uso li{counter-increment:u;border-top:1.5px solid rgba(255,255,255,.4);padding-top:18px}
.uso li::before{content:counter(u);display:block;font:900 5rem/.9 var(--f-d);color:var(--red-2);margin-bottom:10px}
.uso b{display:block;font:800 1.6rem/1 var(--f-d);text-transform:uppercase;margin-bottom:8px}
.uso p{color:rgba(255,255,255,.82);margin:0;max-width:24em}
@media (max-width:860px){.uso{grid-template-columns:1fr}}

.pp-gal h2{margin-bottom:.5em}
.gal{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.gal .gal-i{grid-column:span 2;aspect-ratio:1/1.02;position:relative;min-width:0}
.gal-n1 .gal-i{grid-column:span 6;aspect-ratio:16/7}
.gal-n2 .gal-i,.gal-n4 .gal-i{grid-column:span 3;aspect-ratio:5/4}
.gal-n5 .gal-i:nth-child(-n+2){grid-column:span 3;aspect-ratio:5/4}
.gal-b{position:absolute;inset:0;display:flex;flex-direction:column;padding:0;border:0;background:var(--mist);cursor:zoom-in;text-align:left;font:inherit;color:var(--ink);overflow:hidden}
.gal-im{--tp:clamp(18px,2.4vw,36px);flex:1;min-height:0;position:relative}
.gal-im img{position:absolute;left:var(--tp);top:var(--tp);bottom:6px;width:calc(100% - 2*var(--tp));height:calc(100% - var(--tp) - 6px);object-fit:contain;filter:drop-shadow(0 16px 14px rgba(0,0,0,.25));transition:transform .5s var(--ease)}
.gal-b:hover .gal-im img{transform:scale(1.05)}
.gal-c{padding:0 18px 16px;font-size:.88rem;color:var(--g-2);line-height:1.4}
.gal-z{position:absolute;top:12px;right:12px;width:38px;height:38px;display:grid;place-items:center;background:var(--ink);color:#fff;opacity:0;transform:scale(.8);transition:opacity .2s,transform .25s var(--ease)}
.gal-b:hover .gal-z,.gal-b:focus-visible .gal-z{opacity:1;transform:none}
@media (max-width:760px){.gal .gal-i{grid-column:span 3;aspect-ratio:1/1.08}.gal-n1 .gal-i,.gal-n3 .gal-i:last-child,.gal-n5 .gal-i:last-child{grid-column:span 6;aspect-ratio:4/3}.gal-n5 .gal-i:nth-child(-n+2){grid-column:span 3;aspect-ratio:1/1.08}}
@media (max-width:480px){.gal{grid-template-columns:1fr}.gal .gal-i,.gal-n1 .gal-i,.gal-n2 .gal-i,.gal-n4 .gal-i,.gal-n3 .gal-i:last-child,.gal-n5 .gal-i:last-child,.gal-n5 .gal-i:nth-child(-n+2){grid-column:auto;aspect-ratio:4/3.4}}
.lb{position:fixed;inset:0;z-index:300;background:rgba(18,18,18,.94);display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,56px)}
.lb[hidden]{display:none}
.lb figure{margin:0;max-width:min(92vw,1100px);display:grid;gap:14px;justify-items:center}
.lb img{max-width:100%;max-height:76vh;width:auto;object-fit:contain;background:var(--mist);padding:clamp(12px,3vw,40px)}
.lb figcaption{color:#fff;font-size:.95rem;text-align:center;max-width:36em}
.lb button{position:absolute;width:52px;height:52px;display:grid;place-items:center;background:#fff;color:var(--ink);border:0;cursor:pointer}
.lb button:hover{background:var(--red);color:#fff}
.lb-x{top:18px;right:18px}.lb-p{left:18px;top:50%;margin-top:-26px}.lb-n{right:18px;top:50%;margin-top:-26px}
@media (max-width:640px){.lb-p,.lb-n{top:auto;bottom:18px;margin:0}.lb-p{left:18px}.lb-n{right:18px}}

.pp-faq{background:var(--mist)}
.pp-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,90px);align-items:start}
.pp-faq h2{margin:0;font-size:clamp(2.2rem,4vw,3.8rem)}
.faq details{border-top:1.5px solid var(--ink)}
.faq details:last-child{border-bottom:1.5px solid var(--ink)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;font-weight:600;font-size:1.12rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary .i{transition:transform .3s var(--ease)}
.faq details[open] summary .i{transform:rotate(45deg);color:var(--red)}
.faq p{margin:0 0 24px;color:var(--g-2);max-width:36em}
@media (max-width:860px){.pp-faq-grid{grid-template-columns:1fr}}
.pp-cta{position:relative;background:var(--red);color:#fff;padding:clamp(72px,9vw,130px) 0 clamp(60px,8vw,110px);margin-top:20px}
.pp-cta h2{font-size:clamp(2.6rem,6vw,5.6rem);max-width:12em}
.pp-cta p{font:italic 400 clamp(1.1rem,1.6vw,1.4rem)/1.5 var(--f-s);max-width:30em;margin:0;color:rgba(255,255,255,.94)}
.pp-cta-in{position:relative}
.pp-rel h2{margin-bottom:.6em}
.rel-grid .tile{aspect-ratio:1/.95}

/* ======================= ORÇAMENTO ======================= */
.orc{background:#fff}
.orc-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(28px,5vw,80px);align-items:start}
.st{border:0;margin:0 0 clamp(36px,4vw,56px);padding:0;min-width:0}
.st legend{display:flex;align-items:center;gap:14px;font:800 clamp(1.7rem,2.6vw,2.2rem)/1 var(--f-d);text-transform:uppercase;padding:0 0 18px;margin-bottom:4px;width:100%;border-bottom:1.5px solid var(--ink)}
.st legend+*{margin-top:20px}
.st-n{display:grid;place-items:center;width:38px;height:38px;background:var(--red);color:#fff;font:800 1.3rem var(--f-d)}
.opt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.opt-card{position:relative;cursor:pointer;display:block}
.opt-card input,.opt-pill input{position:absolute;opacity:0;pointer-events:none}
.opt-in{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:12px;height:100%;padding:10px 14px 10px 10px;border:1.5px solid var(--g-3);background:#fff;transition:border-color .2s,background .2s}
.opt-in img{width:62px;height:62px;object-fit:contain;background:var(--mist);padding:6px}
.opt-in b{font:800 1.2rem/1.05 var(--f-d);text-transform:uppercase}
.opt-card:hover .opt-in{border-color:var(--ink)}
.opt-card input:checked+.opt-in{border-color:var(--red);background:#FBF1F0;box-shadow:inset 0 0 0 1.5px var(--red)}
.opt-card input:focus-visible+.opt-in,.opt-pill input:focus-visible+span{outline:3px solid #E7A5A0;outline-offset:2px}
.opt-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.opt-pill{cursor:pointer}
.opt-pill span{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 18px;border:1.5px solid var(--g-3);background:#fff;font-weight:600;font-size:.96rem;transition:background .2s,color .2s,border-color .2s}
.opt-pill:hover span{border-color:var(--ink)}
.opt-pill input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.dot{display:block;width:14px;height:14px;border:1.5px solid rgba(0,0,0,.35)}.dot-kraft{background:var(--kraft)}.dot-branca{background:#F4F1EB}
.orc-s{position:sticky;top:calc(var(--hd) + 24px)}
.orc-card{background:var(--mist);padding:26px}
.orc-pic{background:var(--red);display:grid;place-items:center;aspect-ratio:16/10;padding:16px;margin:-26px -26px 22px}
.orc-pic img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(60,8,10,.5))}
.orc-card h2{font-size:2rem;margin-bottom:12px}
.orc-sum{margin:0 0 20px}
.orc-sum div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.orc-sum dt{font-size:.86rem;color:var(--g-2)}
.orc-sum dd{margin:0;font-weight:600;font-size:.95rem;overflow-wrap:anywhere}
.orc-sum dd.empty{color:var(--g);font-weight:400}
.orc-n{margin:14px 0 0;font-size:.82rem;color:var(--g-2)}
.btn.is-off{opacity:.55}
@media (max-width:1000px){.orc-grid{grid-template-columns:1fr}.orc-s{position:static;order:-1}.orc-pic{display:none}.orc-card{padding:20px}}
@media (max-width:640px){.opt-grid{grid-template-columns:1fr 1fr}.opt-in{grid-template-columns:1fr;justify-items:start}}

/* ======================= EMPRESA ======================= */
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);align-items:center}
.about-t p{color:var(--g-2);font-size:1.12rem;max-width:30em}
.about-f{margin:0}
.about-ph{position:relative}
.about-ph img{width:100%;aspect-ratio:4/3;object-fit:cover}
.about-f figcaption{margin-top:18px;font:500 .78rem var(--f-m);color:var(--g-2)}
@media (max-width:860px){.about-grid{grid-template-columns:1fr}}
.nums{background:var(--red);color:#fff;padding-block:clamp(48px,6vw,84px)}
.nums-in{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,48px)}
.nums-in li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;border-top:1.5px solid rgba(255,255,255,.5);padding-top:16px}
.nums-in b{font:900 clamp(4rem,9vw,8rem)/.85 var(--f-d)}
.nums-in sup{font:900 clamp(2rem,4vw,3.4rem)/1 var(--f-d)}
.nums-in span{flex-basis:100%;margin-top:6px;color:rgba(255,255,255,.9)}
@media (max-width:640px){.nums-in{grid-template-columns:1fr}.nums-in li{align-items:center}}
.tech-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,90px);align-items:start}
.tech h2{margin:0}
.tech-t p{color:var(--g-2);font-size:1.12rem;max-width:32em}
@media (max-width:860px){.tech-grid{grid-template-columns:1fr}}
.mvv{background:var(--ink);color:#fff}
.mvv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:36px}
.mvv-c{padding:clamp(24px,3vw,40px);background:var(--ink-3)}
.mvv-m{background:var(--red)}
.mvv-c h3{font-size:2.6rem;margin-bottom:16px}
.mvv-c p{margin:0;color:rgba(255,255,255,.9);font-size:1.05rem}
.mvv-c ul{list-style:none;display:grid;gap:12px}
.mvv-c li{display:grid;gap:1px;color:rgba(255,255,255,.8);font-size:.95rem;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}
.mvv-c li b{font:800 1.3rem/1 var(--f-d);text-transform:uppercase;color:#fff}
@media (max-width:900px){.mvv-grid{grid-template-columns:1fr}}
.why-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(20px,3vw,48px);margin-top:36px}
.why-grid li{padding:26px 0 30px;border-top:1.5px solid var(--ink)}
.why-grid .i{width:34px;height:34px;color:var(--red);margin-bottom:14px}
.why-grid h3{font-size:1.7rem;margin-bottom:8px}
.why-grid p{margin:0;color:var(--g-2)}
@media (max-width:860px){.why-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.why-grid{grid-template-columns:1fr}}

/* ======================= SUSTENTABILIDADE ======================= */
.phil-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);align-items:center}
.phil-grid p{color:var(--g-2);font-size:1.12rem;max-width:30em}
.phil-f{margin:0}
.phil-ph img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media (max-width:860px){.phil-grid{grid-template-columns:1fr}}
.pillars{background:var(--mist)}
.pil-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin-top:36px}
.pil-grid li{padding-top:22px;border-top:1.5px solid var(--ink)}
.pil-grid .i{width:38px;height:38px;color:var(--red);margin-bottom:16px}
.pil-grid h3{font-size:1.9rem;margin-bottom:10px}
.pil-grid p{color:var(--g-2);margin:0}
@media (max-width:860px){.pil-grid{grid-template-columns:1fr}}
.seals-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,90px);align-items:center}
.seals h2{font-size:clamp(2.2rem,4.4vw,4rem)}
.seals p{color:var(--g-2);max-width:32em}
.seals-row{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.seals-row li{aspect-ratio:1/1;background:var(--mist);display:grid;place-items:center;padding:12px}
.seals-row img{max-width:100%;max-height:100%;width:auto;object-fit:contain}
@media (max-width:860px){.seals-grid{grid-template-columns:1fr}}
.cycle{background:var(--ink);color:#fff}
.cycle-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,6vw,100px);align-items:center}
.cycle-ill svg{width:100%;max-width:520px;margin-inline:auto;overflow:visible}
.cycle .ring{stroke:rgba(255,255,255,.45);stroke-width:1.5;stroke-dasharray:6 8;animation:cyc 5s linear infinite}
@keyframes cyc{to{stroke-dashoffset:-56}}
.cycle .arr{stroke:var(--red-2);stroke-width:3;stroke-linecap:square;stroke-linejoin:miter}
.cycle .nd{fill:var(--red)}
.cycle .lab text{font:800 24px var(--f-d);fill:#fff;text-transform:uppercase;letter-spacing:.04em}
.cycle .mid-n{font:900 54px var(--f-d);fill:#fff}
.cycle .mid-t{font:italic 400 18px var(--f-s);fill:rgba(255,255,255,.75)}
.cycle p{color:rgba(255,255,255,.86);font-size:1.1rem;max-width:32em}
@media (max-width:860px){.cycle-grid{grid-template-columns:1fr}.cycle-ill{max-width:420px}}

/* ======================= CONTATO / BLOG / 404 ======================= */
.ct{padding-bottom:0}
.ct-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,110px);padding-bottom:clamp(56px,7vw,100px)}
.ct-b{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:900px){.ct-grid{grid-template-columns:1fr}}
.post-h .post-date{margin:0;font:500 .85rem var(--f-m);color:rgba(255,255,255,.75)}
.post-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,6vw,100px);align-items:start}
.post-t{font-size:1.18rem;line-height:1.7}
.post-t p{max-width:34em}
.post-ul{margin:0 0 1.2em;padding-left:1.1em;max-width:34em;display:grid;gap:10px}
.post-ul li::marker{color:var(--red)}
.post-f{margin:0;position:sticky;top:calc(var(--hd) + 40px);background:var(--mist-2)}
.post-f.cut{background:var(--red);display:grid;place-items:center;padding:12%}
.post-f.cut img{filter:drop-shadow(0 22px 18px rgba(60,8,10,.5))}
.post-f:not(.cut) img{width:100%}
@media (max-width:860px){.post-grid{grid-template-columns:1fr}.post-f{position:static;order:-1}}
.e404-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center}
.e404-n{font:900 clamp(7rem,24vw,22rem)/.8 var(--f-d);margin:0;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.85)}
@media (max-width:760px){.e404-in{grid-template-columns:1fr}}

/* ======================= MOVIMENTO REDUZIDO ======================= */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .marq-in{animation:none}
  .js .hero-h .ln>span,.js .hero-lede,.js .hero .cta,.js .hero-facts,.js .hs img,.js .tag,.js .hero-net .fold{opacity:1;transform:none}
  .js .hs img{transform:rotate(var(--r,0deg))}
  .js .hero-net .cut path{stroke-dashoffset:0}
}

/* sem JavaScript: a caixa fica pronta e fechada, sem rolagem fixa */
html:not(.js) .fold-track{height:auto}
html:not(.js) .fold-stick{position:relative;height:auto;min-height:100svh}
html:not(.js) .mani .w{opacity:1}