/* GAMAMC PREMIUM STORE — visual layer; checkout logic untouched */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#080a0d;--panel:#151920;--stroke:#313640;--accent:#ff800d;--white:#f8f7f6;--muted:#aab0bb}
html{scroll-padding-top:28px}body{font-family:Inter,Arial,sans-serif;background:radial-gradient(ellipse at 82% 4%,#ff800013,transparent 39%),#080a0d}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(#000,transparent 70%)}
button,input,select{font-family:inherit}.nav{background:#090c11f3;min-height:86px;height:auto;box-shadow:0 15px 50px #0004;border-bottom:1px solid #343943;backdrop-filter:blur(16px)}.brand{font-family:'Barlow Condensed',Impact,Arial,sans-serif;font-size:30px;letter-spacing:.045em}.brand img{border:1px solid #ff790033;box-shadow:0 0 23px #ff790019}.nav nav{gap:19px;flex-wrap:wrap}.nav nav a{font-size:10px;letter-spacing:.065em;transition:color .2s}.nav nav a:last-child{border:1px solid #a65c2c;border-radius:4px;background:#ff79000c}
.hero{height:700px;min-height:570px;max-height:none;background:#0b0d11}.hero-img{background-position:center 47%;filter:saturate(1.13) contrast(1.13)}.hero:before{background:linear-gradient(90deg,#07090be8 0%,#08090bd1 35%,#090a0d53 73%,#08090b55),linear-gradient(0deg,#080a0d 0%,transparent 31%)}.hero-overlay{max-width:790px}.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:.18em;color:#ffb56d;background:#ff780015;border:1px solid #ff780041;padding:11px 16px}.hero-spark{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px #ff8c24}.hero h1{font-family:'Barlow Condensed',Impact,Arial,sans-serif;font-size:clamp(66px,8vw,122px);font-weight:900;line-height:.86;letter-spacing:-.012em;text-transform:uppercase;margin:26px 0 22px}.hero h1 span{color:#ff890d;text-shadow:0 0 43px #ff75002c}.hero-underlabel{font-size:10px;letter-spacing:.21em;color:#ffae66;font-weight:900;margin:0 0 26px}.hero p{max-width:495px;color:#d2d3d7;font-size:15px;line-height:1.85}.hero-actions{margin-top:27px}.button{min-height:51px;border-radius:4px;letter-spacing:.07em;box-shadow:0 8px 30px #ff800019;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px);box-shadow:0 14px 36px #ff800030}.ghost{box-shadow:none;border-color:#676e79;background:#11131896}.ghost:hover{background:#ff8100;border-color:#ff8100;color:#141414}
.shop-marquee{overflow:hidden;white-space:nowrap;background:linear-gradient(90deg,#ff850b,#e96604);color:#130b05;border-top:1px solid #ffb661;border-bottom:1px solid #ffad52}.shop-marquee>div{width:max-content;display:block;font:900 18px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.13em;padding:15px 20px;animation:shop-scroll 40s linear infinite}.shop-marquee i{font-style:normal;margin:0 24px;color:#fff6}
@keyframes shop-scroll{to{transform:translateX(-40%)}}
.section-top .kicker{font-size:10px;color:#ffa04e;letter-spacing:.18em}.section-top h2,.how h2{font:900 clamp(42px,5vw,70px)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:.006em;text-transform:uppercase}.section-top h2 em{color:#ff8d1f}.features{padding-top:95px;padding-bottom:100px}.feature-grid article,.steps>div{background:linear-gradient(140deg,#1c2028,#101319);border:1px solid #323945;position:relative;overflow:hidden;border-radius:6px;transition:transform .2s,border-color .2s}.feature-grid article:hover{transform:translateY(-4px);border-color:#ff820087}.feature-grid b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:54px;color:#ff8b21}.feature-grid h3,.steps h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;letter-spacing:.03em}.feature-grid p{line-height:1.85}
.shop-section{background:radial-gradient(ellipse at 50% 0%,#ff790013,transparent 42%),#0f1217;border-top:1px solid #282d34;border-bottom:1px solid #282d34;padding-top:97px;padding-bottom:105px}.shop-section .section-top{margin-bottom:35px}.presale-label{color:#ffb677;background:#ff790011;border-color:#9b5b31;padding:10px 15px}.login-status{background:#11151c;border:1px solid #393e48;border-left:3px solid var(--accent);padding:14px 17px;border-radius:4px;max-width:650px}.account-actions{margin-bottom:35px}.plan-grid{gap:15px;align-items:stretch}.plan{border:1px solid #3a414a;border-radius:9px;background:radial-gradient(circle at 50% 17%,#ff790012,transparent 40%),linear-gradient(170deg,#1c2028,#101319 72%);padding:29px 24px 26px;position:relative;overflow:hidden;box-shadow:0 16px 45px #0003;transition:transform .25s,border-color .25s,box-shadow .25s}.plan:before{content:"";height:3px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,transparent,#ff8e2b,transparent);opacity:.55}.plan:hover{transform:translateY(-7px);border-color:#ff8b259a;box-shadow:0 25px 55px #0009,0 0 30px #ff790012}.plan.featured{border:1px solid #ce7738;background:radial-gradient(circle at 49% 23%,#ff800027,transparent 49%),linear-gradient(150deg,#29221e,#14161b 82%);box-shadow:0 0 35px #ff79000f,0 15px 50px #0005}.plan .ribbon{background:#ff850e;color:#140d07;border-radius:0 0 5px 5px;letter-spacing:.12em}.plan .tier{display:inline-block;color:#ffa95c;font-size:10px;letter-spacing:.12em;font-weight:900}.plan img{filter:drop-shadow(0 20px 25px #000a);transition:transform .3s;max-width:100%}.plan:hover img{transform:translateY(-5px) scale(1.04)}.plan h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(31px,3vw,44px);font-weight:900;letter-spacing:.01em}.plan p{min-height:58px;color:#b7bbc5;line-height:1.7}.plan .price{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(34px,3vw,43px);letter-spacing:.005em;color:#fff}.plan .price small{font-family:Inter,Arial,sans-serif;color:#aeb4bd;font-size:12px}.plan .extra{font-weight:800;color:#ffad60;letter-spacing:.02em}.vip-benefits{background:#0c1016;border-color:#3a414b;border-radius:5px;margin-block:16px}.vip-benefits summary{padding:15px 8px;color:#ffad59;font-size:10px}.vip-benefits[open]{border-color:#ff8a2259}.vip-benefits ul{line-height:1.75}.plan .select{margin-top:24px;border-radius:4px;min-height:52px}.shop-notice{color:#a5aab2;margin-top:34px}.how{padding-top:100px;padding-bottom:105px}.steps>div{padding:30px}.steps strong{font:900 56px 'Barlow Condensed',Impact,sans-serif;color:#ff901c}.foot{padding-top:38px;padding-bottom:36px;align-items:center}.foot strong{font:900 27px 'Barlow Condensed',Impact,sans-serif}.shop-footer-links{display:flex;flex-wrap:wrap;gap:15px 25px;justify-content:flex-end;font-size:11px;font-weight:800}.shop-footer-links a{color:#b6bbc4}.shop-footer-links a:hover{color:#ff9b36}
dialog{border:1px solid #a65b32;background:radial-gradient(circle at 100% 0%,#ff790016,transparent 50%),#141920;border-radius:11px;box-shadow:0 35px 100px #000c}dialog .close{color:#ffb778;cursor:pointer}dialog h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px}input,select{border-radius:4px;background:#0c0f14;border-color:#343b45}input:focus,select:focus{box-shadow:0 0 0 3px #ff790022}.order-code{border-radius:5px;background:#0b0e14}.confirmation{color:#a6eab9}
@media(max-width:1120px){.nav nav{gap:11px}.nav nav a{font-size:9px}.hero{height:650px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan h3{font-size:38px}}
@media(max-width:680px){body{overflow-x:clip}.nav{min-height:72px;padding:10px 15px;gap:8px}.brand{font-size:24px}.nav nav{flex:1;justify-content:flex-end;gap:6px}.nav nav a:not(:last-child){display:none}.nav nav a:last-child{display:inline-flex;font-size:9px;letter-spacing:.015em;padding:10px}.hero{height:auto;min-height:585px;padding:75px 0 80px}.hero-overlay{margin:0 20px}.hero h1{font-size:clamp(59px,15.2vw,86px);line-height:.89;margin:23px 0}.hero-underlabel{font-size:9px;letter-spacing:.1em}.hero .eyebrow{font-size:9px;letter-spacing:.07em;padding:10px}.hero p{font-size:14px;line-height:1.8;max-width:350px}.hero-actions{align-items:stretch}.hero-actions .button{width:100%;margin:0}.shop-marquee>div{font-size:15px}.features,.shop-section,.how{padding-top:73px;padding-bottom:75px}.wrap{padding-inline:20px}.section-top h2,.how h2{font-size:clamp(41px,10.6vw,54px)}.feature-grid,.steps,.plan-grid{grid-template-columns:1fr}.plan{min-height:0;padding:26px 23px}.plan img{height:112px;margin:13px auto}.plan p{min-height:0}.plan .price{font-size:43px}.foot{align-items:start}.shop-footer-links{justify-content:flex-start}.shop-notice{text-align:left}dialog{width:calc(100% - 24px);max-height:92dvh;overflow:auto;padding:26px 20px}.button{white-space:normal;text-align:center}.shop-section .section-top{margin-bottom:27px}}
@media(prefers-reduced-motion:reduce){.shop-marquee>div{animation:none}.button,.plan,.plan img,.feature-grid article{transition:none}.button:hover,.plan:hover,.plan:hover img,.feature-grid article:hover{transform:none}}

/* Auditoria mobile: atalhos antes ocultos na navegação compacta */
.shop-mobile-links{display:none}
@media(max-width:680px){.shop-mobile-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 13px;background:#0d1015;border-bottom:1px solid #393b43}.shop-mobile-links a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 5px;text-align:center;color:#ffb06a;background:#1a1d23;border:1px solid #57402d;border-radius:4px;font-size:9px;font-weight:800;line-height:1.35;letter-spacing:.02em}}


/* Faixa com itens indivisíveis e conjuntos de largura idêntica. */
.shop-marquee{width:100%;overflow:hidden;display:flex;align-items:center;min-height:50px}
.shop-marquee>.shop-marquee-track{display:flex;align-items:center;flex:none;width:max-content;padding:0;gap:0;white-space:nowrap;font:900 18px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;animation:shop-marquee-seamless 40s linear infinite;will-change:transform}
.shop-marquee-set{display:flex;align-items:center;justify-content:space-around;flex:none;gap:24px;min-width:100vw;padding:16px 24px 16px 0;white-space:nowrap}
.shop-marquee-item{display:block;flex:none;white-space:nowrap;line-height:1.2}
.shop-marquee-set i{display:block;flex:none;margin:0;padding:0;font:normal 12px/1 Arial,sans-serif;color:#251305}
.nav .brand img{object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}
@keyframes shop-marquee-seamless{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:680px){.shop-marquee>.shop-marquee-track{font-size:14px}.shop-marquee-set{gap:20px;padding:14px 20px 14px 0}}
@media(prefers-reduced-motion:reduce){.shop-marquee>.shop-marquee-track{animation:none}}

/* Mantém o cabeçalho e a logo da loja visíveis no celular. */
@media(max-width:760px){header.nav:not(.open){visibility:visible}}

/* Vitrine dos comércios de clãs — destaque comercial e CTA acessível */
.commerce-promo{padding-top:75px;padding-bottom:85px;position:relative;isolation:isolate}
.commerce-promo-inner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:36px;align-items:center;overflow:hidden;padding:clamp(30px,5vw,64px);background:radial-gradient(circle at 87% 13%,#ff790023,transparent 42%),linear-gradient(135deg,#1a1d24 0%,#101319 67%,#17120e 100%);border:1px solid #504235;border-radius:18px;box-shadow:0 30px 80px #0005}
.commerce-promo-copy{position:relative;z-index:1}.commerce-promo-copy h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(40px,5.2vw,72px);line-height:1.02;letter-spacing:-.01em;margin:17px 0 19px;max-width:850px}.commerce-promo-copy h2 em{color:#ff8c22;font-style:normal}
.commerce-promo-copy>p{font-size:clamp(15px,1.5vw,18px);line-height:1.75;color:#c9cbd1;max-width:640px;margin:0 0 25px}
.commerce-promo-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:29px}.commerce-promo-features span{border:1px solid #51483d;border-radius:5px;padding:9px 12px;font-size:10px;font-weight:850;letter-spacing:.09em;color:#e8d9c9;background:#ff850009}
.commerce-promo-action{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.commerce-promo-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:15px 27px!important;position:relative;z-index:5;pointer-events:auto!important;cursor:pointer!important;text-decoration:none!important;white-space:normal}.commerce-promo-cta:hover{filter:brightness(1.12);transform:translateY(-2px)}.commerce-promo-hint{font-size:12px;color:#9ea4af}
.commerce-promo-price{padding:30px 25px;background:linear-gradient(145deg,#ff820015,#101217);border:1px solid #ff8a244d;border-radius:13px;text-align:left;position:relative}.commerce-promo-price>span{font-size:11px;font-weight:850;letter-spacing:.15em;color:#f9b77d}.commerce-promo-price strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(53px,5.8vw,82px);line-height:1.1;color:#fff;margin-top:15px;white-space:nowrap}.commerce-promo-price small{font-size:12px;font-weight:850;letter-spacing:.18em;color:#ff932c}.commerce-promo-price-rule{height:1px;background:#574433;margin:26px 0 17px}.commerce-promo-price p{font-size:14px;color:#c5c5c9;line-height:1.5;margin:0}
@media(max-width:850px){.commerce-promo-inner{grid-template-columns:1fr;gap:24px}.commerce-promo-price{max-width:100%}.commerce-promo-price strong{font-size:64px}}
@media(max-width:480px){.commerce-promo{padding-top:45px;padding-bottom:55px}.commerce-promo-inner{padding:25px 20px}.commerce-promo-cta{width:100%}.commerce-promo-copy h2{font-size:44px}}

/* Correção do cartão de aluguel: preço centralizado, sem transbordar a borda */
.commerce-promo-inner{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}
.commerce-promo-price{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden;padding:clamp(20px,2.4vw,32px);text-align:center}
.commerce-promo-price>span,.commerce-promo-price small{display:block}
.commerce-promo-price strong{display:block;width:100%;max-width:100%;margin:14px auto 6px;font-size:clamp(38px,4vw,64px);line-height:1.15;letter-spacing:-.025em;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums}
.commerce-promo-price-rule{margin:22px 0 16px}
.commerce-promo-price p{text-align:center}
@media(max-width:1100px){.commerce-promo-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.commerce-promo-price strong{font-size:clamp(36px,4.4vw,56px)}}
@media(max-width:850px){.commerce-promo-inner{grid-template-columns:minmax(0,1fr)}.commerce-promo-price{max-width:460px;margin:0 auto}.commerce-promo-price strong{font-size:clamp(42px,9vw,64px)}}
@media(max-width:400px){.commerce-promo-price strong{font-size:clamp(35px,10vw,47px)}}

/* Conversão: comparação de VIPs, etapas de confiança e hierarquia comercial */
.vip-comparison{margin:45px 0 25px;padding:clamp(20px,4vw,38px);border:1px solid #393d46;border-radius:13px;background:linear-gradient(130deg,#1c2027,#101318)}
.vip-comparison .section-top{margin-bottom:20px}.vip-comparison h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:900;margin:10px 0}.vip-comparison .section-top p{color:#bfc5cd}
.vip-comparison-scroll{overflow-x:auto;max-width:100%;scrollbar-color:#ff8c28 #1d222b}.vip-comparison table{width:100%;min-width:650px;border-collapse:collapse;text-align:center}.vip-comparison th,.vip-comparison td{padding:16px 12px;border-bottom:1px solid #343943;font-size:13px}.vip-comparison th:first-child{text-align:left}.vip-comparison thead th{color:#ff9c43;font-size:11px;letter-spacing:.08em}.vip-comparison tbody td{color:#e5e9ef}.vip-comparison tbody th{color:#c9cdd3;font-weight:650}
.store-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:8px;margin-bottom:55px}.store-trust article{border:1px solid #373c46;border-radius:9px;background:#161b22;padding:25px}.store-trust strong{font-size:12px;letter-spacing:.08em;color:#ff9a39}.store-trust p{font-size:13px;line-height:1.65;color:#bfc5ce;margin:13px 0 0}
.hero-actions .button{min-height:52px}.plan{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.plan:hover{transform:translateY(-5px);border-color:#ff8b2777;box-shadow:0 22px 55px #0007}.plan .select{width:100%;min-height:49px}
@media(max-width:700px){.store-trust{grid-template-columns:1fr}.vip-comparison{padding:20px 15px}.plan:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.plan{transition:none}.plan:hover{transform:none}}

/* Selo Premium: mantido dentro do card para não ser cortado pelo overflow */
.plan.featured{padding-top:48px}
.plan.featured .ribbon{position:absolute;top:0;left:50%;right:auto;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 18px);width:max-content;min-height:29px;padding:7px 12px;border-radius:0 0 6px 6px;white-space:nowrap;line-height:1.2;font-size:clamp(9px,.8vw,11px);letter-spacing:.06em;z-index:2}
@media(max-width:680px){.plan.featured .ribbon{font-size:10px;letter-spacing:.09em}}

/* Emblemas oficiais: palco iluminado, profundidade e movimento suave. */
.plan .vip-emblem{position:relative;isolation:isolate;width:calc(100% + 24px);height:210px;display:grid;place-items:center;flex:none;margin:10px -12px 22px}
.plan .vip-emblem::before{content:"";position:absolute;z-index:-1;inset:15% 4%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,128,13,.23),rgba(255,128,13,.04) 55%,transparent 72%);transition:opacity .3s,transform .5s}
.plan .vip-emblem::after{content:"";position:absolute;bottom:2px;width:65%;height:12px;border-radius:50%;background:#ff85002b;filter:blur(10px)}
.plan .vip-emblem img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;margin:0;filter:drop-shadow(0 12px 12px #0009) drop-shadow(0 0 8px #ff85002b);animation:vip-emblem-float 6s ease-in-out infinite;transition:filter .35s}
.plan:nth-child(2) .vip-emblem img{animation-delay:-1.5s}
.plan:nth-child(3) .vip-emblem img{animation-delay:-3s}
.plan:nth-child(4) .vip-emblem img{animation-delay:-4.5s}
.plan.featured .vip-emblem::before{background:radial-gradient(ellipse,#ff9b0040,transparent 72%)}
@media(hover:hover){.plan:hover .vip-emblem::before{transform:scale(1.12);opacity:1}.plan:hover .vip-emblem img{filter:drop-shadow(0 15px 13px #000a) drop-shadow(0 0 16px #ff850066);transform:none}}
@keyframes vip-emblem-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(min-width:1121px){.plan-grid .plan{padding-inline:18px}.plan .vip-emblem{height:190px}}
@media(max-width:680px){.plan .vip-emblem{height:250px;max-width:370px;width:calc(100% + 20px);margin:12px auto 20px}.plan .vip-emblem img{height:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.plan .vip-emblem img{animation:none;transition:none}.plan .vip-emblem::before{transition:none}}

/* Alinhamento horizontal consistente dos quatro emblemas em telas pequenas. */
@media(max-width:680px){
  .plan .vip-emblem{
    box-sizing:border-box;
    width:100%;
    max-width:none;
    height:230px;
    margin:12px 0 20px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    justify-self:stretch;
  }
  .plan .vip-emblem img{
    display:block;
    flex:none;
    width:min(100%,300px);
    max-width:100%;
    height:100%;
    margin:0 auto;
    object-fit:contain;
    object-position:center center;
  }
  .plan .vip-emblem::before{inset:15% 8%}
  .plan .vip-emblem::after{left:50%;transform:translateX(-50%)}
}


/* Cabeçalho da loja — navegação premium responsiva GamaMC */
header.nav{
  position:sticky;top:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  width:100%;min-height:82px;height:auto;
  padding:12px clamp(18px,3vw,52px);gap:clamp(14px,2vw,30px);
  background:linear-gradient(110deg,rgba(10,14,20,.97),rgba(16,19,25,.96));
  border-bottom:1px solid #51402f;
  box-shadow:0 12px 36px #0006, inset 0 -1px #ff790013;
  backdrop-filter:blur(20px);
}
header.nav::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#ff790080 35%,#ff790035 75%,transparent);pointer-events:none}
header.nav .brand{display:inline-flex;align-items:center;gap:11px;flex:none;white-space:nowrap;letter-spacing:.045em;font-size:clamp(24px,2.1vw,31px);line-height:1}
header.nav .brand img{display:block;width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 10px #ff79003b)}
header.nav .brand>span{font-weight:900}
header.nav nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(5px,.65vw,13px);flex-wrap:wrap;min-width:0}
header.nav nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px clamp(7px,.7vw,12px);font-size:clamp(9px,.72vw,11px);font-weight:800;letter-spacing:.055em;line-height:1.2;text-align:center;white-space:nowrap;color:#d3d7df;border:1px solid transparent;border-radius:8px;transition:background .18s,color .18s,border-color .18s}
header.nav nav a:hover,header.nav nav a:focus-visible{color:#ffad58;background:#ff790012;border-color:#ff79003c;outline:none}
header.nav nav a[href="#planos"]{color:#ffac5b;border-color:#80502b;background:#ff790013}
header.nav nav a:last-child{color:#111;background:linear-gradient(135deg,#ffae52,#ff7900);border:1px solid #ff9e38;box-shadow:0 5px 20px #ff790022;padding-inline:15px}
header.nav nav a:last-child:hover{background:#ffc078;color:#111;box-shadow:0 6px 24px #ff790044}
html{scroll-padding-top:100px}
@media(max-width:1180px){
 header.nav{gap:12px;padding-inline:20px}
 header.nav nav{gap:3px}
 header.nav nav a{padding-inline:7px;font-size:9px}
 header.nav .brand img{width:46px;height:46px}
 header.nav .brand{font-size:25px}
}
@media(max-width:950px){
 header.nav{min-height:72px;padding:10px 18px}
 header.nav nav a:not(:last-child){display:none}
 header.nav nav a:last-child{display:inline-flex;font-size:11px;padding:12px 17px}
 header.nav .brand{font-size:27px}
 header.nav .brand img{width:49px;height:49px}
}
@media(max-width:680px){
 header.nav{min-height:68px;padding:9px 14px;gap:10px}
 header.nav .brand{font-size:24px;gap:7px}
 header.nav .brand img{width:44px;height:44px}
 header.nav nav{flex:0 0 auto}
 header.nav nav a:last-child{font-size:10px;padding:10px 12px;min-height:37px;letter-spacing:.03em}
 html{scroll-padding-top:80px}
}


/* Ajuste final: alinhamento uniforme do cabeçalho */
header.nav{box-sizing:border-box;align-items:center;justify-content:space-between}
header.nav .brand{align-self:center;margin:0;min-height:54px;line-height:1;flex-shrink:0}
header.nav .brand img,header.nav .brand>span{vertical-align:middle}
header.nav nav{align-self:center;align-content:center;justify-content:flex-end;flex:1 1 auto;row-gap:6px;margin:0}
header.nav nav a{box-sizing:border-box;align-self:center;min-height:40px;line-height:1.2}
@media(min-width:951px){
 header.nav{min-height:86px;gap:18px}
 header.nav nav{flex-wrap:nowrap;gap:clamp(2px,.45vw,9px)}
 header.nav nav a{font-size:clamp(8px,.66vw,10px);padding-inline:clamp(5px,.5vw,10px)}
}
@media(min-width:951px) and (max-width:1180px){
 header.nav .brand{font-size:23px;gap:7px}
 header.nav .brand img{width:43px;height:43px}
 header.nav nav a{font-size:8px;padding-inline:4px}
}
@media(max-width:950px){
 header.nav{flex-wrap:nowrap}
 header.nav nav{flex:0 0 auto;flex-wrap:nowrap;align-items:center}
 header.nav .brand{min-height:0}
}



/* Cabeçalho equilibrado: logo, navegação e Discord em três áreas reais. */
header.nav{display:grid;grid-template-columns:190px minmax(0,1fr) 190px;gap:20px;padding:14px max(24px,calc((100% - 1280px)/2));min-height:86px}
header.nav .brand{justify-self:start;font-size:28px;gap:9px}
header.nav .brand img{width:48px;height:48px}
header.nav nav{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:nowrap;width:100%;margin:0}
header.nav nav a{font-size:10px;padding:10px 8px;min-height:40px}
header.nav nav a:last-child{color:#d3d7df;background:transparent;border-color:transparent;box-shadow:none;padding-inline:8px}
header.nav nav a:last-child:hover{color:#ffad58;background:#ff790012;border-color:#ff79003c;box-shadow:none}
header.nav>.header-discord{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:12px 19px;border:1px solid #ff9e38;border-radius:8px;background:linear-gradient(135deg,#ffae52,#ff7900);color:#111;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.05em;white-space:nowrap}
header.nav>.header-discord:hover{background:#ffc078}
@media(min-width:951px) and (max-width:1250px){
 header.nav{grid-template-columns:160px minmax(0,1fr) 110px;gap:12px;padding-inline:24px}
 header.nav .brand{font-size:24px}
 header.nav .brand img{width:42px;height:42px}
 header.nav nav{gap:0}
 header.nav nav a{font-size:9px;padding-inline:5px}
 header.nav>.header-discord{font-size:10px;padding-inline:13px}
}
@media(max-width:950px){
 header.nav{grid-template-columns:1fr auto;gap:12px;min-height:72px;padding:12px 20px}
 header.nav nav{display:none}
 header.nav .brand{font-size:26px;min-height:0}
 header.nav .brand img{width:44px;height:44px}
 header.nav>.header-discord{font-size:10px;padding:10px 14px;min-height:40px}
}
@media(max-width:480px){header.nav{padding:10px 14px}header.nav .brand{font-size:23px;gap:7px}}

/* Navegação móvel compacta da loja: atalhos em uma faixa rolável */
@media(max-width:950px){
 header.nav{position:relative;z-index:101;min-height:72px;padding:11px 18px;grid-template-columns:minmax(0,1fr) auto;gap:12px}
 header.nav .brand{font-size:clamp(23px,6vw,27px);min-width:0}
 header.nav .brand img{width:46px;height:46px;flex:none}
 header.nav>.header-discord{min-height:42px;padding:11px 16px;border-radius:10px;font-size:11px;box-shadow:0 5px 18px #ff830027}
 .shop-mobile-links{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:9px;padding:11px 18px 13px;margin:0;min-height:65px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;background:linear-gradient(180deg,#151920,#0d1118);border-bottom:1px solid #343943}
 .shop-mobile-links::-webkit-scrollbar{display:none}
 .shop-mobile-links a{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:41px;margin:0!important;padding:10px 15px!important;border:1px solid #554334;border-radius:9px;background:#1a1c22;color:#ffb16d;font-size:11px;font-weight:800;letter-spacing:.045em;white-space:nowrap;text-align:center;text-decoration:none}
 .shop-mobile-links a:active{background:#2b211b;border-color:#ff9136}
}
@media(max-width:480px){header.nav{padding:10px 15px}.shop-mobile-links{padding-inline:15px;gap:8px}.shop-mobile-links a{font-size:10px;padding-inline:13px!important}}