/* Direção "Altitude": céu profundo, verde e azul da logo, dourado nos valores, molduras chanfradas de inventário. */
:root{
  --ceu-0:#0a1730;--ceu-1:#0f2142;--ceu-2:#163059;--ceu-3:#1f4173;--linha:#3a5f94;--linha-clara:#5b83b8;
  --texto:#f1f6ff;--suave:#aec2de;--verde:#35d98f;--verde-esc:#14965b;--tinta:#052414;--azul:#3f9bff;--ouro:#f6c453;--perigo:#ff8f8f;
  --r1:4px;--r2:8px;--r3:14px;--e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--e6:32px;--e7:56px;--e8:88px;
  --tit:"Sora",system-ui,sans-serif;--corpo:"Inter",system-ui,sans-serif;--curva:cubic-bezier(.2,.8,.2,1);--max:1240px;
  /* moldura de slot de inventário: luz em cima, sombra embaixo */
  --bisel:inset 0 1px 0 #ffffff24,inset 0 -2px 0 #00000059;--fundo-slot:inset 0 2px 0 #00000066,inset 0 -1px 0 #ffffff1f;
}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ceu-0);color:var(--texto);font:16px/1.6 var(--corpo);overflow-x:hidden;display:flex;flex-direction:column;min-height:100dvh}
body>#app,body>main{flex:1}h1,h2,h3{font-family:var(--tit);line-height:1.12;letter-spacing:-.02em;margin:0;text-wrap:balance}p{margin:0}a{color:#8fd0ff}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}svg.lucide{width:1.15em;height:1.15em;flex:none}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--e5)}.muted{color:var(--suave)}
/* faixa e barra */
.faixa{background:var(--ceu-0);font-size:14px;color:var(--suave)}.faixa .wrap{display:flex;justify-content:space-between;gap:var(--e4);padding-block:7px;min-height:36px;align-items:center}
.faixa b{color:var(--verde);font-weight:600}.faixa button{all:unset;cursor:pointer;display:inline-flex;gap:6px;align-items:center;color:var(--texto);font-weight:500}.faixa button:hover{color:var(--verde)}.faixa button:focus-visible{outline:2px solid var(--ouro)}.vivo{display:inline-block;width:8px;height:8px;background:var(--verde);margin-right:8px;border-radius:1px}.vivo.off{background:#6c7f9b}
.topo{position:sticky;top:0;z-index:20;background:var(--ceu-2);box-shadow:var(--bisel),0 6px 18px #04102a80}.topo-in{display:flex;align-items:center;gap:var(--e5);height:66px}.marca img{height:30px;width:auto}
.nav{display:flex;align-items:center;gap:2px;margin-right:auto}.nav>a,.nav summary{padding:8px 13px;border-radius:var(--r1);color:var(--texto);text-decoration:none;font-size:15px;font-weight:500;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}.nav summary::-webkit-details-marker{display:none}.nav>a:hover,.nav summary:hover{background:var(--ceu-3)}.nav>a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--verde)}
.cats{position:relative}.cats-menu{position:absolute;top:calc(100% + 10px);left:0;width:280px;background:var(--ceu-2);border:1px solid var(--linha);border-radius:var(--r2);padding:var(--e2);box-shadow:0 20px 40px #030c2299}.cats-menu a{display:flex;gap:10px;align-items:center;padding:10px;border-radius:var(--r1);color:var(--texto);text-decoration:none;font-size:15px}.cats-menu a:hover{background:var(--ceu-3)}
.acoes{display:flex;gap:var(--e2)}.icone{position:relative;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 13px;background:var(--ceu-1);border:0;border-radius:var(--r1);box-shadow:var(--fundo-slot);cursor:pointer;font-size:14px;font-weight:500;max-width:190px}.icone:hover{background:var(--ceu-3)}.icone .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabeca{width:24px;height:24px;image-rendering:pixelated}
.conta{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:var(--r1);background:var(--ouro);color:#3a2800;font-size:12px;font-weight:700;display:grid;place-items:center;padding:0 5px}.so-mobile{display:none}
/* botões com volume de bloco */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border:0;border-radius:var(--r1);background:var(--verde);color:var(--tinta);font:700 15px var(--tit);letter-spacing:.01em;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff66,inset 0 -4px 0 var(--verde-esc);transition:transform .12s var(--curva),filter .12s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff66,inset 0 -2px 0 var(--verde-esc)}.btn:disabled{filter:saturate(.25) brightness(.7);cursor:not-allowed;transform:none}
.btn.sec{background:var(--ceu-3);color:var(--texto);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -4px 0 #0d2346}.btn.larga{width:100%}
/* capa */
.capa{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:var(--e7) 0 150px;background:linear-gradient(180deg,#123a78 0,#2a6fb4 48%,#6db8d6 78%,#a9e0cc 100%)}
.capa-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.capa .logo{width:min(520px,84vw);height:auto;margin-inline:auto;filter:drop-shadow(0 5px 0 #06204a)}
.capa h1{font-size:clamp(24px,3.2vw,38px);max-width:760px;margin:var(--e5) auto var(--e3);text-shadow:0 2px 0 #0a2c5e}.capa p{font-size:clamp(16px,1.7vw,18px);max-width:620px;margin:0 auto var(--e5);color:#fff;text-shadow:0 1px 0 #0a2c5e}.linha{display:flex;flex-wrap:wrap;gap:var(--e3);align-items:center}.capa .linha{justify-content:center}
/* escada do céu */
.escada-box{position:relative;margin-top:-108px;z-index:2}.escada{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--e2);align-items:end}
.degrau{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;gap:4px;padding:var(--e4);background:var(--ceu-2);border-radius:var(--r2) var(--r2) 0 0;border-top:6px solid var(--c);box-shadow:var(--bisel);transition:transform .18s var(--curva),background .18s}
.degrau:hover{transform:translateY(-6px);background:var(--ceu-3)}.degrau:focus-visible{outline:2px solid var(--ouro)}.degrau h3{font-size:19px;color:var(--c)}.degrau .preco{font-size:20px}.degrau small{color:var(--suave);font-size:13px}.d0{min-height:130px}.d1{min-height:165px}.d2{min-height:200px}.d3{min-height:235px}.d4{min-height:270px}
.preco{font:700 22px var(--tit);color:var(--ouro)}
/* seções */
.secao{padding-block:clamp(44px,6vw,var(--e8))}.sec-t{display:flex;justify-content:space-between;align-items:baseline;gap:var(--e4);margin-bottom:var(--e5);flex-wrap:wrap}.sec-t h2{font-size:clamp(26px,3vw,36px)}.sec-t p{color:var(--suave);margin-top:6px;max-width:60ch}
.vitrine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e4)}.vitrine .prod:first-child{grid-column:1/-1;flex-direction:row;gap:var(--e4)}.vitrine .prod:first-child .slot{flex:0 0 46%;aspect-ratio:16/9}.vitrine .prod:first-child h3{font-size:clamp(24px,3vw,34px)}.vitrine .prod:first-child .prod-c{padding:var(--e4);justify-content:center}.vitrine .prod:first-child .doar{margin-top:var(--e3)}.desc{display:none;color:#dbe6f6;margin-top:var(--e2);max-width:48ch}.vitrine .prod:first-child .desc{display:block}
.grade{display:grid;gap:var(--e4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.arte{position:relative;overflow:hidden;display:grid;place-items:center;color:var(--c,var(--verde));background:linear-gradient(160deg,color-mix(in srgb,var(--c,var(--verde)) 26%,var(--ceu-1)),var(--ceu-1) 72%)}.arte img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.arte svg.lucide{width:34%;height:34%;max-width:64px;max-height:64px;stroke-width:1.4;opacity:.8}.r11{aspect-ratio:1}.r85{aspect-ratio:8/5}.r169{aspect-ratio:16/9}
.prod{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;padding:var(--e2);background:var(--ceu-2);border-radius:var(--r2);box-shadow:var(--bisel);transition:transform .16s var(--curva),background .16s}.prod:hover{transform:translateY(-4px);background:var(--ceu-3)}.prod:focus-visible{outline:2px solid var(--ouro)}
.slot{border-radius:var(--r1);box-shadow:var(--fundo-slot)}.prod-c{padding:var(--e3) var(--e2) var(--e2);display:flex;flex-direction:column;gap:2px;flex:1}.prod h3{font-size:17px}.tipo{font-size:13px;color:var(--suave)}.prod .preco{margin-top:var(--e2)}.prod .doar{margin-top:auto;padding-top:var(--e2);font:700 13px var(--tit);color:var(--verde);display:flex;align-items:center;gap:6px}.etiqueta{position:absolute;top:8px;left:8px;background:var(--ouro);color:#3a2800;padding:2px 8px;border-radius:var(--r1);font-size:12px;font-weight:700;z-index:1}
.caminhos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e4)}.cat{display:block;color:var(--texto);text-decoration:none;background:var(--ceu-1);border-radius:var(--r2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--linha);transition:box-shadow .16s}.cat:hover{box-shadow:inset 0 0 0 2px var(--c)}.cat .t{padding:var(--e4)}.cat h3{font-size:19px}.cat p{color:var(--suave);font-size:15px;margin-top:4px}
.motivos{background:var(--ceu-1)}.motivos-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e6)}.motivos svg{color:var(--verde);width:24px;height:24px}.motivos h3{font-size:16px;margin:var(--e2) 0 4px}.motivos p{color:var(--suave);font-size:15px}
/* catálogo */
.pag-top{position:relative;overflow:hidden;background:linear-gradient(115deg,color-mix(in srgb,var(--c,var(--azul)) 42%,var(--ceu-1)),var(--ceu-1) 68%);padding-block:var(--e6)}.pag-top h1{font-size:clamp(30px,4vw,46px)}.pag-top p{color:#dbe6f6;margin-top:var(--e2);max-width:60ch}.pag-top .capa-img{opacity:.35}
.catalogo{display:grid;grid-template-columns:250px minmax(0,1fr);gap:var(--e6);padding-block:var(--e6) var(--e7);align-items:start}.lateral{position:sticky;top:90px;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e4);min-width:0}.lateral h2{font-size:14px;color:var(--suave);font-weight:600;font-family:var(--corpo);letter-spacing:0;margin-bottom:var(--e2)}
.cat-nav{display:grid;gap:2px}.cat-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r1);color:var(--texto);text-decoration:none;font-size:15px}.cat-nav a:hover{background:var(--ceu-2)}.cat-nav a[aria-current=page]{background:var(--ceu-2);box-shadow:inset 3px 0 0 var(--c,var(--verde));font-weight:600}.cat-nav .n{margin-left:auto;color:var(--suave);font-size:13px}
.campo{height:46px;padding:0 14px;width:100%;background:var(--ceu-1);border:0;border-radius:var(--r1);box-shadow:var(--fundo-slot),inset 0 0 0 1px var(--linha)}.campo::placeholder{color:#8ea5c5}.busca{position:relative;margin-bottom:var(--e4)}.busca svg{position:absolute;left:14px;top:14px;color:var(--suave)}.busca .campo{padding-left:42px}.rot{display:block;font-size:14px;font-weight:500;margin-bottom:6px}
.conta-res{color:var(--suave);font-size:14px;margin-bottom:var(--e3)}.vazio{padding:var(--e7) var(--e5);text-align:center;border-radius:var(--r2);background:var(--ceu-1);color:var(--suave)}.vazio svg{width:36px;height:36px;color:var(--verde);margin-bottom:var(--e2)}.vazio h3{color:var(--texto);margin-bottom:6px;font-size:20px}.vazio p{max-width:54ch;margin-inline:auto}.esq{background:linear-gradient(100deg,var(--ceu-1) 30%,var(--ceu-2) 50%,var(--ceu-1) 70%);background-size:220% 100%;animation:esq 1.3s infinite;border-radius:var(--r2);height:340px}@keyframes esq{to{background-position:-220% 0}}
/* janelas */
dialog{color:var(--texto);border:0;background:var(--ceu-1);padding:0}dialog::backdrop{background:#04102ab8;backdrop-filter:blur(4px)}.modal{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:var(--r3);box-shadow:inset 0 0 0 1px var(--linha),0 30px 70px #020a1fb0;overflow:hidden}.modal[open]{display:flex;animation:sobe .24s var(--curva)}@keyframes sobe{from{opacity:0;transform:translateY(16px)}}
.modal-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);width:100%;overflow:auto}.modal-in>.arte{aspect-ratio:auto;min-height:100%}.modal-c{padding:var(--e6);display:flex;flex-direction:column;gap:var(--e3)}.modal h2{font-size:28px;padding-right:36px}.modal .preco{font-size:30px}.modal ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:15px;color:#dbe6f6}.modal li{display:flex;gap:8px}.modal li svg{color:var(--verde);margin-top:4px}.fechar{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:var(--r1);background:var(--ceu-3);cursor:pointer;display:grid;place-items:center;z-index:2}
.qtd{display:inline-flex;align-items:center;background:var(--ceu-0);border-radius:var(--r1);box-shadow:var(--fundo-slot)}.qtd button{width:36px;height:36px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.qtd button:hover{color:var(--verde)}.qtd output{min-width:30px;text-align:center;font-weight:600}
.nick{display:grid;gap:6px}.nick label{font-size:14px;font-weight:500}.nick-l{display:flex;gap:10px;align-items:center}.nick-l img,.nick-l .ph{width:46px;height:46px;flex:none;border-radius:var(--r1);image-rendering:pixelated;background:var(--ceu-2);display:grid;place-items:center;overflow:hidden;font-size:0}.nick-l svg{font-size:16px}.nick small{min-height:20px;color:var(--suave);font-size:13px}.nick small.bad{color:var(--perigo)}.nick small.good{color:var(--verde)}
.gaveta{margin:0 0 0 auto;height:100dvh;max-height:none;width:min(440px,100vw);box-shadow:-1px 0 0 var(--linha)}.gaveta[open]{display:flex;flex-direction:column;animation:entra .26s var(--curva)}@keyframes entra{from{transform:translateX(100%)}}.gaveta header{display:flex;align-items:center;justify-content:space-between;padding:var(--e4) var(--e5);background:var(--ceu-2);box-shadow:var(--bisel)}.gaveta h2{font-size:20px}.gaveta .fechar{position:static}.g-itens{flex:1;overflow:auto;padding:var(--e4) var(--e5);display:grid;gap:var(--e3);align-content:start}.g-item{display:grid;grid-template-columns:72px 1fr auto;gap:var(--e3);align-items:center;padding-bottom:var(--e3);border-bottom:1px solid #3a5f9466}.g-item .arte{border-radius:var(--r1)}.g-item b{display:block;font-size:15px;line-height:1.3}.limpo{all:unset;cursor:pointer;color:var(--suave);display:inline-flex;padding:6px}.limpo:hover{color:var(--perigo)}.limpo:focus-visible{outline:2px solid var(--ouro)}.g-pe{padding:var(--e4) var(--e5);background:var(--ceu-2);display:grid;gap:10px}.soma{display:flex;justify-content:space-between;gap:var(--e3)}.soma.total{font:700 20px var(--tit)}.soma.total span:last-child{color:var(--ouro)}
/* checkout */
.co{display:grid;grid-template-columns:minmax(0,3fr) minmax(320px,2fr);gap:var(--e5);align-items:start;padding-block:var(--e5) var(--e7)}.etapas{display:grid;gap:var(--e4)}.painel{background:var(--ceu-1);border-radius:var(--r2);padding:var(--e5);display:grid;gap:var(--e4);box-shadow:inset 0 0 0 1px #3a5f9466}.painel h2{font-size:20px;display:flex;gap:var(--e3);align-items:center}.painel h2 i.n{font:700 15px var(--tit);width:30px;height:30px;display:grid;place-items:center;background:var(--verde);color:var(--tinta);border-radius:var(--r1);box-shadow:inset 0 -3px 0 var(--verde-esc)}.resumo{position:sticky;top:90px}
.opcao{display:flex;gap:var(--e3);align-items:center;padding:var(--e4);background:var(--ceu-2);border-radius:var(--r1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent}.opcao:has(input:checked){box-shadow:inset 0 0 0 2px var(--verde)}.aceite{display:flex;gap:var(--e3);align-items:start;font-size:15px}.aceite input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--verde)}.erro{color:var(--perigo);font-weight:500}.erro:empty{display:none}.aviso{color:#ffe29c;background:#f6c4531a;box-shadow:inset 3px 0 0 var(--ouro);border-radius:var(--r1);padding:var(--e3) var(--e4);font-size:15px}.aviso a{color:#fff}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ceu-3);padding:10px 18px;border-radius:var(--r1);z-index:50}.chip{display:inline-flex;padding:8px 14px;border-radius:var(--r1);background:var(--ceu-2);color:var(--texto);text-decoration:none;font-size:14px}.chip[aria-current=page]{background:var(--verde);color:var(--tinta);font-weight:600}.pedidos{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--e4)}
/* páginas de pedido, formulário clássico e termos */
main.simples{width:100%;max-width:700px;margin:0 auto;padding:var(--e6) var(--e5) var(--e7)}main.simples>h1{font-size:clamp(26px,3.5vw,36px);margin-bottom:var(--e4)}.card{background:var(--ceu-1);border-radius:var(--r2);padding:var(--e5);margin-block:var(--e4);box-shadow:inset 0 0 0 1px #3a5f9466}.card h3{margin-bottom:var(--e2)}.card p{margin-block:6px;color:var(--suave)}.card p.estado{color:var(--texto);font-weight:600}.ok,.card .ok{color:var(--verde)!important;font-weight:600}.botao{display:inline-flex;margin-top:var(--e3);background:var(--verde);color:var(--tinta);border:0;border-radius:var(--r1);padding:12px 22px;font:700 15px var(--tit);cursor:pointer;text-decoration:none;box-shadow:inset 0 -4px 0 var(--verde-esc)}main.simples label{display:block;margin-block:var(--e3)}main.simples input:not([type=radio],[type=checkbox]),main.simples textarea{width:100%;padding:11px;border:0;background:var(--ceu-0);border-radius:var(--r1);box-shadow:inset 0 0 0 1px var(--linha);margin-top:5px}fieldset{border:1px solid var(--linha);border-radius:var(--r1);margin-block:var(--e3)}.nota{color:var(--suave);font-size:14px}.qr{display:block;margin:var(--e4) auto;width:220px;height:220px;background:#fff;padding:8px;border-radius:var(--r1)}
.termos h2{font-size:19px;margin:var(--e6) 0 var(--e2)}.termos p{color:#dbe6f6;max-width:70ch;margin-bottom:var(--e2)}.passos{display:grid;gap:var(--e4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding-block:var(--e6) var(--e7)}.passos h3{font-size:18px;margin-bottom:6px}.passos p{color:var(--suave)}
.rodape{background:var(--ceu-0);padding:var(--e4) var(--e5);font-size:13px;color:var(--suave);text-align:center;box-shadow:inset 0 1px 0 #3a5f9466}.rodape p{margin:0}
@media(max-width:1000px){.motivos-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.nav{display:none;position:absolute;top:66px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--ceu-2);padding:var(--e2);box-shadow:0 12px 20px #04102a99}.nav.aberta{display:flex}.nav>a,.nav summary{padding:12px}.cats-menu{position:static;width:auto;box-shadow:none;border:0}.so-mobile{display:inline-flex}.acoes{margin-left:auto}.icone .t{display:none}.catalogo,.co{grid-template-columns:minmax(0,1fr)}.lateral,.resumo{position:static}.cat-nav{display:flex;overflow-x:auto;scrollbar-width:none;gap:var(--e2);padding-bottom:var(--e2)}.cat-nav a{flex:none;background:var(--ceu-2);white-space:nowrap}.cat-nav .n{margin-left:0}.lateral h2{display:none}.lateral .rot{display:none}.caminhos{grid-template-columns:minmax(0,1fr)}.cat{display:grid;grid-template-columns:120px 1fr;align-items:center}.cat .arte{aspect-ratio:auto;height:100%}
.escada{grid-template-columns:minmax(0,1fr);gap:4px}.degrau{min-height:0!important;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:0;border-left:6px solid var(--c);border-radius:var(--r1)}.degrau small{display:none}.escada-box{margin-top:-90px}.capa{padding-bottom:120px}}
@media(max-width:640px){.wrap{padding-inline:var(--e4)}.faixa .wrap{font-size:13px}.grade,.vitrine{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e3)}.vitrine .prod:first-child{flex-direction:column;gap:0}.vitrine .prod:first-child .slot{flex:none}.vitrine .prod:last-child:nth-child(even){grid-column:1/-1}.vitrine .prod:last-child:nth-child(even) .slot{aspect-ratio:16/7}.prod h3{font-size:15px}.prod .preco{font-size:18px}.modal-in{grid-template-columns:minmax(0,1fr)}.modal-in>.arte{aspect-ratio:16/8;min-height:0}.modal-c{padding:var(--e5) var(--e4)}.motivos-g{grid-template-columns:minmax(0,1fr)}.painel{padding:var(--e4)}.btn{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* inicio */
.marca img{height:40px;width:40px;border-radius:8px}
.heroi{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(900px 500px at 78% 35%,#3f9bff55,transparent 70%),linear-gradient(180deg,#0a1730,#123a78 72%,#1c5a9c)}
.heroi-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--e6);align-items:center;min-height:min(620px,78vh);padding-block:var(--e6)}
.heroi h1{font-size:clamp(38px,6vw,72px);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:var(--e4) 0}.heroi h1 em{font-style:normal;color:var(--verde)}
.heroi p{font-size:clamp(16px,1.6vw,19px);color:#d7e4f7;max-width:52ch;margin-bottom:var(--e5)}
.selo{display:inline-block;font-size:14px;font-weight:600;color:var(--ouro)}
.ilha{width:100%;max-width:480px;height:auto;margin-inline:auto;filter:drop-shadow(0 34px 30px #030c2288);animation:flutua 7s ease-in-out infinite}
@keyframes flutua{50%{transform:translateY(-14px)}}@media(prefers-reduced-motion:reduce){.ilha{animation:none}}
.btn.grande{padding:15px 26px;font-size:16px}.ip{display:inline-flex;gap:8px;align-items:center;background:#0a173099;color:var(--texto);border:1px solid var(--linha);border-radius:var(--r1);padding:13px 16px;cursor:pointer;font-weight:600}.ip:hover{border-color:var(--verde)}
.cargos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--e3)}
.cargo{display:flex;flex-direction:column;gap:var(--e2);padding:var(--e4);background:var(--ceu-1);border-top:4px solid var(--c);border-radius:var(--r2);box-shadow:var(--bisel)}.cargo h3{font-size:21px;color:var(--c)}.cargo p{font-size:14px;color:var(--suave);flex:1}
.faixa-sec{background:var(--ceu-1);padding-block:var(--e7)}
.prod{all:unset;box-sizing:border-box;cursor:default}.prod:hover{transform:none;background:var(--ceu-2)}
.acoes-prod{display:flex;flex-direction:column;gap:var(--e2);margin-top:var(--e3)}.prod-c .acoes-prod{margin-top:auto;padding-top:var(--e3)}.acoes-prod .btn{width:100%;justify-content:center;padding:10px 12px;font-size:14px}
.catalogo .prod,.grade .prod{display:flex;flex-direction:column;padding:var(--e2);background:var(--ceu-2);border-radius:var(--r2);box-shadow:var(--bisel)}
@media(max-width:1000px){.cargos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.heroi-in{grid-template-columns:minmax(0,1fr);min-height:0}.ilha{max-width:260px;order:-1}}
@media(max-width:460px){.cargos{grid-template-columns:minmax(0,1fr)}}
.faixa-sec .grade{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

/* navbar lisa */
.topo{box-shadow:none;border-bottom:1px solid #ffffff14}.nav>a,.nav>a:hover{background:none;transition:color .15s}.nav>a:hover{color:var(--verde)}.nav>a[aria-current=page]{box-shadow:none;color:var(--verde)}
/* barra de rolagem */
html{scrollbar-color:var(--linha) var(--ceu-0);scrollbar-width:auto;overflow-y:scroll}
::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--ceu-0)}::-webkit-scrollbar-thumb{background:var(--linha);border-radius:6px;border:3px solid var(--ceu-0)}::-webkit-scrollbar-thumb:hover{background:var(--linha-clara)}
/* pagina inicial */
.heroi h1{margin-top:0}
.bloco{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--e6);padding-block:clamp(32px,5vw,64px);border-top:1px solid #ffffff14}
.bloco-t{position:sticky;top:90px;align-self:start}.bloco-t h2{font-size:clamp(26px,3vw,34px)}.bloco-t p{color:var(--suave);margin:var(--e2) 0 var(--e3)}
.lista{display:grid;min-width:0}
.item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--e5);padding:var(--e4) 0;border-bottom:1px solid #ffffff14}.item:first-child{padding-top:0}.item:last-child{border-bottom:0}
.item h3{font-size:20px;color:var(--c)}.item p{font-size:15px;color:var(--suave);margin-top:2px}.item .preco{font-size:19px;white-space:nowrap}
.compra{display:flex;gap:var(--e2);align-items:stretch}.compra .btn{padding:10px 16px;font-size:14px;white-space:nowrap}
.mais{display:inline-flex;align-items:center;justify-content:center;width:42px;background:none;border:1px solid var(--linha);border-radius:var(--r1);color:var(--texto);cursor:pointer}.mais:hover{border-color:var(--verde);color:var(--verde)}
@media(max-width:860px){.bloco{grid-template-columns:minmax(0,1fr);gap:var(--e4)}.bloco-t{position:static}}
@media(max-width:800px){.heroi-in{text-align:center;padding-block:var(--e6)}.heroi p{margin-inline:auto}.heroi .linha{justify-content:center}.ilha{max-width:220px}}
@media(max-width:560px){.wrap{padding-inline:var(--e4)}.item{grid-template-columns:minmax(0,1fr) auto;gap:var(--e2) var(--e3)}.compra{grid-column:1/-1}.compra .btn{flex:1;justify-content:center}.heroi h1{font-size:clamp(34px,11vw,44px)}.faixa .wrap{font-size:13px}}
.marca img{border-radius:0;object-fit:contain}
.nav>a{transition:background .15s}.nav>a:hover{background:var(--ceu-3);color:var(--texto)}.nav>a[aria-current=page]:hover{color:var(--verde)}

/* ilha em tela inteira */
.heroi-in{min-height:calc(100dvh - 103px);padding-block:var(--e4);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.ilha{width:100%;max-width:none;max-height:calc(100dvh - 135px);object-fit:contain}
.cupom{margin-block:var(--e3)}.cupom small{display:block;margin-top:4px;font-size:13px}.cupom .good{color:var(--verde)}.cupom .bad{color:var(--perigo)}.cupom .btn{padding-inline:14px;font-size:13px}
@media(max-width:800px){.heroi-in{grid-template-columns:minmax(0,1fr);align-content:center}.ilha{max-height:46dvh;max-width:100%;order:-1}}

/* loja por categorias */
.vitrine-loja{display:grid;gap:var(--e4);min-width:0}.vitrine-loja>div:last-child{display:grid;gap:var(--e5);min-width:0}.busca{margin:0}.chips{display:flex;flex-wrap:wrap;gap:var(--e2)}.chips:empty{display:none}
.chip-f{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--linha);border-radius:999px;background:transparent;cursor:pointer;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.chip-f:hover{border-color:var(--linha-clara);background:var(--ceu-2)}.chip-f[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:var(--tinta);font-weight:700}
.grupo{display:grid;gap:var(--e4);padding-bottom:var(--e6);border-bottom:1px solid #ffffff14}.grupo:last-child{border-bottom:0;padding-bottom:0}.grupo-t{display:flex;align-items:center;justify-content:space-between;gap:var(--e3);flex-wrap:wrap}.grupo-t h2{display:flex;align-items:center;gap:10px;font-size:clamp(22px,2.4vw,28px)}.grupo-t h2 svg{color:var(--c)}.grupo-t a{display:inline-flex;align-items:center;gap:6px;color:var(--texto);font-size:14px;font-weight:600;text-decoration:none}.grupo-t a:hover{color:var(--verde)}
.grade{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}
.catalogo .prod,.grade .prod{padding:0;overflow:hidden;background:var(--ceu-1);border-radius:var(--r3);box-shadow:inset 0 0 0 1px #ffffff14;transition:transform .18s var(--curva),box-shadow .18s}.grade .prod:hover{transform:translateY(-4px);background:var(--ceu-1);box-shadow:inset 0 0 0 1px var(--c),0 14px 28px #030c2280}
.grade .prod .slot{border-radius:0;box-shadow:none}.arte{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--c,var(--verde)) 46%,transparent),transparent 68%),var(--ceu-2)}.arte svg.lucide{opacity:1;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--c,var(--verde)) 70%,transparent))}
.grade .prod-c{padding:var(--e4);gap:4px}.grade .prod h3{font-size:17px}.tipo{color:var(--c,var(--suave));font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.prod .desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--suave);font-size:14px;line-height:1.4}
.precos{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:var(--e2)}.precos s{color:var(--suave);font-size:14px}.precos .preco{margin:0}.poupa{width:100%;color:var(--verde);font-size:13px;font-weight:700}
.acoes-prod{flex-direction:row}.acoes-prod .btn:first-child{flex:1;width:auto}.acoes-prod .btn.info{flex:0 0 46px;width:46px;padding:0}
.destaque{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);overflow:hidden;border-radius:var(--r3);background:linear-gradient(115deg,color-mix(in srgb,var(--c) 24%,var(--ceu-1)),var(--ceu-1) 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 65%,transparent)}.destaque>.arte{aspect-ratio:auto;min-height:100%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 50%,transparent),transparent 70%)}
.dest-c{display:flex;flex-direction:column;gap:var(--e2);padding:var(--e5)}.dest-c h2{font-size:clamp(22px,2.6vw,30px)}.dest-c ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;color:#dbe6f6;font-size:15px}.dest-c li{display:flex;gap:8px;align-items:flex-start}.dest-c li svg{color:var(--verde);margin-top:4px}.dest-c .preco{font-size:28px}.dest-c .poupa{font-size:14px}.dest-c .acoes-prod{max-width:360px;margin-top:var(--e2)}
@media(max-width:900px){.catalogo{grid-template-columns:minmax(0,1fr)}.lateral{position:static}.lateral h2{display:none}.cat-nav{display:flex;overflow-x:auto;gap:var(--e2);padding-bottom:4px}.cat-nav a{flex:none}}
@media(max-width:640px){.destaque{grid-template-columns:minmax(0,1fr)}.destaque>.arte{min-height:110px}.dest-c{padding:var(--e4)}.grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e2)}.grade .prod-c{padding:var(--e3)}.grade .prod h3{font-size:15px}.acoes-prod .btn:first-child{font-size:12px;padding:8px 4px}.acoes-prod .btn.info{flex-basis:40px;width:40px}}
.grupo .grade:has(>.prod:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--e2)}.grupo .grade:has(>.prod:nth-child(5):last-child) .prod-c{padding:var(--e3)}.grupo .grade:has(>.prod:nth-child(5):last-child) .btn:first-child{font-size:12px;padding:8px 4px}
@media(max-width:1180px){.grupo .grade:has(>.prod:nth-child(5):last-child){grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}}@media(max-width:640px){.grupo .grade:has(>.prod:nth-child(5):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.soma-v{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.limpo{color:var(--perigo);border-radius:var(--r1)}.limpo:hover{background:#ff8f8f22}