/* Global Music - estilo do site (palco) */
/* fontes hospedadas no proprio site (Anton e Archivo, licenca SIL OFL) - carregam junto com a pagina */
@font-face{font-family:"Anton";src:url("/fontes/anton-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("/fontes/archivo-latin.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
:root{--sec:clamp(56px,7vw,88px);--lime:#c4f135;--lime2:#a9d61c;--preto:#0b0d0a;--preto2:#14170f;--card:#f4f5f0;--tx:#f3f5ee;--tx2:#b9c0ad;--line:rgba(255,255,255,.12);--w:1240px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--preto);color:var(--tx);font:400 16px/1.5 "Archivo",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.w{max-width:var(--w);margin:0 auto;padding:0 24px;width:100%}
.pular{position:absolute;left:-999px;top:0;background:var(--lime);color:#000;padding:10px 14px;z-index:99}.pular:focus{left:8px}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}

/* faixa e topo */
.faixa{background:var(--lime);color:#0b0d0a;text-align:center;font:800 11px/1 "Archivo",system-ui,sans-serif;letter-spacing:.32em;padding:7px 10px;text-transform:uppercase}
.topo{position:sticky;top:0;z-index:50;background:rgba(11,13,10,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topo .l1{display:flex;align-items:center;gap:28px;height:76px}
.logo img{width:260px}
.busca{flex:1;max-width:420px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.22);border-radius:30px;padding:0 6px 0 16px;height:42px;background:rgba(255,255,255,.04)}
.busca input{flex:1;background:none;border:0;color:var(--tx);font:500 14px "Archivo",system-ui,sans-serif;outline:none;min-width:0}.busca input::placeholder{color:#8f977f}
.busca button{background:none;border:0;color:var(--tx);cursor:pointer;width:32px;height:32px;display:grid;place-items:center}
.contato{margin-left:auto;display:flex;align-items:center;gap:18px}
.zap-tel{display:flex;align-items:center;gap:9px;font:700 17px "Archivo",system-ui,sans-serif}
.zap-tel svg{color:#25d366}
.ig-ico{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.2s}.ig-ico:hover{border-color:var(--lime);color:var(--lime)}
.menu{display:flex;justify-content:center;gap:0;border-top:1px solid var(--line)}
.menu>*{position:relative}
.menu>*+*::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--line)}
.menu summary,.menu>a{display:flex;align-items:center;gap:8px;padding:13px 34px;font:500 14px "Archivo",system-ui,sans-serif;cursor:pointer;list-style:none;transition:color .2s}
.menu summary::-webkit-details-marker{display:none}
.menu summary:hover,.menu>a:hover,.menu details[open] summary{color:var(--lime)}
.menu summary svg{transition:transform .2s}.menu details[open] summary svg{transform:rotate(180deg)}
.dd{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:260px;background:#11140d;border:1px solid var(--line);border-top:2px solid var(--lime);padding:10px;display:grid;gap:2px;box-shadow:0 24px 50px rgba(0,0,0,.5)}
.dd a{padding:10px 12px;border-radius:6px;font-size:14px;color:var(--tx2)}.dd a:hover{background:rgba(196,241,53,.08);color:var(--lime)}
.hamb{display:none}

/* hero */
.hero{position:relative;min-height:min(80vh,660px);padding:48px 0 64px;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.hero picture,.hero .bg{position:absolute;inset:0;z-index:-2}
.hero .bg img{width:100%;height:100%;object-fit:cover;object-position:65% 40%;transform:scale(1.06);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.hero.on .bg img{transform:scale(1)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,13,10,.96) 0%,rgba(11,13,10,.82) 32%,rgba(11,13,10,.1) 62%),linear-gradient(0deg,rgba(11,13,10,.5),transparent 30%)}
.hero h1{font:400 clamp(72px,10.5vw,148px)/.86 "Anton",sans-serif;text-transform:uppercase;letter-spacing:-.5px}
.hero h1 span{display:block;overflow:hidden}.hero h1 span i{display:block;font-style:normal;transform:translateY(105%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.hero.on h1 span i{transform:none}.hero.on h1 span+span i{transition-delay:.12s}
.hero .frase{font:700 clamp(20px,2.1vw,28px)/1.2 "Archivo",system-ui,sans-serif;color:var(--lime);margin-top:22px}
.hero p.sub{font-size:19px;max-width:34ch;margin-top:8px;color:#e4e8dc}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--lime);color:#0b0d0a;font:700 16px "Archivo",system-ui,sans-serif;padding:15px 24px;border-radius:2px;margin-top:26px;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 10px 30px rgba(196,241,53,.25)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(196,241,53,.4)}.btn:active{transform:translateY(1px)}
.btn .seta{transition:transform .2s}.btn:hover .seta{transform:translateX(5px)}
.ensaio{position:absolute;right:24px;bottom:22px;text-align:right;font:600 12px/1.6 "Archivo",system-ui,sans-serif;letter-spacing:.32em;text-transform:uppercase;display:flex;align-items:center;gap:14px}
.ensaio::after{content:"";width:46px;height:1px;background:currentColor}

/* faixa de impacto */
.impacto{background:var(--lime);color:#0b0d0a;overflow:hidden;border-block:1px solid #000}
.impacto p{display:flex;justify-content:space-between;gap:2vw;padding-top:14px;padding-bottom:8px}
.impacto b{font:900 88px/1 "Archivo",system-ui,sans-serif;font-stretch:125%;letter-spacing:-.03em;text-transform:uppercase;display:block}
@media (prefers-reduced-motion:no-preference){.impacto.rv{opacity:1;transform:none}.impacto b{transform:translateY(40%);opacity:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s}.impacto.on b{transform:none;opacity:1}.impacto.on b:nth-child(2){transition-delay:.12s}.impacto.on b:nth-child(3){transition-delay:.24s}}

/* categorias */
.cats{background:#f3f4ee;color:#0b0d0a;padding:var(--sec) 0}
.eb{font:700 12px "Archivo",system-ui,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:#4b5a1c}
.cats .cab{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}
.cats h2{font:800 clamp(34px,4.2vw,52px)/1 "Archivo",system-ui,sans-serif;letter-spacing:-1.5px;margin-top:8px}
.setas{display:flex;gap:10px}.setas button{width:44px;height:44px;border-radius:50%;border:1px solid #0b0d0a;background:none;cursor:pointer;display:grid;place-items:center;transition:.2s}.setas button:hover{background:#0b0d0a;color:var(--lime)}
.grade{display:grid;grid-template-columns:1fr 1fr 1.45fr;grid-template-rows:230px 230px;gap:10px}
.cat{position:relative;overflow:hidden;background:#111;color:#fff;display:block}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}
.cat:hover img{transform:scale(1.06)}
.cat span{position:absolute;left:20px;bottom:18px;z-index:1;font:700 clamp(22px,2.2vw,30px)/1.02 "Archivo",system-ui,sans-serif;letter-spacing:-.5px;max-width:9ch}
.cat i{position:absolute;right:18px;bottom:18px;z-index:1;width:42px;height:42px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-style:normal;transition:.25s}
.cat:hover i{background:var(--lime);border-color:var(--lime);color:#000;transform:rotate(-45deg)}
.cat.alto{grid-row:span 2}
.cat.larg span{top:22px;bottom:auto}.cat.larg::after{background:linear-gradient(90deg,rgba(0,0,0,.75),transparent 60%)}

/* setup */
.setup{background:var(--preto2);padding:calc(var(--sec)*.7) 0}
.setup .w{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center}
.setup h2{font:800 clamp(34px,3.8vw,48px)/.98 "Archivo",system-ui,sans-serif;letter-spacing:-1px}
.setup p{color:var(--tx2);margin-top:14px;font-size:16.5px}
.prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.prod{background:#fff;color:#0b0d0a;padding:22px 20px 18px;border-radius:4px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.prod:hover{transform:translateY(-4px);box-shadow:0 18px 30px rgba(0,0,0,.4)}
.prod .art{height:170px;display:grid;place-items:center}.prod .art img{max-height:170px;width:auto;object-fit:contain;transition:transform .4s}
.prod:hover .art img{transform:scale(1.06) rotate(-2deg)}
.prod b{font:700 16px "Archivo",system-ui,sans-serif;margin-top:12px}
.prod u{font-size:14px;margin-top:6px;color:#3d4a12;text-underline-offset:3px;display:flex;align-items:center;gap:8px}

/* ideia ao som */
.ideia{position:relative;min-height:500px;padding:56px 0;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.ideia .bg{position:absolute;inset:0;z-index:-2}.ideia .bg img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.ideia::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,13,10,.95) 0%,rgba(11,13,10,.75) 34%,rgba(11,13,10,0) 62%)}
.ideia h2{font:400 clamp(56px,7.4vw,104px)/.88 "Anton",Impact,sans-serif;text-transform:uppercase}
.ideia p{max-width:40ch;margin-top:18px;color:#e4e8dc;font-size:17px}
.chips{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.chips span{border:1px solid rgba(255,255,255,.35);border-radius:30px;padding:5px 14px;font-size:13px;font-weight:600}

/* instagram */
.insta{background:#f3f4ee;color:#0b0d0a;padding:var(--sec) 0}
.insta .cab{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;flex-wrap:wrap}.insta .cab .btn{margin-left:auto}
.insta h2{font:800 clamp(30px,3.6vw,46px)/1 "Archivo",system-ui,sans-serif;letter-spacing:-1px;margin-top:8px}
.insta h2 em{font-style:normal;background:linear-gradient(transparent 58%,var(--lime) 58%)}
.btn.esc{background:#0b0d0a;color:var(--lime);box-shadow:none;margin:0}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;justify-items:center}
.posts .instagram-media{min-width:0!important;max-width:100%!important;margin:0!important;border-radius:6px!important}
.post-ph{display:block;aspect-ratio:4/5;background:#e3e6dc;border-radius:6px}

/* loja */
.loja{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr)}
.loja .tx{background:var(--lime);color:#0b0d0a;padding:48px max(24px,calc((100vw - var(--w))/2 + 24px));padding-right:40px;display:flex;flex-direction:column;justify-content:center}
.loja h2{font:900 clamp(48px,5.6vw,80px)/.9 "Archivo",system-ui,sans-serif;font-stretch:118%;letter-spacing:-2px;text-transform:uppercase}
.loja address{font-style:normal;display:flex;gap:10px;margin-top:26px;font-size:18px;font-weight:600;max-width:30ch}
.loja .hor{margin-top:12px;font-size:15px;line-height:1.6}
.loja .hor b{display:inline-block;min-width:110px}
.loja .lk{display:inline-flex;gap:8px;margin-top:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.loja .ft{position:relative;min-height:420px;overflow:hidden}.loja .ft img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* rodape */
.rod{background:var(--preto);padding:30px 0 22px;border-top:1px solid var(--line)}
.rod .l1{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.rod .logo img{width:210px}
.rod nav{display:flex;flex-wrap:wrap}.rod nav a{font-size:13px;padding:4px 16px;border-left:1px solid var(--line)}.rod nav a:hover{color:var(--lime)}
.rod .soc{margin-left:auto;display:flex;align-items:center;gap:18px}
.rod .l2{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:#8f977f}
.zap-flut{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.4);transition:transform .2s}.zap-flut:hover{transform:scale(1.08)}

/* entrada ao rolar */
@media (prefers-reduced-motion:no-preference){.rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.rv.on{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hero h1 span i{transform:none}}

/* responsivo */
@media(max-width:1100px){.busca{display:none}.menu summary,.menu>a{padding:13px 18px}}
@media(max-width:860px){
  .faixa{letter-spacing:.14em;font-size:10px}
  .menu{display:none}.menu.aberto{display:grid;justify-content:stretch}.menu.aberto>*+*::before{display:none}.menu.aberto .dd{position:static;transform:none;box-shadow:none}
  .hamb{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--tx)}
  .logo img{width:190px}.zap-tel span{display:none}.topo .l1{gap:14px;height:64px}
  .grade{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 160px 160px}.cat.alto{grid-row:span 1}.cat.larg{grid-column:span 2}
  .setup .w{grid-template-columns:1fr;gap:24px}.prods{grid-template-columns:1fr 1fr;gap:10px}.prod{padding:14px 12px}.prod .art{height:120px}.prod .art img{max-height:120px}.prod b{font-size:14.5px}
  .posts{grid-template-columns:1fr}.loja{grid-template-columns:1fr}.loja .tx{padding:40px 24px}
  .hero{min-height:560px}.hero::after{background:linear-gradient(0deg,rgba(11,13,10,.95) 30%,rgba(11,13,10,.35))}.hero .w{align-self:flex-end;padding-bottom:70px}
  .ideia::after{background:linear-gradient(0deg,rgba(11,13,10,.95) 35%,rgba(11,13,10,.3))}.ideia .w{align-self:flex-end;padding-bottom:40px;padding-top:180px}
  .rod .soc{margin-left:0}
}

.btn{border:0;cursor:pointer}

/* guia "Monte seu som" (dialogo em etapas que termina no WhatsApp) */
.guia{margin:auto;border:0;padding:0;background:#11140d;color:var(--tx);width:min(640px,94vw);max-height:92vh;border-radius:8px;box-shadow:0 40px 90px rgba(0,0,0,.6)}
.guia::backdrop{background:rgba(5,6,4,.75);backdrop-filter:blur(4px)}
.guia form{display:flex;flex-direction:column;max-height:92vh}
.guia .gtopo{padding:22px 26px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.guia .gtopo h2{font:400 34px/1 "Anton",Impact,sans-serif;text-transform:uppercase}
.guia .gtopo p{color:var(--tx2);font-size:14px;margin-top:6px}
.guia .fechar{background:none;border:1px solid var(--line);color:var(--tx);width:38px;height:38px;border-radius:50%;cursor:pointer;flex:none;font-size:18px}
.guia .barra{height:4px;background:rgba(255,255,255,.08)}.guia .barra i{display:block;height:100%;background:var(--lime);width:0;transition:width .35s}
.guia .corpo{padding:22px 26px;overflow:auto}
.guia fieldset{border:0;padding:0;margin:0}
.guia legend{font:700 21px/1.2 "Archivo",system-ui,sans-serif;margin-bottom:6px}
.guia .ajuda{color:var(--tx2);font-size:14px;margin-bottom:14px}
.opcoes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opcoes label{position:relative;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);border-radius:6px;padding:14px;cursor:pointer;font-weight:600;transition:.15s}
.opcoes label:hover{border-color:rgba(196,241,53,.6)}
.opcoes input{position:absolute;opacity:0}
.opcoes label:has(input:checked){border-color:var(--lime);background:rgba(196,241,53,.1);color:var(--lime)}
.opcoes label:has(input:focus-visible){outline:3px solid var(--lime);outline-offset:2px}
.opcoes small{display:block;font-weight:400;color:var(--tx2);font-size:12.5px}
.guia .campo{display:grid;gap:6px;margin-bottom:12px;font-size:14px;color:var(--tx2)}
.guia .campo input,.guia .campo textarea{background:#0b0d0a;border:1px solid var(--line);border-radius:6px;color:var(--tx);padding:12px;font:500 15px "Archivo",system-ui,sans-serif}
.guia .resumo{background:#0b0d0a;border:1px solid var(--line);border-radius:6px;padding:16px;font-size:14.5px;line-height:1.6}
.guia .resumo b{color:var(--lime)}
.guia .sugestao{margin-top:12px;border-left:3px solid var(--lime);padding:4px 0 4px 14px;font-size:14.5px}
.guia .sugestao ul{margin:6px 0 0;padding-left:18px;color:var(--tx2)}
.guia .gpe{padding:14px 26px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}
.guia .gpe .btn{margin:0}.guia .voltar{background:none;border:1px solid var(--line);color:var(--tx);padding:12px 18px;border-radius:2px;font:600 15px "Archivo",system-ui,sans-serif;cursor:pointer}
.guia .voltar[hidden]{display:block;visibility:hidden}
.chips button{background:none;border:1px solid rgba(255,255,255,.35);color:var(--tx);border-radius:30px;padding:5px 14px;font:600 13px "Archivo",system-ui,sans-serif;cursor:pointer;transition:.15s}
.chips button:hover{border-color:var(--lime);color:var(--lime)}
@media(max-width:560px){.opcoes{grid-template-columns:1fr}.guia .gtopo h2{font-size:28px}}

/* aviso opcional acima do topo (ligado no admin) */
.aviso-promo{background:#fff;color:#0b0d0a;text-align:center;font:700 14px "Archivo",system-ui,sans-serif;padding:9px 16px}.aviso-promo a{text-decoration:underline;text-underline-offset:3px}

/* paginas de categoria (busca local), marcas, perguntas frequentes e 404 - 17/10/2026 */
.menu-links{flex-wrap:wrap}
.menu-links a[aria-current=page]{color:var(--lime)}
.cat-topo{position:relative;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:56px 0}
.cat-topo .bg{position:absolute;inset:0;z-index:-2}.cat-topo .bg img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}
.cat-topo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,13,10,.96) 0%,rgba(11,13,10,.8) 40%,rgba(11,13,10,.15) 75%),linear-gradient(0deg,rgba(11,13,10,.7),transparent 40%)}
.cat-topo h1{font:400 clamp(48px,6.4vw,92px)/.9 "Anton",Impact,sans-serif;text-transform:uppercase;margin-top:10px}
.cat-topo .sub{max-width:52ch;font-size:18px;color:#e4e8dc;margin-top:18px}
.migalha{font-size:13px;color:var(--tx2);margin-bottom:22px}.migalha a{text-decoration:underline;text-underline-offset:3px}.migalha a:hover{color:var(--lime)}
.cta-linha{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cta-linha .btn{margin-top:22px}
.btn.contorno2{background:none;color:var(--tx);border:1px solid rgba(255,255,255,.4);box-shadow:none}
.cat-dicas{background:#f3f4ee;color:#0b0d0a;padding:var(--sec) 0}
.cat-dicas h2,.cat-rel h2,.faq-sec h2,.marcas h2{font:800 clamp(30px,3.6vw,46px)/1 "Archivo",system-ui,sans-serif;letter-spacing:-1px;margin-top:8px}
.dicas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px;counter-reset:d}
.dicas article{background:#fff;border-radius:6px;padding:24px 24px 22px;counter-increment:d;position:relative}
.dicas article::before{content:counter(d,decimal-leading-zero);font:400 34px/1 "Anton",Impact,sans-serif;color:var(--lime2);display:block;margin-bottom:10px}
.dicas h3{font:700 19px/1.25 "Archivo",system-ui,sans-serif}.dicas p{margin-top:8px;color:#3b4232;font-size:15.5px;line-height:1.6}
.marcas{background:var(--preto2);padding:calc(var(--sec)*.7) 0}
.marcas .w{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:32px;align-items:center}
.marcas p.eb{color:var(--lime)}
.marcas ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.marcas li{border:1px solid var(--line);border-radius:4px;padding:12px 20px;font:800 20px/1 "Archivo",system-ui,sans-serif;font-stretch:112%;letter-spacing:-.3px;color:#e9ecdf;transition:.2s}
.marcas li:hover{border-color:var(--lime);color:var(--lime)}
.cat-loja{background:var(--lime);color:#0b0d0a}
.cat-loja .w{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-top:44px;padding-bottom:44px}
.cat-loja h2{font:900 clamp(30px,3.6vw,48px)/1 "Archivo",system-ui,sans-serif;font-stretch:115%;letter-spacing:-1px;text-transform:uppercase}
.cat-loja p{margin-top:10px;font-weight:600}
.cat-loja .btn{background:#0b0d0a;color:var(--lime);box-shadow:none}.cat-loja .btn.esc{background:none;color:#0b0d0a;border:2px solid #0b0d0a}
.faq-sec{padding:var(--sec) 0}
.faq-grade{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:40px}
.faq-lista details{border-bottom:1px solid var(--line);padding:18px 0}
.faq-lista summary{cursor:pointer;font:700 18px/1.3 "Archivo",system-ui,sans-serif;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq-lista summary::-webkit-details-marker{display:none}
.faq-lista summary::after{content:"+";color:var(--lime);font-size:24px;line-height:1;transition:transform .2s}
.faq-lista details[open] summary::after{transform:rotate(45deg)}
.faq-lista p{color:var(--tx2);margin-top:10px;max-width:68ch;line-height:1.65}
.cat-rel{background:#f3f4ee;color:#0b0d0a;padding:calc(var(--sec)*.7) 0}
.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:18px}
.rel a{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:6px;padding:20px 22px;font:700 18px "Archivo",system-ui,sans-serif;transition:.2s}
.rel a:hover{background:#0b0d0a;color:var(--lime)}
.erro404{min-height:70vh;display:grid;place-items:center;text-align:center;padding:60px 20px}
.erro404 h1{font:400 clamp(90px,16vw,200px)/.85 "Anton",Impact,sans-serif;color:var(--lime)}
.erro404 p{font-size:20px;margin-top:14px;color:#e4e8dc}
@media(max-width:860px){.dicas,.marcas .w,.faq-grade{grid-template-columns:1fr}.cat-topo{min-height:480px}.cat-topo::after{background:linear-gradient(0deg,rgba(11,13,10,.96) 40%,rgba(11,13,10,.4))}}
.faq-sec .eb{color:var(--lime)}

/* vitrine de produtos e pagina de produto - 17/10/2026 */
.vit-home{background:#f3f4ee;color:#0b0d0a;padding:calc(var(--sec)*.8) 0}
.vit-home .cab{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.vit-home h2{font:800 clamp(30px,3.6vw,46px)/1 "Archivo",system-ui,sans-serif;letter-spacing:-1px;margin-top:8px}
.vit-home .btn.esc{margin:0}
.pgrade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pcard{background:#fff;color:#0b0d0a;border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:4px;transition:transform .25s,box-shadow .25s;border:1px solid #e3e6dc}
.pcard:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(11,13,10,.16)}
.pcard[hidden]{display:none}
.pfoto{aspect-ratio:1;margin-bottom:8px;overflow:hidden}.pfoto img{width:100%;height:100%;object-fit:contain;transition:transform .4s}
.pcard:hover .pfoto img{transform:scale(1.05)}
.pmarca{font:700 11px "Archivo",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#4b5a1c}
.pcard b{font:700 15.5px/1.3 "Archivo",system-ui,sans-serif}
.plinha{font-size:13.5px;color:#4a5140}
.ppreco{margin-top:auto;padding-top:10px;font:800 15px "Archivo",system-ui,sans-serif;color:#0b0d0a}
.vit-topo{padding:var(--sec) 0 28px;background:radial-gradient(70% 120% at 85% 0%,rgba(196,241,53,.14),transparent 60%)}
.vit-topo h1{font:400 clamp(56px,7.4vw,104px)/.88 "Anton",Impact,sans-serif;text-transform:uppercase}
.vit-topo .sub{max-width:56ch;color:var(--tx2);font-size:17px;margin-top:16px}
.vit-filtros{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.vit-filtros button{background:none;border:1px solid var(--line);color:var(--tx);border-radius:30px;padding:8px 16px;font:600 14px "Archivo",system-ui,sans-serif;cursor:pointer}
.vit-filtros button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#0b0d0a}
.vit-busca input{margin-top:14px;width:min(420px,100%);background:#0b0d0a;border:1px solid rgba(255,255,255,.25);border-radius:30px;padding:12px 18px;color:var(--tx);font:500 15px "Archivo",system-ui,sans-serif}
.vit{background:#f3f4ee;padding:40px 0 var(--sec)}
.vit-vazio{color:#0b0d0a;font-size:17px;padding:30px 0}.vit-vazio a{text-decoration:underline;font-weight:700}
.prod-pag{padding:40px 0 var(--sec)}
.prod-grade{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;margin-top:10px}
.g-foto{background:#fff;border-radius:8px;aspect-ratio:1;padding:28px;overflow:hidden}.g-foto img{width:100%;height:100%;object-fit:contain}
.g-mini{display:flex;gap:10px;margin-top:12px}
.g-mini button{background:#fff;border:2px solid transparent;border-radius:6px;padding:6px;cursor:pointer;width:84px;height:84px}
.g-mini button[aria-pressed=true]{border-color:var(--lime)}.g-mini img{width:100%;height:100%;object-fit:contain}
.prod-info h1{font:800 clamp(30px,3.4vw,44px)/1.05 "Archivo",system-ui,sans-serif;letter-spacing:-1px;margin-top:6px}
.prod-info .linha{color:var(--tx2);font-size:17px;margin-top:10px}
.prod-info .preco{font:800 26px "Archivo",system-ui,sans-serif;margin-top:18px;color:var(--lime)}
.garantias{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:8px;font-size:14.5px;color:#d6dbcc}
.garantias li{padding-left:24px;position:relative}.garantias li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:800}
.spec-tit{font:800 20px "Archivo",system-ui,sans-serif;margin:30px 0 10px}
.specs{width:100%;border-collapse:collapse;font-size:14.5px}
.specs th,.specs td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.specs th{color:var(--tx2);font-weight:500;width:45%;padding-right:14px}
@media(max-width:960px){.pgrade{grid-template-columns:repeat(2,minmax(0,1fr))}.prod-grade{grid-template-columns:1fr;gap:28px}}

/* kits prontos */
.kits{background:var(--preto2);padding:calc(var(--sec)*.8) 0}
.kits h2{font:800 clamp(30px,3.6vw,46px)/1 "Archivo",system-ui,sans-serif;letter-spacing:-1px;margin-top:8px}
.kits .eb{color:var(--lime)}.kits-sub{color:var(--tx2);margin-top:10px;max-width:60ch}
.kgrade{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:28px}
.kit{background:#181c12;border:1px solid var(--line);border-radius:8px;padding:20px;display:flex;flex-direction:column}
.kit-fotos{display:flex;gap:6px;margin-bottom:14px}.kit-fotos img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:6px;padding:4px}
.kit-para{font:700 11.5px "Archivo",system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}
.kit h3{font:800 21px/1.15 "Archivo",system-ui,sans-serif;margin:6px 0 10px}
.kit ul{list-style:none;padding:0;display:grid;gap:5px;font-size:14px;color:#d6dbcc}
.kit ul a:hover{color:var(--lime);text-decoration:underline}
.kit-extra{font-size:13px;color:var(--tx2);margin-top:8px}
.kit ul{margin-bottom:18px}.kit .btn{margin-top:auto;align-self:flex-start}

/* pagina Nossa loja */
.loja-pag{padding:var(--sec) 0}
.loja-pag-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
.loja-pag h1{font:400 clamp(52px,6.4vw,92px)/.9 "Anton",Impact,sans-serif;text-transform:uppercase;margin-top:8px}
.loja-pag .sub{color:#e4e8dc;font-size:17px;margin-top:18px;max-width:52ch;line-height:1.6}
.loja-end{font-style:normal;font-weight:700;font-size:18px;margin-top:22px}
.loja-pag .hor{margin-top:10px;line-height:1.7;color:#d6dbcc}.loja-pag .hor b{display:inline-block;min-width:110px;color:var(--tx)}
.mapa{border-radius:8px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:#14170f}
.mapa iframe{width:100%;height:100%;border:0;filter:grayscale(.2) contrast(1.05)}
@media(max-width:860px){.loja-pag-grade{grid-template-columns:1fr}}
.lk-google{color:var(--lime);font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* guias de compra */
.w.estreito{max-width:820px}
.guia-topo{padding:var(--sec) 0 30px;background:radial-gradient(70% 120% at 85% 0%,rgba(196,241,53,.12),transparent 60%)}
.guia-topo h1{font:800 clamp(36px,5vw,62px)/1.02 "Archivo",system-ui,sans-serif;letter-spacing:-1.5px;margin-top:8px}
.guia-topo .sub{font-size:19px;color:#e4e8dc;margin-top:18px;line-height:1.6}
.guia-meta{color:var(--tx2);font-size:13.5px;margin-top:14px}
.guia-corpo{padding-bottom:var(--sec)}
.indice{border:1px solid var(--line);border-radius:8px;padding:18px 22px;margin:10px 0 34px}
.indice b{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.indice ul{list-style:none;margin:10px 0 0;padding-left:0;display:grid;gap:4px;color:#d6dbcc}.indice a:hover{color:var(--lime);text-decoration:underline}
.guia-corpo h2{font:800 clamp(22px,2.4vw,28px)/1.2 "Archivo",system-ui,sans-serif;margin:34px 0 10px;scroll-margin-top:140px}
.guia-corpo p{font-size:17px;line-height:1.75;color:#e1e5d8;max-width:68ch}
.guia-cta{background:var(--lime);color:#0b0d0a;border-radius:8px;padding:26px;margin-top:40px}
.guia-cta h2{margin:0;color:#0b0d0a}.guia-cta p{color:#1d2410;margin-top:6px}
.guia-cta .btn{background:#0b0d0a;color:var(--lime);box-shadow:none}.guia-cta .btn.contorno2{background:none;color:#0b0d0a;border:2px solid #0b0d0a}
.guias-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.gcard{background:#fff;color:#0b0d0a;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:8px;transition:transform .25s,box-shadow .25s}
.gcard:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(11,13,10,.18)}
.gcard small{font:700 11.5px "Archivo",system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#4b5a1c}
.gcard b{font:800 21px/1.2 "Archivo",system-ui,sans-serif}.gcard span{color:#4a5140;font-size:14.5px}.gcard u{margin-top:auto;padding-top:8px;font-weight:700}
.guias-home{background:#f3f4ee;color:#0b0d0a;padding:calc(var(--sec)*.8) 0}
.guias-home h2{font:800 clamp(30px,3.6vw,46px)/1 "Archivo",system-ui,sans-serif;letter-spacing:-1px;margin:8px 0 26px}
.guias-home .gcard{border:1px solid #e3e6dc}

/* selo "Aberto agora / Fechado" no topo (so no computador) */
.hselo{font:600 12.5px "Archivo",system-ui,sans-serif;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:30px;border:1px solid var(--line);white-space:nowrap}
.hselo::before{content:"";width:8px;height:8px;border-radius:50%;background:#8f977f}
.hselo.sim{color:var(--lime);border-color:rgba(196,241,53,.4)}.hselo.sim::before{background:var(--lime);box-shadow:0 0 0 4px rgba(196,241,53,.18)}
.hselo.nao{color:var(--tx2)}
@media(max-width:1180px){.hselo{display:none!important}}
/* menu do celular nas paginas internas */
@media(max-width:860px){.menu-links.aberto{display:grid;grid-template-columns:1fr;padding:6px 0}.menu-links.aberto a{padding:12px 24px;border-top:1px solid var(--line)}}

/* comparar produtos */
.comparar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;font-size:14px;color:var(--tx2)}
.comparar select,.cmp-sel select{background:#0b0d0a;border:1px solid rgba(255,255,255,.25);border-radius:30px;color:var(--tx);padding:9px 14px;font:500 14px "Archivo",system-ui,sans-serif;max-width:100%}
.cmp-sel{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.cmp-tab{overflow-x:auto;background:#fff;border-radius:8px;color:#0b0d0a}
.cmp-tab table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}
.cmp-tab th,.cmp-tab td{padding:12px 14px;border-bottom:1px solid #e3e6dc;text-align:left;vertical-align:top}
.cmp-tab tbody th{color:#4a5140;font-weight:500;width:26%}
.cmp-tab thead th{vertical-align:bottom}.cmp-tab thead img{width:110px;height:110px;object-fit:contain;display:block;margin-bottom:8px}
.cmp-tab thead b{display:block;font-size:15px}.cmp-tab thead small{color:#4a5140;font-weight:400}
.cmp-tab tr.dif td{background:#f4fbe0;font-weight:600}
.loja .tx .lk{margin-right:22px}
/* altura fixa da linha do menu: o topo nao muda de altura quando a fonte carrega (evita "pulo" da pagina) */
.menu summary,.menu>a{line-height:16px;height:42px;box-sizing:border-box}
@media(max-width:860px){.menu-links.aberto a,.menu.aberto summary,.menu.aberto>a{height:auto}}
/* menu das paginas internas numa linha so */
.menu-links>a{padding:13px 18px}
@media(max-width:1320px){.menu-links>a{padding:13px 11px;font-size:13.5px}}
@media(max-width:1060px){.menu-links>a{padding:13px 8px;font-size:12.5px}}
@media(max-width:960px){.menu-links>a{padding:13px 5px;font-size:11.5px}}

/* oferta da semana */
.oferta{background:#f3f4ee;color:#0b0d0a;padding:calc(var(--sec)*.7) 0;border-bottom:1px solid #e3e6dc}
.oferta-grade{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
.oferta-foto{background:#fff;border-radius:10px;padding:24px;aspect-ratio:1;display:block;max-width:420px}.oferta-foto img{width:100%;height:100%;object-fit:contain}
.oferta .eb{color:#4b5a1c}.oferta h2{font:800 clamp(30px,3.6vw,46px)/1.02 "Archivo",system-ui,sans-serif;letter-spacing:-1px;margin-top:8px}
.oferta-txt{color:#3b4232;font-size:17px;margin-top:10px}
.oferta-preco{margin-top:16px;display:flex;align-items:baseline;gap:14px}.oferta-preco s{color:#6b7260;font-size:20px}.oferta-preco b{font:900 clamp(36px,4vw,52px)/1 "Archivo",system-ui,sans-serif;color:#0b0d0a;background:linear-gradient(transparent 60%,var(--lime) 60%)}
.oferta .btn.contorno2{color:#0b0d0a;border-color:#0b0d0a}
.oferta-fim{font-size:13px;color:#6b7260;margin-top:12px}
.selo-oferta{display:inline-block;background:var(--lime);color:#0b0d0a;font:800 12px "Archivo",system-ui,sans-serif;padding:4px 10px;border-radius:4px;vertical-align:middle;margin-right:6px}
.prod-info .preco s{color:var(--tx2);font-size:18px;font-weight:500}
@media(max-width:860px){.oferta-grade{grid-template-columns:1fr}.oferta-foto{max-width:260px}}
.zap-balao{position:fixed;right:88px;bottom:26px;z-index:60;background:#fff;color:#0b0d0a;border-radius:12px;padding:10px 34px 10px 14px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);max-width:240px;animation:balao .4s ease-out}
.zap-balao b{display:block}.zap-balao button{position:absolute;top:4px;right:6px;border:0;background:none;font-size:18px;cursor:pointer;color:#555}
@keyframes balao{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lgpd{font-size:12.5px;color:var(--tx2);margin-top:12px}.lgpd a{text-decoration:underline}
.hero .cta-linha{gap:12px}.hero .btn.contorno2{color:#fff;border-color:rgba(255,255,255,.55);background:rgba(11,13,10,.35);backdrop-filter:blur(4px)}.hero .btn.contorno2:hover{border-color:var(--lime);color:var(--lime)}
/* "prefere que a Global te chame?" na pagina do produto */
.me-chame{margin-top:22px;border:1px solid var(--line);border-radius:8px;padding:14px 16px;display:grid;gap:8px}
.me-chame label{font-weight:700;font-size:15px}.me-chame div{display:flex;gap:8px;flex-wrap:wrap}
.me-chame input{flex:1;min-width:180px;background:#0b0d0a;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:var(--tx);padding:12px;font:500 15px "Archivo",system-ui,sans-serif}
.me-chame .btn{margin:0;padding:12px 18px}.me-chame small{color:var(--tx2);font-size:12.5px}.me-chame small a{text-decoration:underline}
.mc-ok{color:var(--lime);font-weight:700}
.me-chame [hidden]{display:none!important}
.prod-guia{display:grid;gap:2px;margin-top:22px;border:1px solid rgba(196,241,53,.35);border-radius:8px;padding:14px 16px;background:rgba(196,241,53,.05)}
.prod-guia small{font:700 11px "Archivo",system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}.prod-guia b{font-size:16px}.prod-guia span{font-size:13.5px;color:var(--tx2)}.prod-guia:hover{border-color:var(--lime)}
