/* MINTY — tema oficial (manual Studio Hangar 16) com direção Apple / TAG / Razer */
:root{
--graf:#1E1E1E;--deep:#121212;--c3:#333333;--c6:#666666;--c9:#999999;--cc:#CCCCCC;--f2:#F2F2F2;--white:#FFFFFF;
--gold-brand:#A87B04;--gold:#EEB810;--gold-btn:#D69E04;--gold-ink:#856203;--bronze:#664301;--shine:#FFC533;
--sand:#DED6B8;--caramel:#B39F77;--navy:#112034;--navy2:#1F3A5F;
--bg:var(--graf);--s1:var(--deep);--line:#3a3a3a;--ink:var(--white);--mute:var(--c9);--ok:#8fbf86;--err:#e39582;
--foil:linear-gradient(100deg,var(--bronze),var(--gold-btn) 40%,var(--shine) 55%,var(--gold-btn) 70%,var(--bronze));
--sans:'Plus Jakarta Sans','Lufga',Arial,sans-serif;--serif:'Fraunces','Storica',Georgia,serif;--tech:'Jost','Futura',Arial,sans-serif;--disp:var(--sans);
--w:1200px;--r:18px;--R:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:12px;background:var(--gold-btn);color:var(--graf);padding:8px 14px;z-index:99;border-radius:99px}
h1,h2,h3{font-family:var(--sans);font-weight:700;line-height:1.08;margin:0 0 .45em;letter-spacing:-.03em}
h1{font-size:clamp(44px,6.6vw,84px)}h2{font-size:clamp(32px,4vw,52px)}h3{font-size:21px;letter-spacing:-.015em;line-height:1.25}
p{margin:0 0 1em;color:var(--cc);max-width:64ch}.lead{font-size:clamp(19px,2vw,23px);color:#e8e8e8;font-weight:500;line-height:1.45}.mute{color:var(--mute)}
.serif{font-family:var(--serif);font-weight:500;font-style:italic;letter-spacing:-.01em}
.tag{display:block;font:600 15px var(--sans);color:var(--gold);margin-bottom:10px;letter-spacing:0}
.sec{padding:120px 0}.sec.s1{background:var(--deep)}
.sec+.sec{border-top:1px solid #2a2a2a}
.sec-h{max-width:760px;margin-bottom:48px}.center .sec-h,.sec-h.c{margin-left:auto;margin-right:auto;text-align:center}.center .sec-h .lead{margin-left:auto;margin-right:auto}
/* seções claras (ritmo Apple) */
.light,.sand{color:var(--graf)}.light{background:var(--f2)}.sand{background:var(--sand)}
.light p,.sand p{color:#3d3d3d}.light .lead,.sand .lead{color:#2a2a2a}.light .mute,.sand .mute{color:#5c5c5c}
.light .tag,.sand .tag{color:var(--gold-ink)}.light a.go,.sand a.go{color:var(--gold-ink)}
.light .card,.sand .card{background:var(--white);border-color:#e3e3e3}.light .card p,.sand .card p{color:#4a4a4a}
.light .btn.o,.sand .btn.o{color:var(--gold-ink);border-color:var(--gold-ink)}.light .btn.o:hover,.sand .btn.o:hover{background:rgba(133,98,3,.08)}
.navy{background:var(--navy)}.navy .card{background:var(--navy2);border-color:#2c4c78}
/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(18,18,18,.82);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.hd .wrap{display:flex;align-items:center;gap:28px;height:60px}
.logo{font:800 19px var(--sans);letter-spacing:.16em;text-decoration:none;color:var(--ink)}.logo i{color:var(--gold);font-style:normal}
.nav{display:flex;gap:24px;margin-left:12px;flex:1}.nav a{font:500 14px var(--sans);text-decoration:none;color:#d4d4d4;padding:6px 0}
.nav a:hover,.nav a[aria-current]{color:var(--white)}.nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--gold)}
.hd-r{display:flex;align-items:center;gap:16px}
.cart{position:relative;font:500 14px var(--sans);text-decoration:none;color:#d4d4d4}.cart:hover{color:#fff}.cart b{background:var(--gold-btn);color:var(--graf);border-radius:99px;font-size:11px;padding:1px 7px;margin-left:5px}.cart b:empty,.cart b[data-n="0"]{display:none}
.burger{display:none;background:none;border:1px solid var(--c3);color:var(--ink);border-radius:99px;padding:7px 14px;font:600 14px var(--sans)}
/* botões em pílula */
.btn{display:inline-block;background:var(--gold-btn);color:var(--graf);font:600 16px var(--sans);padding:12px 24px;border-radius:99px;border:1px solid var(--gold-btn);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--gold);border-color:var(--gold)}.btn.o{background:transparent;color:var(--gold);border-color:var(--gold)}.btn.o:hover{background:rgba(238,184,16,.1)}.btn.sm{padding:8px 16px;font-size:14px}.btn[disabled]{opacity:.45;cursor:not-allowed}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
a.go{font:600 16px var(--sans);color:var(--gold);text-decoration:none}a.go:hover{text-decoration:underline}
/* etiqueta slab (assinatura) */
.slab{display:grid;grid-template-columns:repeat(var(--n,4),1fr);border:1px solid var(--gold-brand);border-radius:14px;background:linear-gradient(180deg,#221d10,#171510);overflow:hidden;text-align:left}
.slab>div{padding:14px 18px;border-left:1px solid #4a3d16}.slab>div:first-child{border-left:0}
.slab small{display:block;font:500 12px var(--tech);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}.slab span{font:600 15px var(--sans)}
.case{border:1px solid var(--c3);border-radius:26px;padding:14px;background:linear-gradient(160deg,#2a2a2a,#151515)}
.case .lab{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--gold-brand);border-radius:10px;padding:8px 12px;margin-bottom:12px;font:500 12px var(--tech);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:#1d180b}
.case .win{border-radius:14px;aspect-ratio:5/7;background:radial-gradient(120% 80% at 30% 10%,#3d3214,#151515 70%);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.case .win:after,.foil-sweep:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,214,110,.28) 50%,transparent 65%);transform:translateX(-120%);animation:sweep 2.4s .6s ease-out 1 forwards;pointer-events:none}
@keyframes sweep{to{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.case .win:after,.foil-sweep:after{animation:none}html{scroll-behavior:auto}}
/* hero central (Apple) */
.hero{padding:96px 0 40px;text-align:center}.hero h1 span{display:block}.hero .lead{margin:0 auto 28px;max-width:640px}.hero .row{justify-content:center}
.hero .case{width:min(340px,80%);margin:56px auto 0}.hero .slab{max-width:920px;margin:56px auto 0}
.pghero{padding:104px 0 72px;text-align:center}.pghero h1{font-size:clamp(42px,6vw,76px);max-width:960px;margin-left:auto;margin-right:auto}.pghero .lead{margin:0 auto;max-width:680px}.pghero .row{justify-content:center}.pghero .slab{max-width:920px;margin-left:auto;margin-right:auto}
.pghero .legal,.pghero .left{text-align:left}.pghero .legal h1,.pghero .legal .lead{margin-left:0}
/* blocos de porta (tiles Apple) */
.tiles{display:grid;gap:12px;padding:12px}
.tile{border-radius:var(--R);padding:72px 24px 0;text-align:center;overflow:hidden;position:relative;min-height:560px;display:flex;flex-direction:column;align-items:center}
.tile h2{font-size:clamp(36px,4.6vw,56px);margin-bottom:.2em}.tile .lead{margin:0 auto 22px;max-width:560px}.tile .row{justify-content:center}
.tile .vis{margin-top:auto;padding-top:40px;width:min(420px,80%);color:var(--gold)}.tile .vis svg{width:100%;height:auto;max-height:300px}
.tile.dark{background:var(--deep)}.tile.black{background:#0b0b0b}.tile.light{background:var(--f2)}.tile.sand{background:var(--sand)}.tile.navy{background:var(--navy)}
.tile.light .vis,.tile.sand .vis{color:var(--gold-ink)}
.tiles.two{grid-template-columns:1fr 1fr}
/* números de especificação */
.specs{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:32px;text-align:center}
.specs b{display:block;font:700 clamp(40px,4.6vw,60px)/1 var(--sans);letter-spacing:-.03em;color:var(--gold)}
.specs span{display:block;margin-top:10px;font-size:15px;color:var(--mute)}
.light .specs b,.sand .specs b{color:var(--gold-ink)}
.foil{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent!important}
/* cartões técnicos (TAG) */
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--c3);border:1px solid #3d3d3d;border-radius:var(--r);padding:30px}
.s1 .card,.sec .card{background:#262626}.s1 .card{background:#1f1f1f}
.card h3{margin-bottom:.45em}.card p:last-child{margin-bottom:0}
.tech{text-align:center;padding:36px 28px}.tech .ico{margin:0 auto 18px}.tech h3{font:600 13px var(--tech);letter-spacing:.14em;text-transform:uppercase;color:var(--white)}.light .tech h3,.sand .tech h3{color:var(--graf)}
.ico{width:52px;height:52px;border:1px solid var(--gold-brand);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:16px}
.light .ico,.sand .ico{color:var(--gold-ink);border-color:var(--gold-ink)}
.door{display:flex;flex-direction:column;text-decoration:none;padding:14px;border-radius:var(--r);background:#262626;border:1px solid #3d3d3d;transition:border-color .2s}
.door:hover{border-color:var(--gold)}
.door .lab{border:1px solid var(--gold-brand);border-radius:10px;padding:7px 12px;font:500 12px var(--tech);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:#1d180b;display:flex;justify-content:space-between}
.door .in{padding:20px 8px 8px;flex:1;display:flex;flex-direction:column}.door h3{font-size:26px}.door p{font-size:15px;color:var(--mute)}.door .go{margin-top:auto;font:600 15px var(--sans);color:var(--gold)}
/* comparativo (TAG vs manual) */
.cmp{max-width:820px;margin:0 auto;display:grid;gap:10px}
.cmp .h,.cmp .r{display:grid;grid-template-columns:1fr 130px 130px;align-items:center;gap:8px}
.cmp .h{font:500 12px var(--tech);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding:0 22px}.cmp .h span{text-align:center}.cmp .h span:nth-child(2){color:var(--gold)}
.cmp .r{background:#262626;border:1px solid #3d3d3d;border-radius:14px;padding:16px 22px;font-weight:500}
.cmp .r i{font-style:normal;text-align:center;font-size:18px}.cmp .y{color:var(--gold)}.cmp .n{color:#777}
.light .cmp .r{background:#fff;border-color:#e3e3e3}.light .cmp .y{color:var(--gold-ink)}
/* carrossel */
.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
.carousel>*{scroll-snap-align:start}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.steps>div{border-top:2px solid var(--gold-brand);padding-top:18px;counter-increment:s}.steps>div:before{content:counter(s);font:600 14px var(--tech);color:var(--gold);display:block;margin-bottom:8px}
.price{font:700 40px var(--sans);letter-spacing:-.03em;color:var(--gold);line-height:1}.price small{display:block;font:500 14px var(--sans);letter-spacing:0;color:var(--mute);margin-top:8px}
.ph{background:repeating-linear-gradient(45deg,#232323,#232323 10px,#272727 10px,#272727 20px);border:1px dashed #555;border-radius:14px;color:#888;font-size:13px;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px}
/* produtos */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.chips button{background:none;border:1px solid #6e6345;color:inherit;border-radius:99px;padding:9px 18px;font:500 14px var(--sans);cursor:pointer}.chips button[aria-pressed=true]{background:var(--graf);color:#fff;border-color:var(--graf)}
.prod{display:flex;flex-direction:column;text-decoration:none;background:#fff;color:var(--graf);border:1px solid #e3e3e3;border-radius:var(--r);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.prod:hover{border-color:var(--gold-ink);box-shadow:0 0 0 1px var(--gold-ink)}
.prod .im{aspect-ratio:1;background:radial-gradient(100% 80% at 50% 0,#f7f3e6,#ebe5cf);display:flex;align-items:center;justify-content:center}.prod .im svg{width:52%;color:var(--gold-ink)}
.prod .bd{padding:20px}.prod h3{font-size:18px;margin:0 0 4px;color:var(--graf)}.prod .sku{font:500 12px var(--tech);letter-spacing:.1em;color:var(--gold-ink)}.prod p{font-size:14px;color:#555;margin:6px 0 0}
.badge{display:inline-block;font:600 12px var(--sans);border:1px solid var(--gold-ink);color:var(--gold-ink);border-radius:99px;padding:4px 11px}
.sec:not(.light):not(.sand) .badge{border-color:var(--gold);color:var(--gold)}
.sec:not(.light):not(.sand) .prod .badge{border-color:var(--gold-ink);color:var(--gold-ink)}
table.spec{width:100%;border-collapse:collapse;font-size:16px}table.spec th,table.spec td{text-align:left;padding:13px 0;border-bottom:1px solid var(--line);vertical-align:top}table.spec th{color:var(--mute);font-weight:500;width:38%;padding-right:16px}
.qty{display:inline-flex;border:1px solid var(--c6);border-radius:99px;overflow:hidden}.qty button{background:#2a2a2a;border:0;color:var(--ink);width:40px;font-size:18px;cursor:pointer}.qty input{width:52px;text-align:center;background:var(--bg);border:0;color:var(--ink);font:600 15px var(--sans)}
.banner{border:1px solid var(--gold-brand);background:#211c0e;border-radius:14px;padding:14px 18px;font-size:15px;color:#ecdfb4}.banner a{color:var(--gold)}
.sand .banner{background:#efe8cf;border-color:var(--caramel);color:#3d3420}.sand .banner a{color:var(--gold-ink)}
/* formulários */
.form{display:grid;gap:16px}.f2{grid-template-columns:1fr 1fr}.fld label,.lbl{display:block;font:600 14px var(--sans);color:#ddd;margin-bottom:6px}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],select,textarea{width:100%;background:#161616;border:1px solid #444;border-radius:12px;color:var(--ink);padding:13px 15px;font:400 16px var(--sans)}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none}
textarea{min-height:110px;resize:vertical}input::placeholder,textarea::placeholder{color:#777}
.opts{display:flex;gap:10px;flex-wrap:wrap}.opts label{display:flex;align-items:center;gap:8px;border:1px solid #444;border-radius:99px;padding:9px 16px;font-size:14px;cursor:pointer;color:#ddd}.opts input{accent-color:var(--gold-btn)}
.chk{display:flex;gap:10px;font-size:14px;color:var(--mute);align-items:flex-start}.chk input{accent-color:var(--gold-btn);margin-top:4px}
.msg{padding:14px 18px;border-radius:14px;font-size:15px;display:none}.msg.ok{display:block;background:#18231a;border:1px solid #38553a;color:var(--ok)}.msg.err{display:block;background:#2a1a17;border:1px solid #6a3a30;color:var(--err)}
.hp{position:absolute;left:-9999px}
/* pedido de Services */
.resgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:14px}
.res{background:#1a1a1a;border:1px solid #3d3d3d;border-radius:14px;padding:8px;color:var(--ink);cursor:pointer;text-align:left}.res:hover{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.res img{border-radius:8px;width:100%;aspect-ratio:5/7;object-fit:cover;background:#222}.res .rn{font-size:12px;margin:6px 0 0;line-height:1.3;color:var(--ink)}.res .ri{font-size:11px;color:var(--mute);margin:0}
.item{display:grid;grid-template-columns:90px 1fr;gap:16px;background:#1f1f1f;border:1px solid #3d3d3d;border-radius:18px;padding:16px;margin-bottom:12px}.item>img,.item>.noimg{width:90px;aspect-ratio:5/7;border-radius:8px;object-fit:cover;background:#222}
.item .top{display:flex;justify-content:space-between;gap:10px}.item .nm{font-weight:600;margin:0}.item .sub{font-size:12px;color:var(--mute);margin:0}.rm{background:none;border:0;color:var(--mute);font-size:22px;cursor:pointer}
.item .cfg{display:grid;gap:12px;margin-top:12px}.svc{display:flex;gap:8px;flex-wrap:wrap}.svc label{border:1px solid #444;border-radius:99px;padding:6px 12px;font-size:13px;cursor:pointer;display:flex;gap:6px}.svc input{accent-color:var(--gold-btn)}
.sum{position:sticky;top:84px}.sum .row{justify-content:space-between}
/* FAQ */
details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font:600 18px var(--sans);list-style:none;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--gold);font-size:24px;line-height:1}details[open] summary:after{content:"−"}details p{margin:12px 0 0}
.faqnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.faqnav a{border:1px solid #555;border-radius:99px;padding:9px 18px;font:500 14px var(--sans);text-decoration:none;color:#ddd}.faqnav a:hover{border-color:var(--gold);color:var(--gold)}.faqnav a[aria-current]{background:var(--gold-btn);border-color:var(--gold-btn);color:var(--graf)}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.mono{aspect-ratio:1;border-radius:var(--r);background:linear-gradient(160deg,#2c2513,#161616);border:1px solid #3d3d3d;display:flex;align-items:center;justify-content:center;font:700 52px var(--sans);color:var(--gold);margin-bottom:12px}.team b{display:block}.team span{font-size:14px;color:var(--mute)}
.legal{max-width:760px}.legal h2{font-size:28px;margin-top:2em}.legal p,.legal li{color:var(--cc)}.legal ul{padding-left:20px}
.toc{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.toc a{border:1px solid #555;border-radius:99px;padding:8px 15px;font:500 14px var(--sans);text-decoration:none;color:#ddd}.toc a[aria-current]{border-color:var(--gold);color:var(--gold)}
/* aviso, whatsapp, rodapé */
.ann{background:#211c0e;border-bottom:1px solid #4a3d16;color:#ecdfb4;font-size:14px;padding:9px 44px;text-align:center;position:relative}.ann a{color:var(--gold);font-weight:600;margin-left:6px}.ann button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:#ecdfb4;font-size:20px;cursor:pointer}
.wafab{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.45)}.wafab:hover{filter:brightness(1.08)}
.ft{background:var(--deep);border-top:1px solid #2a2a2a;padding:72px 0 32px}.ft .g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.ft h4{font:600 14px var(--sans);color:var(--white);margin:0 0 14px}.ft ul{list-style:none;padding:0;margin:0}.ft li{margin-bottom:9px}.ft a{text-decoration:none;color:var(--c9);font-size:14px}.ft a:hover{color:var(--gold)}
.ft .nl{margin-bottom:8px;padding-top:32px;border-top:1px solid #2a2a2a;margin-top:40px}
.ft .fine{margin-top:44px;padding-top:24px;border-top:1px solid #2a2a2a;font-size:12px;color:#7d7d7d;line-height:1.7}.ft .fine p{font-size:12px;color:#7d7d7d;max-width:none}
@media(max-width:980px){.g3,.g4,.team,.steps{grid-template-columns:repeat(2,1fr)}.specs{grid-template-columns:repeat(2,1fr)}.ft .g{grid-template-columns:1fr 1fr}.slab{grid-template-columns:1fr 1fr}.slab>div{border-top:1px solid #4a3d16}.sum{position:static}.tiles.two{grid-template-columns:1fr}}
@media(max-width:720px){.burger{display:block;margin-left:auto}.nav{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;background:var(--deep);padding:12px 24px 20px;border-bottom:1px solid #2a2a2a;gap:2px}.nav.open{display:flex}.nav a{padding:12px 0;font-size:17px}.hd-r{display:none}.nav .mob{display:block}
.g2,.g3,.g4,.team,.steps,.f2{grid-template-columns:1fr}.sec{padding:72px 0}.hero{padding-top:64px}.pghero{padding:72px 0 48px}.tile{padding-top:56px;min-height:480px}.tiles{padding:8px;gap:8px}.ft .g{grid-template-columns:1fr}.item{grid-template-columns:70px 1fr}.item>img,.item>.noimg{width:70px}.cmp .h,.cmp .r{grid-template-columns:1fr 70px 70px}.specs{gap:24px}}
@media(min-width:721px){.nav .mob{display:none}}

/* ===== Ecossistema (port do Animated Beam) ===== */
.eco{position:relative;max-width:820px;margin:0 auto;border:1px solid var(--line);border-radius:var(--R);background:radial-gradient(70% 60% at 50% 50%,#2b2412,#151515 78%);padding:40px 24px;overflow:hidden;text-align:center}
.eco-svg{position:absolute;inset:0;pointer-events:none;z-index:0}
.eco-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;gap:34px 14px;align-items:center}
.eco .r1{grid-row:1}.eco .r2{grid-row:2}.eco .r3{grid-row:3}.eco .c1{grid-column:1;justify-self:start}.eco .c2{grid-column:2}.eco .c3{grid-column:3;justify-self:end}
.eco-n{display:flex;flex-direction:column;align-items:center;gap:4px;width:min(168px,100%);padding:14px 12px;border:1px solid var(--gold-brand);border-radius:18px;background:#1c1a14;color:var(--ink);text-decoration:none;transition:transform .25s,border-color .25s,background .25s}
.eco-n:hover,.eco-n:focus-visible{transform:translateY(-3px);border-color:var(--gold);background:#24200f}
.eco-n .ico{width:44px;height:44px;margin:0 0 6px;border-radius:12px}
.eco-n b{font:700 16px var(--sans)}.eco-n small{font:400 12.5px/1.35 var(--sans);color:var(--cc)}
.eco-hub{width:104px;height:104px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--deep);border:1px solid var(--gold);color:var(--gold);font:800 15px var(--sans);letter-spacing:.16em;box-shadow:0 0 0 10px rgba(238,184,16,.06),0 0 40px rgba(238,184,16,.18)}
.eco .beam{stroke-dasharray:45 155;stroke-dashoffset:200;animation:beam 3s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes beam{to{stroke-dashoffset:0}}
@media(max-width:560px){.eco{padding:28px 12px}.eco-grid{gap:22px 6px}.eco-n{width:100%;padding:12px 8px}.eco-n small{display:none}.eco-hub{width:76px;height:76px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.eco .beam{display:none}.eco-n{transition:none}}

/* ===== Categorias (port do Commerce Hero) ===== */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}
.cat{position:relative;display:block;min-height:300px;border-radius:24px;background:rgba(255,255,255,.5);padding:22px;color:var(--graf);text-decoration:none;overflow:hidden;transition:background .3s,transform .3s}
.cat:hover,.cat:focus-visible{background:rgba(255,255,255,.8);transform:translateY(-3px)}
.cat h3{margin:0;text-align:center;font:700 clamp(22px,2.4vw,30px) var(--sans);color:var(--gold-ink)}
.cat .n{display:block;text-align:center;font:500 13px var(--tech);letter-spacing:.08em;text-transform:uppercase;color:#4a4a4a;margin-top:2px}
.cat .g{position:absolute;inset:60px 0 0;display:flex;align-items:center;justify-content:center;color:var(--gold-ink)}
.cat .g svg{width:42%;max-width:120px;height:auto;max-height:150px;transition:transform .4s}.cat:hover .g svg{transform:scale(1.08)}
.cat .go{position:absolute;right:0;bottom:0;width:76px;height:76px;background:var(--sand);border-top-left-radius:22px}
.cat .go i{position:absolute;right:10px;bottom:10px;width:48px;height:48px;border-radius:50%;background:var(--graf);color:var(--gold);display:flex;align-items:center;justify-content:center;font-style:normal;transition:background .3s,color .3s,transform .3s}
.cat:hover .go i,.cat:focus-visible .go i{background:var(--gold-btn);color:var(--graf);transform:scale(1.08)}
@media(max-width:980px){.cats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.cat{min-height:240px;padding:16px}.cat .go{width:64px;height:64px}.cat .go i{width:40px;height:40px;right:8px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.cat,.cat .g svg,.cat .go i{transition:none}}