/* PeladoZ Modern Concept — HOME overrides */
:root{--#cc0000:#cc0000!important;--green:#61d887!important;--text:#f6f3ef!important;--muted:#989da3!important;--line:rgba(255,255,255,.085)!important;--panel:#101316!important;--panel2:#15191d!important}
body{background:radial-gradient(900px 500px at 76% -8%,rgba(204,0,0,.13),transparent 62%),radial-gradient(680px 420px at 8% 42%,rgba(255,255,255,.026),transparent 65%),linear-gradient(180deg,#090b0d,#060708 60%,#050607)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.006em}
.home-header{background:rgba(8,10,12,.82)!important;backdrop-filter:blur(20px) saturate(130%)!important;-webkit-backdrop-filter:blur(20px) saturate(130%)!important;box-shadow:0 10px 35px rgba(0,0,0,.22)!important}.home-header-inner,.wrap{max-width:1220px!important}.menu{gap:6px!important}.menu a{border-radius:10px!important;padding:11px 13px!important;transition:.2s ease!important}.menu a:hover{background:rgba(255,255,255,.04)!important}.menu .hot{border-color:rgba(204,0,0,.34)!important;background:rgba(204,0,0,.10)!important}
.hero{min-height:650px!important;gap:64px!important}.hero h1{font-size:clamp(62px,7.1vw,102px)!important;line-height:.87!important;letter-spacing:-.07em!important}.hero p{font-size:16px!important;color:#a1a6ab!important}.eyebrow{color:#cc0000!important;letter-spacing:.19em!important}.btn{border-radius:12px!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.1)!important;transition:.2s ease!important}.btn:hover{transform:translateY(-2px);border-color:rgba(204,0,0,.34)!important;background:rgba(204,0,0,.07)!important}.btn.primary{background:linear-gradient(180deg,#ef1818,#a30814)!important;border:0!important;box-shadow:0 10px 28px rgba(204,0,0,.2)!important}
.hero-card,.feature,.shop-cta,.player,.mini{border-color:rgba(255,255,255,.085)!important;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important}.hero-card{border-radius:20px!important;padding:30px!important;box-shadow:0 24px 70px rgba(0,0,0,.32)!important}.mini{border-radius:13px!important}.bar{height:7px!important;border-radius:99px!important;background:#1a1d20!important}.bar span{border-radius:99px!important;background:linear-gradient(90deg,#20b96b,#56e58f)!important}.restart-display .clock-icon{border-color:#cfd4d8!important;filter:drop-shadow(0 0 6px rgba(255,255,255,.10))!important}
.section{padding:84px 0!important}.section h2{font-size:clamp(34px,4vw,48px)!important}.features{gap:15px!important}.feature{border-radius:18px!important;min-height:200px!important;transition:.22s ease!important}.feature:hover{transform:translateY(-4px);border-color:rgba(204,0,0,.25)!important;box-shadow:0 18px 50px rgba(0,0,0,.2),0 0 32px rgba(204,0,0,.045)}.feature .icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:rgba(204,0,0,.08);border:1px solid rgba(204,0,0,.16);font-size:22px!important}.shop-cta{border-radius:20px!important;padding:40px!important;background:radial-gradient(520px 260px at 0 0,rgba(204,0,0,.12),transparent 65%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;box-shadow:0 20px 60px rgba(0,0,0,.2)}.player{border-radius:12px!important}.back-to-top{background:linear-gradient(180deg,#ef1818,#a30814)!important;border-color:rgba(204,0,0,.55)!important;box-shadow:0 12px 32px rgba(0,0,0,.42),0 0 22px rgba(204,0,0,.14)!important}
@media(max-width:850px){.home-header-inner,.wrap{padding-left:14px!important;padding-right:14px!important}.hero{gap:34px!important}.hero-card{padding:22px!important}}

/* Discord button — force official Discord purple over generic .btn overrides */
.btn.discord-btn{
  background:linear-gradient(180deg,#6f7bf7 0%,#5865F2 55%,#4752c4 100%)!important;
  border:1px solid rgba(158,166,255,.72)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(88,101,242,.30),0 0 20px rgba(88,101,242,.28),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.btn.discord-btn:hover{
  background:linear-gradient(180deg,#7a86ff 0%,#6571f5 55%,#5360d6 100%)!important;
  border-color:rgba(190,196,255,.9)!important;
  box-shadow:0 10px 30px rgba(88,101,242,.40),0 0 30px rgba(88,101,242,.38),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* Mobile — padroniza o alinhamento visual dos ícones dos cards */
@media(max-width:560px){
  .feature{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .feature .icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    flex:0 0 46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
    text-align:center!important;
    vertical-align:middle!important;
    font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;
    font-size:22px!important;
  }
  .feature h3{
    width:100%!important;
    margin:28px 0 9px!important;
  }
}

/* ==========================================================
   BG PeladoZ — HOME
   Vermelho/vinho escuro + preto, sem azul ou roxo
   ========================================================== */
html{
  background:#050506!important;
}
body{
  background:
    radial-gradient(760px 640px at 108% 8%,rgba(204,0,0,.34) 0%,rgba(204,0,0,.20) 34%,rgba(204,0,0,.09) 52%,transparent 70%),
    linear-gradient(135deg,transparent 0%,transparent 58%,rgba(204,0,0,.055) 72%,rgba(204,0,0,.14) 100%),
    linear-gradient(180deg,#080809 0%,#060607 52%,#050506 100%)!important;
  background-attachment:fixed!important;
  background-size:cover!important;
}

/* PeladoZ: compact vertical rhythm on phones */
@media (max-width:560px){
  .section{padding:44px 0!important}
  .section + .section{padding-top:30px!important}
  .shop-cta{margin-bottom:0!important}
  .section-head{margin-bottom:20px!important}
}

/* PeladoZ — mobile: reduce somente espaços verticais entre seções */
@media (max-width:850px){
  .hero{
    min-height:auto!important;
    padding:34px 0 26px!important;
    gap:24px!important;
  }
}
@media (max-width:560px){
  .hero{
    padding:26px 0 18px!important;
    gap:18px!important;
  }
  .hero-card{margin-bottom:0!important}
  .section{padding:28px 0!important}
  .section + .section{padding-top:18px!important}
  #recursos{padding-top:24px!important}
}

/* PeladoZ — mobile: respiro entre o header e o início da seção Bem-vindo */
@media (max-width:560px){
  .hero{
    padding-top:44px!important;
  }
}

/* PeladoZ — desktop: reduz somente o espaço vertical entre Recursos, Loja e Ao vivo */
@media (min-width:851px){
  #recursos.section{
    padding-top:58px!important;
    padding-bottom:42px!important;
  }
  #recursos + .section{
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
  #sobreviventes.section{
    padding-top:42px!important;
    padding-bottom:58px!important;
  }
}

/* PeladoZ — header compacto ao rolar (Home) */
.home-header,
.home-header .home-header-inner{
  transition:height .28s cubic-bezier(.22,.61,.36,1), padding .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease, background-color .28s ease!important;
}
.home-header.is-scrolled{
  height:72px!important;
  background:rgba(7,8,9,.975)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.30)!important;
}
.home-header.is-scrolled .home-header-inner{height:72px!important}
@media(max-width:850px){
  .home-header.is-scrolled{height:62px!important}
  .home-header.is-scrolled .home-header-inner{height:62px!important}
}
@media(prefers-reduced-motion:reduce){
  .home-header,.home-header .home-header-inner{transition:none!important}
}

/* ==========================================================
   PeladoZ — DayZ background somente desktop/web
   Mantém os efeitos vermelhos/partículas existentes e deixa
   a arte mais aparente no lado esquerdo.
   ========================================================== */
@media (min-width:851px){
  body{
    background-color:#050506!important;
    background-image:
      radial-gradient(1120px 780px at 105% 14%,rgba(204,0,0,.20) 0%,rgba(204,0,0,.115) 36%,rgba(204,0,0,.045) 58%,transparent 74%),
      radial-gradient(900px 720px at -14% 38%,rgba(204,0,0,.13) 0%,rgba(204,0,0,.07) 38%,rgba(58,4,9,.032) 58%,transparent 76%),
      linear-gradient(90deg,rgba(5,5,6,.82) 0%,rgba(5,5,6,.85) 38%,rgba(5,5,6,.91) 72%,rgba(5,5,6,.96) 100%),
      linear-gradient(180deg,rgba(5,5,6,.54) 0%,rgba(5,5,6,.74) 100%),
      url('/store/assets/dayz-chernarus-bg.png')!important;
    background-position:103% 14%,-14% 38%,center,center,left center!important;
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
    background-size:auto,auto,cover,cover,cover!important;
    background-attachment:fixed,fixed,fixed,fixed,fixed!important;
  }
}

/* PeladoZ — cards um pouco mais escuros/opacos */
.hero-card,
.feature,
.player,
.mini{
  background:linear-gradient(150deg,rgba(13,15,18,.68),rgba(8,10,12,.58))!important;
}
.shop-cta{
  background:
    radial-gradient(520px 260px at 0 0,rgba(204,0,0,.085),transparent 65%),
    linear-gradient(145deg,rgba(13,15,18,.70),rgba(8,10,12,.60))!important;
}


/* PeladoZ — CTA da loja mais sutil/elegante */
.shop-cta .store-cta-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:13px 18px!important;
  color:#e8eaec!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  text-shadow:none!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease!important;
}
.shop-cta .store-cta-btn .store-cart-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.88;
}
.shop-cta .store-cta-btn .store-arrow{
  display:inline-block;
  margin-left:1px;
  font-size:17px;
  line-height:1;
  transition:transform .24s cubic-bezier(.22,.61,.36,1);
}
.shop-cta .store-cta-btn:hover{
  color:#fff!important;
  transform:translateY(-2px)!important;
  background:rgba(204,0,0,.055)!important;
  border-color:rgba(204,0,0,.30)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24),0 0 24px rgba(204,0,0,.15)!important;
}
.shop-cta .store-cta-btn:hover .store-arrow{
  transform:translateX(5px);
}
.shop-cta .store-cta-btn:active{
  transform:translateY(0)!important;
}
@media(prefers-reduced-motion:reduce){
  .shop-cta .store-cta-btn,
  .shop-cta .store-cta-btn .store-arrow{transition:none!important}
}

/* PeladoZ — CTA Loja: toque dourado sutil, mais presente no hover */
.shop-cta .store-cta-btn{
  background:linear-gradient(180deg,rgba(236,190,62,.070),rgba(236,190,62,.018))!important;
  border-color:rgba(236,190,62,.20)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,216,104,.018)!important;
}
.shop-cta .store-cta-btn .store-cart-icon{
  color:#e6bc4d!important;
  opacity:.92!important;
}
.shop-cta .store-cta-btn:hover{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(236,190,62,.145),rgba(236,190,62,.050))!important;
  border-color:rgba(244,201,75,.48)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24),0 0 26px rgba(236,190,62,.18)!important;
}
.shop-cta .store-cta-btn:hover .store-cart-icon{
  color:#ffd968!important;
}

/* PeladoZ — sincronização vertical do header Home/Store */
.home-header,
.home-header-inner{height:82px!important}
.home-header .nav{height:100%!important;align-items:center!important}
.home-header .brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.home-header .brand img{
  display:block!important;
  height:58px!important;
  width:auto!important;
  max-width:205px!important;
  margin:0!important;
  padding:0!important;
  vertical-align:middle!important;
  transform:none!important;
}
.home-header.is-scrolled,
.home-header.is-scrolled .home-header-inner{height:72px!important}
@media(max-width:850px){
  .home-header,.home-header-inner{height:70px!important}
  .home-header .brand img{height:50px!important;max-width:190px!important}
  .home-header.is-scrolled,
  .home-header.is-scrolled .home-header-inner{height:62px!important}
}

/* ==========================================================
   PELADOZ DESIGN SYSTEM — REFINAMENTO GLOBAL HOME v1
   Padronização visual compartilhada com Store/Admin.
   ========================================================== */
:root{
  --pz-bg:#070809;
  --pz-bg-deep:#050607;
  --pz-panel:#101316;
  --pz-panel-2:#15191d;
  --pz-text:#f6f3ef;
  --pz-muted:#989da3;
  --pz-#cc0000:#cc0000;
  --pz-#cc0000-2:#cc0000;
  --pz-green:#45d878;
  --pz-gold:#e6bc4d;
  --pz-line:rgba(255,255,255,.085);
  --pz-line-strong:rgba(255,255,255,.12);
  --pz-line-hover:rgba(204,0,0,.30);
  --pz-radius:18px;
  --pz-radius-control:11px;
  --pz-radius-small:9px;
  --pz-container:1180px;
  --pz-page-pad:24px;
  --pz-shadow:0 18px 52px rgba(0,0,0,.22);
  --pz-glow:0 0 26px rgba(204,0,0,.13);
  --pz-font:Inter,"Segoe UI",Arial,sans-serif;
}
html,body{font-family:var(--pz-font)!important;color:var(--pz-text)}
.wrap,.home-header-inner{max-width:var(--pz-container)!important;padding-left:var(--pz-page-pad)!important;padding-right:var(--pz-page-pad)!important}
.home-header{border-bottom-color:var(--pz-line)!important}
.menu a{font-family:var(--pz-font)!important;font-size:12px!important;font-weight:850!important;letter-spacing:.055em!important}
.hero p,.section-head p,.feature p,.shop-cta p,.muted{color:var(--pz-muted)!important}
.hero-card,.feature,.shop-cta,.player,.mini{
  border-color:var(--pz-line)!important;
  border-radius:var(--pz-radius)!important;
  box-shadow:var(--pz-shadow)!important;
}
.mini,.player{border-radius:var(--pz-radius-control)!important}
.feature,.hero-card,.shop-cta{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important}
.feature:hover,.hero-card:hover,.shop-cta:hover{border-color:var(--pz-line-hover)!important}
.btn,.shop-cta .store-cta-btn,.language-current,.language-menu button{
  font-family:var(--pz-font)!important;
  border-radius:var(--pz-radius-control)!important;
}
.btn{min-height:46px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.btn.primary{background:linear-gradient(180deg,var(--pz-#cc0000),var(--pz-#cc0000-2))!important;border-color:rgba(255,255,255,.07)!important;box-shadow:0 9px 24px rgba(204,0,0,.18),inset 0 1px 0 rgba(255,255,255,.13)!important}
.btn.primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 30px rgba(204,0,0,.24),0 0 24px rgba(204,0,0,.13)!important}
.section h2,.shop-cta h2{color:var(--pz-text)}
.section h2{font-size:clamp(34px,3.5vw,42px)!important;line-height:1.02!important}
.feature h3{font-size:16px!important;line-height:1.3!important}
.feature p{font-size:14px!important;line-height:1.6!important}
.player-name{font-size:14px!important}.player-time{font-size:12px!important}
*:focus-visible{outline:0!important;box-shadow:0 0 0 3px rgba(204,0,0,.14)!important;border-color:rgba(204,0,0,.48)!important}
@media(max-width:850px){:root{--pz-page-pad:14px}.wrap,.home-header-inner{padding-left:14px!important;padding-right:14px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ==========================================================
   PeladoZ — padrão final para TODOS os botões vermelhos (HOME)
   Gradiente: #ef1818 -> #a30814
   Hover: borda mais clara no mesmo espírito do botão Discord.
   ========================================================== */
.btn.primary,
.back-to-top{
  background:linear-gradient(180deg,#ef1818 0%,#c30f16 52%,#a30814 100%)!important;
  border:1px solid rgba(255,90,96,.48)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(239,24,24,.10) inset,0 9px 25px rgba(163,8,20,.25),0 0 18px rgba(239,24,24,.14)!important;
  transition:transform .20s ease,filter .20s ease,border-color .20s ease,box-shadow .20s ease,background .20s ease!important;
}
.btn.primary:hover,
.back-to-top:hover{
  background:linear-gradient(180deg,#ef1818 0%,#c30f16 52%,#a30814 100%)!important;
  border-color:rgba(255,143,147,.88)!important;
  filter:brightness(1.06)!important;
  box-shadow:0 0 0 1px rgba(255,118,124,.16) inset,0 12px 30px rgba(163,8,20,.33),0 0 28px rgba(239,24,24,.26)!important;
}
.btn.primary:hover{transform:translateY(-2px)!important}
.back-to-top:hover{transform:translateY(-3px)!important}
.btn.primary:active{transform:translateY(0) scale(.985)!important}

/* FIX FINAL — JOGAR AGORA sempre com degradê PeladoZ */
.actions > a.btn.primary.play-now-btn,
.actions > a.btn.primary.play-now-btn:link,
.actions > a.btn.primary.play-now-btn:visited{
  background:#ef1818!important;
  background-image:linear-gradient(180deg,#ef1818 0%,#c30f16 52%,#a30814 100%)!important;
  border:1px solid rgba(255,90,96,.48)!important;
  box-shadow:0 0 0 1px rgba(239,24,24,.10) inset,0 9px 25px rgba(163,8,20,.25),0 0 18px rgba(239,24,24,.14)!important;
}
.actions > a.btn.primary.play-now-btn:hover{
  background:#ef1818!important;
  background-image:linear-gradient(180deg,#ef1818 0%,#c30f16 52%,#a30814 100%)!important;
  border-color:rgba(255,143,147,.88)!important;
  filter:brightness(1.06)!important;
  box-shadow:0 0 0 1px rgba(255,118,124,.16) inset,0 12px 30px rgba(163,8,20,.33),0 0 28px rgba(239,24,24,.26)!important;
}

/* PeladoZ — seção Regras no Index */
#regras{scroll-margin-top:104px}
.rules-section-head{align-items:end}
.rules-card{position:relative;overflow:hidden;border:1px solid var(--pz-line,rgba(255,255,255,.085));border-radius:20px;background:radial-gradient(620px 260px at 0 0,rgba(204,0,0,.075),transparent 66%),linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.014));box-shadow:0 20px 60px rgba(0,0,0,.20);padding:30px}
.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rule-item{min-width:0;display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid rgba(255,255,255,.072);border-radius:14px;background:rgba(6,7,8,.34);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.rule-item:hover{transform:translateY(-2px);border-color:rgba(204,0,0,.24);background:rgba(204,0,0,.035);box-shadow:0 12px 28px rgba(0,0,0,.16)}
.rule-number{flex:0 0 auto;color:#cc0000;font-size:11px;line-height:1;font-weight:900;letter-spacing:.12em;padding-top:4px;font-variant-numeric:tabular-nums}
.rule-item h3{margin:0 0 7px;color:var(--pz-text,#f6f3ef);font-size:15px;line-height:1.25}
.rule-item p{margin:0;color:var(--pz-muted,#989da3);font-size:13px;line-height:1.55}
.rules-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.075);color:var(--pz-muted,#989da3);font-size:13px}
.rules-footer a{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:#f6f3ef;font-weight:700;transition:color .2s ease,text-shadow .2s ease}
.rules-arrow{display:inline-block;transition:transform .22s cubic-bezier(.22,.61,.36,1)}
.rules-footer a:hover{color:#fff;text-shadow:0 0 14px rgba(204,0,0,.25)}
.rules-footer a:hover .rules-arrow{transform:translateX(4px)}
@media(max-width:850px){.rules-grid{grid-template-columns:1fr 1fr}.rules-card{padding:22px}}
@media(max-width:560px){#regras{scroll-margin-top:82px}.rules-grid{grid-template-columns:1fr}.rules-card{padding:16px}.rule-item{padding:16px}.rules-footer{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.rule-item,.rules-arrow{transition:none!important}}

/* PeladoZ — regras em card único com categorias */
#regras{scroll-margin-top:104px}
.rules-panel{
  position:relative;
  overflow:hidden;
  border:1px solid var(--pz-line,rgba(255,255,255,.085));
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.014));
  box-shadow:0 18px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
  padding:26px;
}
.rules-panel::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(560px 220px at 0 0,rgba(204,0,0,.055),transparent 68%);
}
.rules-panel-title{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0 0 22px;color:#f6f3ef;text-align:center}
.rules-panel-title span{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13))}
.rules-panel-title span:last-child{background:linear-gradient(90deg,rgba(255,255,255,.13),transparent)}
.rules-panel-title strong{font-size:12px;letter-spacing:.18em;font-weight:900;color:#b7bbc1}
.rules-tabs{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:7px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(4,5,6,.32);margin-bottom:18px}
.rules-tab{appearance:none;border:1px solid transparent;background:transparent;color:#8f949b;border-radius:9px;padding:12px 10px;font:inherit;font-size:11px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.rules-tab:hover{color:#f1f2f3;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.075)}
.rules-tab.active{color:#fff;background:linear-gradient(180deg,rgba(239,24,24,.18),rgba(163,8,20,.12));border-color:rgba(204,0,0,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 18px rgba(204,0,0,.07)}
.rules-content{position:relative;z-index:1;min-height:274px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(5,6,7,.30);padding:4px 20px}
.rules-pane{animation:rulesPaneIn .26s ease both}
.rules-pane[hidden]{display:none!important}
@keyframes rulesPaneIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.rule-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;align-items:start;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.065)}
.rule-row:last-child{border-bottom:0}
.rule-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(204,0,0,.23);background:rgba(204,0,0,.055);color:#cc0000;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.rule-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.rule-row h3{margin:1px 0 7px;color:#f4f1ed;font-size:14px;line-height:1.3;font-weight:800}
.rule-index{color:#cc0000;font-variant-numeric:tabular-nums;margin-right:2px}
.rule-row p{margin:0;color:var(--pz-muted,#989da3);font-size:13px;line-height:1.58}
.rules-panel-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px;color:var(--pz-muted,#989da3);font-size:12.5px}
.rules-panel-footer a{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:#f2f0ed;font-weight:700}
.rules-arrow{display:inline-block;transition:transform .22s cubic-bezier(.22,.61,.36,1)}
.rules-panel-footer a:hover{color:#fff;text-shadow:0 0 14px rgba(204,0,0,.24)}
.rules-panel-footer a:hover .rules-arrow{transform:translateX(4px)}
@media(max-width:760px){
  .rules-panel{padding:17px}
  .rules-panel-title{gap:10px;margin-bottom:16px}.rules-panel-title strong{font-size:10px;letter-spacing:.12em}
  .rules-tabs{grid-template-columns:1fr 1fr;gap:6px}.rules-tab{font-size:10px;padding:10px 7px}
  .rules-content{min-height:0;padding:2px 14px}.rule-row{grid-template-columns:40px 1fr;gap:12px;padding:16px 0}.rule-icon{width:38px;height:38px}
  .rules-panel-footer{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:440px){#regras{scroll-margin-top:82px}.rules-tabs{grid-template-columns:1fr}.rules-tab{text-align:left;padding-left:12px}}
@media(prefers-reduced-motion:reduce){.rules-pane{animation:none!important}.rules-tab,.rules-arrow{transition:none!important}}


/* PeladoZ — regras: fundo escuro alinhado aos demais cards */
.rules-panel{
  background:
    radial-gradient(620px 260px at 0 0,rgba(204,0,0,.035),transparent 68%),
    linear-gradient(145deg,rgba(5,6,7,.88),rgba(2,3,4,.94))!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.rules-tabs{background:rgba(0,0,0,.34)!important}
.rules-content{background:rgba(0,0,0,.30)!important;border-color:rgba(255,255,255,.055)!important}
.rule-row{border-bottom-color:rgba(255,255,255,.055)!important}

/* PeladoZ — Regras em sanfona interativa */
.rules-accordion-intro{
  position:relative;z-index:2;
  max-width:820px;
  margin:0 auto;
  text-align:center;
}
.rules-accordion-intro p{
  margin:0 auto 18px;
  max-width:760px;
  color:var(--pz-muted,#989da3);
  font-size:13.5px;
  line-height:1.7;
}
.rules-toggle{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:190px;
  min-height:44px;
  padding:0 20px;
  border:1px solid rgba(239,24,24,.58);
  border-radius:11px;
  background:linear-gradient(135deg,#ef1818 0%,#a30814 100%);
  color:#fff;
  box-shadow:0 8px 22px rgba(204,0,0,.16),inset 0 1px 0 rgba(255,255,255,.10);
  font:800 11px/1 Inter,Arial,sans-serif;
  letter-spacing:.075em;
  cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease;
}
.rules-toggle:hover{
  transform:translateY(-1px);
  border-color:rgba(255,112,112,.92);
  box-shadow:0 10px 28px rgba(204,0,0,.26),0 0 22px rgba(239,24,24,.14),inset 0 1px 0 rgba(255,255,255,.13);
  filter:brightness(1.06);
}
.rules-toggle:active{transform:translateY(0) scale(.985)}
.rules-toggle-chevron{width:17px;height:17px;display:grid;place-items:center;transition:transform .32s cubic-bezier(.22,.61,.36,1)}
.rules-toggle-chevron svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rules-toggle.open .rules-toggle-chevron{transform:rotate(180deg)}
.rules-accordion-body{
  position:relative;z-index:1;
  max-height:0;
  overflow:hidden;
  opacity:0;
  margin-top:0;
  transition:max-height .48s cubic-bezier(.22,.61,.36,1),opacity .28s ease,margin-top .38s ease;
}
.rules-accordion-body.open{opacity:1;margin-top:24px}
.rules-accordion-inner{min-height:0}
@media(max-width:760px){
  .rules-accordion-intro p{font-size:12.5px;line-height:1.65;margin-bottom:15px}
  .rules-toggle{min-width:176px;min-height:42px;padding:0 17px;font-size:10.5px}
  .rules-accordion-body.open{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){
  .rules-accordion-body,.rules-toggle,.rules-toggle-chevron{transition:none!important}
}

/* PeladoZ — Regras no mesmo padrão visual dos demais cards da Home */
.rules-panel{
  border:1px solid var(--pz-line,rgba(255,255,255,.085))!important;
  border-radius:var(--pz-radius,18px)!important;
  background:
    radial-gradient(520px 260px at 0 0,rgba(204,0,0,.085),transparent 65%),
    linear-gradient(145deg,rgba(13,15,18,.70),rgba(8,10,12,.60))!important;
  box-shadow:var(--pz-shadow,0 18px 48px rgba(0,0,0,.28))!important;
  padding:30px!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.rules-panel:hover{
  border-color:var(--pz-line-hover,rgba(255,255,255,.14))!important;
}
.rules-panel::before{
  background:none!important;
}
@media(max-width:850px){
  .rules-panel{padding:22px!important}
}
@media(max-width:560px){
  .rules-panel{padding:16px!important}
}

/* PeladoZ — hierarquia do resumo de Regras igual ao card Loja Oficial */
.rules-panel-title{
  margin-bottom:14px!important;
}
.rules-panel-title strong{
  font-size:34px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
  color:var(--pz-text,#f6f3ef)!important;
}
.rules-panel-title span{
  opacity:.42;
}
.rules-accordion-intro p{
  max-width:760px!important;
  margin:0 auto 20px!important;
  color:var(--pz-muted,#989da3)!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:400!important;
}
@media(max-width:760px){
  .rules-panel-title strong{
    font-size:28px!important;
    line-height:1.12!important;
    letter-spacing:-.03em!important;
  }
  .rules-accordion-intro p{
    font-size:14px!important;
    line-height:1.6!important;
    margin-bottom:18px!important;
  }
}
@media(max-width:440px){
  .rules-panel-title{grid-template-columns:20px minmax(0,1fr) 20px!important;gap:9px!important}
  .rules-panel-title strong{font-size:25px!important}
}

/* PeladoZ — mobile: Regras alinhadas como o card Loja Oficial */
@media(max-width:760px){
  #regras .rules-panel-title{
    display:block!important;
    text-align:left!important;
    margin:0 0 14px!important;
  }
  #regras .rules-panel-title span{
    display:none!important;
  }
  #regras .rules-panel-title strong{
    display:block!important;
    text-align:left!important;
  }
  #regras .rules-accordion-intro{
    max-width:none!important;
    margin:0!important;
    text-align:left!important;
  }
  #regras .rules-accordion-intro p{
    max-width:none!important;
    margin:0 0 18px!important;
    text-align:left!important;
  }
  #regras .rules-toggle{
    margin:0!important;
  }
}
@media(max-width:440px){
  #regras .rules-panel-title{
    display:block!important;
    grid-template-columns:none!important;
  }
}

/* PeladoZ — mobile: card Regras com o MESMO recuo interno do card Loja Oficial */
@media (max-width:760px){
  #regras .rules-panel{
    padding:40px!important;
  }
  #regras .rules-panel-title{
    margin:0 0 14px!important;
  }
  #regras .rules-panel-title strong{
    font-size:34px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
  }
  #regras .rules-accordion-intro p{
    font-size:15px!important;
    line-height:1.65!important;
    margin:0 0 20px!important;
  }
  #regras .rules-toggle{
    margin:0!important;
  }
}
@media (max-width:440px){
  #regras .rules-panel{
    padding:40px!important;
  }
  #regras .rules-panel-title strong{
    font-size:34px!important;
  }
}

/* PeladoZ — Regras alinhadas exatamente ao card Loja Oficial (desktop + mobile) */
#regras .rules-panel{
  padding:40px!important;
}
#regras .rules-cta-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:16px;
  align-items:center;
}
#regras .rules-cta-copy{
  min-width:0;
  text-align:left;
}
#regras .rules-cta-copy .eyebrow{
  margin:0 0 7px;
}
#regras .rules-cta-copy h2{
  margin:0 0 10px!important;
  color:var(--pz-text,#f6f3ef)!important;
  font-size:clamp(34px,3.5vw,42px)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  font-weight:900!important;
  text-align:left!important;
}
#regras .rules-cta-copy p{
  max-width:none!important;
  margin:0!important;
  color:var(--pz-muted,#989da3)!important;
  font-size:15px!important;
  line-height:1.6!important;
  font-weight:400!important;
  text-align:left!important;
}
#regras .rules-cta-action{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
#regras .rules-toggle{
  margin:0!important;
}
#regras .rules-toggle-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.92;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.08));
  transition:transform .22s ease,filter .22s ease;
}
#regras .rules-toggle:hover .rules-toggle-icon{
  transform:translateY(-1px);
  filter:drop-shadow(0 0 7px rgba(255,255,255,.18));
}
@media(max-width:850px){
  #regras .rules-cta-head{grid-template-columns:1fr}
  #regras .rules-cta-action{justify-content:flex-start}
  #regras .rules-cta-copy h2{font-size:clamp(30px,7vw,38px)!important}
}
@media(max-width:560px){
  #regras .rules-panel{padding:40px!important}
  #regras .rules-cta-copy h2{font-size:28px!important;line-height:1.12!important;letter-spacing:-.03em!important}
  #regras .rules-cta-copy p{font-size:14px!important;line-height:1.6!important}
}
@media(prefers-reduced-motion:reduce){
  #regras .rules-toggle-icon{transition:none!important}
}


/* FINAL OVERRIDE — botão MOSTRAR REGRAS no padrão dourado do CTA Loja */
#regras .rules-toggle{
  color:#7a5809!important;
  background:linear-gradient(180deg,rgba(244,200,74,.070),rgba(168,111,18,.018))!important;
  border:1px solid rgba(244,200,74,.22)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,224,138,.018)!important;
  text-shadow:none!important;
}
#regras .rules-toggle .rules-toggle-icon,
#regras .rules-toggle .rules-toggle-chevron{
  color:#f4c84a!important;
}
#regras .rules-toggle:hover{
  color:#7a5809!important;
  background:linear-gradient(180deg,rgba(244,200,74,.145),rgba(168,111,18,.050))!important;
  border-color:rgba(255,224,138,.52)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24),0 0 26px rgba(244,200,74,.18)!important;
  transform:translateY(-2px)!important;
  filter:none!important;
}
#regras .rules-toggle:hover .rules-toggle-icon,
#regras .rules-toggle:hover .rules-toggle-chevron{
  color:#ffe08a!important;
}
#regras .rules-toggle:active{transform:translateY(0)!important;}

/* Mobile hero CTA: Discord + Regras lado a lado */


/* PeladoZ — ícone de regras mais discreto (checklist) */
#regras .rules-toggle .rules-toggle-icon{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  stroke-width:1.65!important;
  opacity:.76!important;
  filter:none!important;
}
#regras .rules-toggle:hover .rules-toggle-icon{
  opacity:1!important;
  transform:translateY(-1px)!important;
  filter:none!important;
}

/* PeladoZ — cabeçalho da seção Regras fora do card, no padrão Ao vivo */
.rules-section-head{margin-bottom:18px!important}
.rules-section-head>div{max-width:780px}
.rules-section-head .eyebrow{margin-bottom:8px}
.rules-section-head h2{margin:0 0 12px}
.rules-section-summary{margin:0;max-width:760px;color:var(--pz-muted,#989da3);font-size:15px;line-height:1.65;font-weight:400}
.rules-toggle-row{display:flex;align-items:center;justify-content:flex-start;margin:0 0 18px}
.rules-panel-content{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.rules-panel-content:hover{border-color:transparent!important}
.rules-panel-content .rules-accordion-body.open{margin-top:0!important}
.rules-panel-content .rules-accordion-inner{border:1px solid var(--pz-line,rgba(255,255,255,.085));border-radius:var(--pz-radius,18px);background:radial-gradient(520px 260px at 0 0,rgba(204,0,0,.085),transparent 65%),linear-gradient(145deg,rgba(13,15,18,.70),rgba(8,10,12,.60));box-shadow:var(--pz-shadow,0 18px 48px rgba(0,0,0,.28));padding:30px}
@media (max-width:760px){
  .rules-section-head{margin-bottom:16px!important}
  .rules-section-summary{font-size:14px;line-height:1.6}
  .rules-toggle-row{margin-bottom:16px}
  .rules-panel-content .rules-accordion-inner{padding:22px}
}

/* PeladoZ — Regras totalmente sem card / largura livre */
#regras .rules-section-head > div{
  max-width:none!important;
  width:100%!important;
}
#regras .rules-section-summary{
  max-width:none!important;
  width:100%!important;
  white-space:normal!important;
}
#regras .rules-panel-content,
#regras .rules-accordion-inner,
#regras .rules-content{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#regras .rules-panel-content{
  padding:0!important;
  overflow:visible!important;
}
#regras .rules-accordion-inner{
  padding:0!important;
}
#regras .rules-content{
  padding:0!important;
}
#regras .rules-tabs{
  margin-top:4px;
}
#regras .rules-panel-footer{
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.07);
}
@media(max-width:760px){
  #regras .rules-section-summary{max-width:none!important;width:100%!important;}
  #regras .rules-accordion-inner{padding:0!important;}
}


/* PeladoZ — Regras: botão ao lado do título, mesmo dourado do CTA Loja */
#regras .rules-section-head{display:block!important;margin-bottom:18px!important}
#regras .rules-section-copy{width:100%!important;max-width:none!important}
#regras .rules-heading-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:18px!important;
  width:100%!important;
  margin:0 0 12px!important;
}
#regras .rules-heading-row h2{
  margin:0!important;
  min-width:0;
}
#regras .rules-heading-row .rules-toggle{
  flex:0 0 auto!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:13px 18px!important;
  min-height:0!important;
  min-width:0!important;
  color:#e8eaec!important;
  background:linear-gradient(180deg,rgba(244,200,74,.070),rgba(168,111,18,.018))!important;
  border:1px solid rgba(244,200,74,.20)!important;
  border-radius:12px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,224,138,.018)!important;
  font-weight:700!important;
  text-shadow:none!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease!important;
}
#regras .rules-heading-row .rules-toggle .rules-toggle-icon,
#regras .rules-heading-row .rules-toggle .rules-toggle-chevron{
  color:#f4c84a!important;
}
#regras .rules-heading-row .rules-toggle:hover{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(244,200,74,.145),rgba(168,111,18,.050))!important;
  border-color:rgba(255,224,138,.48)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24),0 0 26px rgba(244,200,74,.18)!important;
  transform:translateY(-2px)!important;
}
#regras .rules-heading-row .rules-toggle:hover .rules-toggle-icon,
#regras .rules-heading-row .rules-toggle:hover .rules-toggle-chevron{
  color:#ffe08a!important;
}
#regras .rules-heading-row .rules-toggle:active{transform:translateY(0)!important}
#regras .rules-section-summary{margin:0!important}
@media(max-width:680px){
  #regras .rules-heading-row{gap:12px!important;align-items:center!important}
  #regras .rules-heading-row h2{font-size:clamp(25px,7vw,32px)!important}
  #regras .rules-heading-row .rules-toggle{padding:11px 13px!important;gap:7px!important;font-size:10px!important;white-space:nowrap!important}
  #regras .rules-heading-row .rules-toggle .rules-toggle-icon{width:15px!important;height:15px!important;flex-basis:15px!important}
  #regras .rules-heading-row .rules-toggle .rules-toggle-chevron{width:14px!important;height:14px!important}
}
@media(max-width:430px){
  #regras .rules-heading-row{align-items:flex-start!important;flex-wrap:wrap!important}
  #regras .rules-heading-row .rules-toggle{margin-top:2px!important}
}

/* PeladoZ — Regras responsivas: desktop sempre aberto; mobile em sanfona */
@media (min-width:681px){
  #regras .rules-heading-row .rules-toggle{display:none!important;}
  #regras .rules-heading-row{gap:0!important;}
  #regras .rules-accordion-body{
    opacity:1!important;
    margin-top:18px!important;
  }
}
@media (max-width:680px){
  #regras .rules-heading-row .rules-toggle{display:inline-flex!important;}
}


/* PeladoZ — efeito terminal/glitch também nos rótulos de seção */
.section-terminal-eyebrow{
  position:relative!important;display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;
  padding:10px 16px 10px 15px!important;overflow:hidden!important;isolation:isolate!important;
  border-left:3px solid #cc0000!important;border-top:0!important;border-right:0!important;border-bottom:0!important;
  background:linear-gradient(90deg,rgba(204,0,0,.20) 0%,rgba(204,0,0,.095) 52%,rgba(204,0,0,.035) 100%)!important;
  box-shadow:inset 0 0 24px rgba(204,0,0,.05)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 8px rgba(239,24,24,.34),0 0 16px rgba(204,0,0,.14)!important;
  color:#ef1818!important;text-transform:none!important;font-weight:500!important;font-size:13px!important;letter-spacing:.075em!important;
  animation:pzTerminalTextGlitch 6.4s steps(1,end) infinite!important;
}
.section-terminal-eyebrow::before{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent 0 9%,rgba(204,0,0,.12) 9% 17%,transparent 17% 63%,rgba(204,0,0,.08) 63% 70%,transparent 70%),linear-gradient(180deg,transparent 0 37%,rgba(255,255,255,.035) 37% 42%,transparent 42% 72%,rgba(204,0,0,.09) 72% 76%,transparent 76%);
  animation:pzTerminalBgGlitch 6.4s steps(1,end) infinite;
}
.section-terminal-eyebrow::after{
  content:"_";display:inline-block;margin-left:7px;color:#ef1818;font-weight:700;
  text-shadow:0 0 8px rgba(239,24,24,.42),0 0 14px rgba(204,0,0,.16);transform:translateY(-1px);
  animation:pzTerminalCursor 1.45s steps(1,end) infinite;
}
@media(max-width:620px){
  .section-terminal-eyebrow{padding:9px 13px 9px 12px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.075em!important}
  .section-terminal-eyebrow::after{margin-left:5px}
}
@media (prefers-reduced-motion:reduce){
  .section-terminal-eyebrow,.section-terminal-eyebrow::before,.section-terminal-eyebrow::after{animation:none!important}
  .section-terminal-eyebrow::after{opacity:1}
}

/* PeladoZ — primeira dobra dedicada ao Hero/Status
   Mantém Recursos e demais seções abaixo da primeira tela em qualquer viewport. */
.hero{
  min-height:calc(100svh - 82px)!important;
  box-sizing:border-box!important;
}
@supports (height:100dvh){
  .hero{min-height:calc(100dvh - 82px)!important;}
}
@media (max-width:850px){
  .hero{
    min-height:calc(100svh - 70px)!important;
    box-sizing:border-box!important;
  }
  @supports (height:100dvh){
    .hero{min-height:calc(100dvh - 70px)!important;}
  }
}

/* PeladoZ — reduz levemente o respiro acima da seção Regras */
@media (min-width:851px){
  #regras.section{padding-top:62px!important;}
}
@media (max-width:850px){
  #regras.section{padding-top:14px!important;}
}


/* PeladoZ — card da Store dourado + arte de moedas reaproveitada da Store */
.shop-cta{
  grid-template-columns:minmax(0,1fr) 112px auto!important;
  align-items:center!important;
  background:
    radial-gradient(620px 290px at 8% 0%,rgba(255,224,138,.13),transparent 62%),
    linear-gradient(135deg,rgba(244,200,74,.11) 0%,rgba(168,111,18,.075) 48%,rgba(12,11,8,.78) 100%)!important;
  border:1px solid rgba(244,200,74,.52)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.24),0 0 28px rgba(244,200,74,.075),inset 0 0 0 1px rgba(255,224,138,.035)!important;
}
.shop-cta:hover{
  border-color:rgba(255,224,138,.72)!important;
  box-shadow:0 22px 64px rgba(0,0,0,.27),0 0 34px rgba(244,200,74,.12),inset 0 0 0 1px rgba(255,224,138,.055)!important;
}
.shop-cta .coin-art{
  position:relative;
  width:96px;
  height:76px;
  justify-self:center;
  overflow:visible;
  border:1px solid rgba(242,193,78,.12);
  border-radius:15px;
  background:radial-gradient(circle at 50% 45%,rgba(242,193,78,.12),transparent 68%),rgba(255,255,255,.018);
  box-shadow:inset 0 0 28px rgba(242,193,78,.055);
}
.shop-cta .package-coin{
  position:absolute;
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  border-radius:50%;
  background:linear-gradient(145deg,#ffe08a 0%,#f3bd46 48%,#bf7d17 100%);
  border:1px solid rgba(255,235,165,.9);
  box-shadow:0 8px 16px rgba(0,0,0,.30),0 0 14px rgba(238,184,54,.12),inset 0 1px 1px rgba(255,255,255,.52);
}
.shop-cta .package-coin svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:#74480c;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.shop-cta .package-coin-1{left:7px;top:27px;z-index:1;transform:rotate(-9deg)}
.shop-cta .package-coin-2{left:36px;top:7px;z-index:3}
.shop-cta .package-coin-3{left:40px;top:35px;z-index:2;transform:rotate(8deg)}
@media(max-width:850px){
  .shop-cta{grid-template-columns:1fr auto!important;gap:18px!important}
  .shop-cta .shop-copy{grid-column:1/-1}
  .shop-cta .coin-art{justify-self:start;width:86px;height:68px}
  .shop-cta .package-coin{width:38px;height:38px}
  .shop-cta .package-coin svg{width:25px;height:25px}
  .shop-cta .package-coin-1{left:6px;top:25px}
  .shop-cta .package-coin-2{left:31px;top:7px}
  .shop-cta .package-coin-3{left:35px;top:31px}
}
@media(max-width:520px){
  .shop-cta{grid-template-columns:1fr!important}
  .shop-cta .shop-copy,.shop-cta .coin-art,.shop-cta .right{grid-column:1!important}
  .shop-cta .coin-art{justify-self:start;margin-top:2px}
  .shop-cta .right{justify-content:flex-start!important}
}


/* PeladoZ — descrição do card de Coins na mesma cor do badge PIX da Store */
.shop-cta .shop-copy p{
  color:#ffcc16!important;
}


/* PeladoZ — detalhe V6 reaproveitado: linha vermelha inferior + glow da logo */
.home-header{position:sticky!important}
.home-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(204,0,0,.18) 10%,rgba(224,20,27,.85) 34%,rgba(204,0,0,.42) 68%,transparent 100%);box-shadow:0 1px 8px rgba(204,0,0,.18);pointer-events:none}
.home-header .brand img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.38)) drop-shadow(0 0 10px rgba(204,0,0,.12))!important;transition:transform .25s ease,filter .25s ease!important}
.home-header .brand:hover img{transform:translateY(-1px);filter:drop-shadow(0 10px 22px rgba(0,0,0,.42)) drop-shadow(0 0 15px rgba(204,0,0,.24))!important}