/* Separate pages share the Rekz shell, without the landing scene offset. */
.catalog-vbucks-note{display:none;scroll-margin-top:100px;padding:18px 20px;margin:0 0 20px;border:1px solid #66bb9b30;border-radius:10px;background:#12302633}
.catalog-vbucks-note:target{display:block}
.catalog-vbucks-note p{font-size:12px;line-height:1.7;color:#b9ccca;margin:6px 0 0;max-width:800px}
.home-page.catalog-page main,.home-page.info-page main{margin-top:0}
.catalog-page .home-catalog{padding-top:42px;border-top:0}
.catalog-page .home-section-heading h1{font-family:"Barlow Condensed",Inter,sans-serif;font-size:44px;line-height:1.1;margin:8px 0 0}
.site-page-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:0;padding:0;list-style:none}
.site-page-links a{color:#c3b2e0;text-decoration:none;font-size:12px}
.site-page-links a:hover{color:#f0c8ff}
.site-footer>.site-page-links{width:calc(100% - 80px);max-width:1280px;margin:25px auto 0}
.site-footer .home-container .site-page-links{margin-top:24px}
.info-page main{min-height:60vh;padding-bottom:60px;background:radial-gradient(ellipse at 20% 10%,#7c1fd93a,transparent 70%)}
.info-breadcrumb{max-width:1100px;display:flex;gap:14px;padding-top:35px;font-size:11px;color:#a99bb7}
.info-breadcrumb a,.info-support a{color:#d0a6ff}
.info-page .home-how,.info-page .home-faq{padding-top:42px}
.info-page h1{font-family:"Barlow Condensed",Inter,sans-serif;font-size:52px;line-height:1.05;font-weight:600;margin:12px 0 20px}
.info-page .home-steps p,.info-page .home-faq p{font-size:14px;line-height:1.85}
.info-page .home-faq summary{font-size:14px}
.info-actions{max-width:1100px;margin-top:48px;display:flex;align-items:center;flex-wrap:wrap}
.info-support{font-size:12px;color:#a99bb7;margin-top:20px}
@media(max-width:760px){.site-footer>.site-page-links{width:calc(100% - 36px)}.info-page h1{font-size:40px}.info-page .home-how,.info-page .home-faq{padding-top:30px}}
@media(max-width:760px){.catalog-page .home-catalog{padding-top:30px}.catalog-page .home-section-heading h1{font-size:34px}}

/* ── Information pages (Como funciona, FAQ) ───────────────────────────────
   Same ground and palette as the landing: purple leads, cyan and green
   support, glow kept low so long-form text stays readable. */
.home-page.info-page main{padding-bottom:0;background:radial-gradient(ellipse at 12% 0,#8a1fff42,transparent 46%),radial-gradient(ellipse at 88% 10%,#5b21f033,transparent 40%),radial-gradient(ellipse at 55% 95%,#7c1fd92a,transparent 46%),#0a0713}
.info-hero{max-width:1100px;padding:20px 0 34px}
.info-hero h1{font-family:"Barlow Condensed",Inter,sans-serif;font-size:clamp(38px,5.6vw,64px);font-weight:700;line-height:1.02;letter-spacing:-.8px;text-transform:uppercase;margin:12px 0 16px}
.info-hero h1 em{font-style:normal;color:#c77dff;background:linear-gradient(105deg,#e0aaff,#a855f7 52%,#7b5cff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.info-hero>p{max-width:640px;margin:0;color:#b8a8d6;font-size:14px;line-height:1.75}
.info-section-head h2{font-family:"Barlow Condensed",Inter,sans-serif;font-size:clamp(27px,3.4vw,40px);font-weight:600;line-height:1.08;letter-spacing:-.3px;margin:9px 0 0}
.info-section-head>p{max-width:620px;margin:12px 0 0;color:#a59aaa;font-size:12.5px;line-height:1.8}
.info-page .home-closing{margin-top:56px;border-top:1px solid #ffffff12}

/* Modality pair. Same accent split as the landing category cards. */
.how-page .info-hero{padding-bottom:22px}
.how-modes{max-width:1100px;padding-top:34px}
.how-modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.how-mode{--accent:#7ccce7;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:25px 24px 24px;border:1px solid #8b5cf740;border-radius:14px;background:linear-gradient(160deg,#151027,#100d16 62%);box-shadow:0 10px 30px #00000040}
.how-mode-vbucks{--accent:#81dfb0;border-color:#599a7c3d;background:linear-gradient(160deg,#0f1b19,#0d1413 62%)}
.how-mode:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.75}
.how-mode:after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:var(--accent);opacity:.09;filter:blur(40px);pointer-events:none}
.how-mode>*{position:relative;z-index:1}
.how-mode-tag{display:inline-flex;align-items:center;gap:8px;font:700 8px/1 Inter,system-ui,sans-serif;letter-spacing:1.8px;color:var(--accent)}
.how-mode-tag:before{content:"";width:5px;height:5px;background:var(--accent);transform:rotate(45deg)}
.how-mode h3{font-family:"Barlow Condensed",Inter,sans-serif;font-size:31px;font-weight:600;line-height:1.05;letter-spacing:.2px;text-transform:uppercase;margin:12px 0 13px}
.how-mode h3 span{display:block;color:#f2eafa}
.how-mode-vbucks h3 span{color:#e9faf1}
.how-mode p{color:#a99cb5;font-size:12.5px;line-height:1.8;margin:0 0 13px}
.how-mode-vbucks p{color:#a2b2aa}
.how-mode-cta{display:inline-flex;align-items:center;gap:15px;align-self:flex-start;min-height:44px;margin-top:auto;padding:0 20px;border:1px solid #69aec64a;border-radius:999px;background:#1e465b;color:#def4ff;font-size:11px;font-weight:750;text-decoration:none;transition:transform .25s,filter .25s}
.how-mode-vbucks .how-mode-cta{background:#204b3c;border-color:#77bf994a;color:#dcf6e7}
.how-mode-cta b{font-size:15px;font-weight:500}
@media(hover:hover){.how-mode-cta:hover{transform:translateY(-2px);filter:brightness(1.16)}}

/* Numbered rail. Deliberately not cards: one continuous line of steps. */
.how-flow{max-width:1100px;padding-top:66px}
.how-flow-list{position:relative;list-style:none;margin:28px 0 0;padding:0}
.how-flow-list:before{content:"";position:absolute;left:19.5px;top:10px;bottom:36px;width:1px;background:linear-gradient(#c77dff55,#7ccce744 52%,#81dfb02e)}
.how-step{display:grid;grid-template-columns:40px 1fr;gap:26px;padding-bottom:34px}
.how-step:last-child{padding-bottom:0}
.how-step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #a855f759;border-radius:50%;background:#100d17;color:#cba4ff;font:600 12px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.how-step:nth-child(3) .how-step-number{border-color:#69aec64a;color:#9ed6ea}
.how-step:nth-child(4) .how-step-number,.how-step:nth-child(5) .how-step-number{border-color:#77bf994a;color:#9edcbb}
.how-step-body{padding-top:7px;min-width:0}
.how-step-body h3{font-size:15px;font-weight:600;letter-spacing:-.2px;margin:0 0 8px}
.how-step-body p{max-width:640px;margin:0;color:#a59aaa;font-size:12.5px;line-height:1.85}
.how-step-body p+p{margin-top:9px}
.how-pix-note{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:9px 15px;border:1px solid #a855f745;border-radius:999px;background:#150f1f80;color:#d7cbe3;font-size:11px;font-weight:600}
.how-pix-note img{display:block;width:20px;height:20px;object-fit:contain}

/* Guarantee. Attention block, not an error banner: green edge, calm ground. */
.how-guarantee{max-width:1100px;margin-top:52px}
.how-guarantee-inner{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;padding:26px 28px;border:1px solid #6fc3a133;border-left:2px solid #81dfb0;border-radius:12px;background:linear-gradient(120deg,#10201b,#0e1518 72%)}
.how-guarantee svg{display:block;width:30px;height:30px;fill:none;stroke:#8fdcb6;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.how-guarantee h2{font-family:"Barlow Condensed",Inter,sans-serif;font-size:27px;font-weight:600;letter-spacing:-.2px;margin:0 0 10px}
.how-guarantee h2 em{font-style:normal;color:#8fdcb6}
.how-guarantee p{max-width:720px;margin:0;color:#a9bdb3;font-size:12.5px;line-height:1.8}
/* The two limits of the guarantee carry the meaning, so they read first. */
.how-guarantee strong{color:#e2f4ea;font-weight:600;box-shadow:inset 0 -6px 0 #2f6b5333}
.how-guarantee p+p{margin-top:9px}

/* FAQ: sticky category index beside grouped accordions. */
.faq-layout{max-width:1100px;display:grid;grid-template-columns:.62fr 1.38fr;gap:54px;padding-top:10px}
.faq-index{position:sticky;top:96px;align-self:start}
.faq-index-title{display:block;margin-bottom:13px;font:800 9px/1.7 Inter,system-ui,sans-serif;letter-spacing:2px;color:#bf9df0}
.faq-index ol{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;counter-reset:faqcat}
.faq-index ol a{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid transparent;border-radius:9px;color:#c3b2e0;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s,background .2s,border-color .2s}
.faq-index ol a:before{counter-increment:faqcat;content:"0" counter(faqcat);font:700 9px/1 ui-monospace,Consolas,monospace;color:#8d8298}
.faq-index ol a:hover{color:#f0c8ff;background:#1a132250;border-color:#a855f740}
.faq-index-support{margin-top:20px;padding-top:18px;border-top:1px solid #ffffff12;color:#a59aaa;font-size:11px;line-height:1.8}
.faq-index-support a{color:#d0a6ff}
.faq-page .home-faq{display:block;max-width:none;padding:0;gap:0}
.faq-group{--accent:#c77dff;--line:#c77dff55;scroll-margin-top:112px}
.faq-group-full{--accent:#7ccce7;--line:#7ccce755}
.faq-group-vbucks{--accent:#81dfb0;--line:#81dfb055}
.faq-group+.faq-group{margin-top:34px}
.faq-group-head{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.faq-group-head h2{margin:0;font-family:"Barlow Condensed",Inter,sans-serif;font-size:20px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#e6dcf0;white-space:nowrap}
.faq-group-head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.faq-page .home-faq .faq-item{overflow:hidden;border:1px solid #8b5cf740;border-radius:12px;background:#100d16b8;transition:border-color .25s,background .25s,box-shadow .25s}
.faq-page .home-faq .faq-item+.faq-item{margin-top:10px}
.faq-page .home-faq .faq-item[open]{border-color:var(--accent);background:#161029cc;box-shadow:0 10px 28px #00000047}
.faq-page .home-faq .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;list-style:none;cursor:pointer;color:#e3dbee;font-size:13px;font-weight:600;line-height:1.55}
.faq-page .home-faq .faq-item summary::-webkit-details-marker{display:none}
.faq-page .home-faq .faq-item summary:after{content:none}
.faq-page .home-faq .faq-item[open] summary{color:#f7f1fd}
.faq-icon{position:relative;flex:0 0 26px;width:26px;height:26px;border:1px solid #a855f759;border-radius:50%;background:#1a1326;transition:transform .3s,background .25s,border-color .25s}
.faq-icon:before,.faq-icon:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;border-radius:2px;background:var(--accent);transform:translate(-50%,-50%);transition:opacity .25s}
.faq-icon:after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-icon{transform:rotate(180deg);border-color:var(--accent);background:#241a36}
.faq-item[open] .faq-icon:after{opacity:0}
.faq-answer{overflow:hidden}
.faq-page .home-faq .faq-answer-inner{padding:0 20px 19px}
.faq-page .home-faq .faq-answer p{max-width:660px;margin:0;padding:0;color:#a59aaa;font-size:12.5px;line-height:1.9}
.faq-page .home-faq .faq-answer p+p{margin-top:10px}

@media(max-width:900px){
  .faq-layout{grid-template-columns:1fr;gap:24px;padding-top:4px}
  .faq-index{position:static}
  .faq-index ol{flex-direction:row;flex-wrap:wrap;gap:8px}
  .faq-index ol a{padding:9px 13px;border-color:#a855f740;background:#160f2050;font-size:11px}
  .how-modes-grid{grid-template-columns:1fr;gap:14px}
}
@media(max-width:760px){
  .info-hero{padding:14px 0 26px}
  .info-hero>p{font-size:12.5px}
  .how-page .info-hero{padding-bottom:16px}
  .how-modes{padding-top:26px}
  .how-mode{padding:22px 19px}
  .how-mode h3{font-size:26px}
  .how-flow{padding-top:48px}
  .how-step{grid-template-columns:32px 1fr;gap:16px;padding-bottom:26px}
  .how-step-number{width:32px;height:32px;font-size:11px}
  .how-flow-list:before{left:15.5px;bottom:30px}
  .how-guarantee{margin-top:40px}
  .how-guarantee-inner{grid-template-columns:1fr;gap:13px;padding:21px 18px}
  .how-guarantee h2{font-size:24px}
  .info-page .home-closing{margin-top:44px}
  .faq-group+.faq-group{margin-top:26px}
  .faq-page .home-faq .faq-item summary{padding:15px 16px;gap:14px;font-size:12.5px}
  .faq-page .home-faq .faq-answer-inner{padding:0 16px 17px}
}
@media(prefers-reduced-motion:reduce){
  .how-mode-cta,.faq-page .home-faq .faq-item,.faq-icon,.faq-icon:before,.faq-icon:after,.faq-index ol a{transition:none}
}

/* ── Página de V-Bucks ───────────────────────────────────────────────────
   Vitrine dedicada, não catálogo: sem chips de jogo, sem filtros gerais.
   A quantidade lidera o card, o preço fecha, e a escolha é imediata. */
.vbucks-page main{background:radial-gradient(ellipse at 14% 0,#8a1fff3a,transparent 44%),radial-gradient(ellipse at 86% 12%,#5b21f02e,transparent 40%),radial-gradient(ellipse at 55% 94%,#7c1fd91f,transparent 46%),#0a0713}
.vbucks-shell{max-width:1180px;padding-top:8px;padding-bottom:70px}
.vbucks-hero{max-width:760px;padding:30px 0 22px}
.vbucks-hero h1{font-family:"Barlow Condensed",Inter,sans-serif;font-size:clamp(34px,4.6vw,54px);font-weight:700;line-height:1.03;letter-spacing:-.8px;text-transform:uppercase;margin:11px 0 13px}
.vbucks-hero h1 em{font-style:normal;background:linear-gradient(105deg,#e0aaff,#a855f7 50%,#5eead4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.vbucks-hero p{margin:0;max-width:600px;color:#b8a8d6;font-size:13.5px;line-height:1.75}

/* Três passos em linha: contexto sem virar uma seção institucional. */
.vbucks-steps{display:flex;flex-wrap:wrap;gap:10px 26px;padding:14px 0 26px;border-bottom:1px solid #a855f72e}
.vbucks-steps span{display:inline-flex;align-items:center;gap:9px;color:#a99cb5;font-size:11.5px}
.vbucks-steps b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #a855f759;border-radius:50%;color:#cba4ff;font:600 10px Inter,system-ui,sans-serif}

.vbucks-board{padding-top:30px;scroll-margin-top:100px}
.vbucks-board-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.vbucks-board-head h2{font-family:"Barlow Condensed",Inter,sans-serif;font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.3px;margin:0}
.vbucks-board-head p{margin:0;color:#a99cb5;font-size:12px}
.vbucks-board-head strong{color:#e0aaff}

.vbucks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.vbucks-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:20px 20px 18px;border:1px solid #8b5cf745;border-radius:16px;background:linear-gradient(168deg,#1a1035,#110c22 64%);box-shadow:0 12px 30px #00000045;animation:card-in .45s both;animation-delay:var(--delay);transition:transform .22s,border-color .22s,box-shadow .22s}
.vbucks-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#c77dff,#5eead4,transparent);opacity:.6}
.vbucks-card:after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:#a855f7;opacity:.13;filter:blur(44px);pointer-events:none}
.vbucks-card>*{position:relative;z-index:1}
@media(hover:hover){.vbucks-card:not(.is-sold):hover{transform:translateY(-4px);border-color:#c77dff85;box-shadow:0 20px 42px #00000059,0 0 0 1px #c77dff33}}
.vbucks-card-art{height:96px;margin:-6px -6px 12px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 30%,#5b21f04a,transparent 70%)}
.vbucks-card-art img{width:auto;max-width:84%;height:100%;object-fit:contain;filter:saturate(1.05) drop-shadow(0 6px 16px #0007)}
.vbucks-card-amount{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.vbucks-card-amount strong{font-family:"Barlow Condensed",Inter,sans-serif;font-size:40px;font-weight:700;line-height:1;letter-spacing:-1px;color:#fff;text-shadow:0 0 26px #a855f759}
.vbucks-card-amount span{color:#9fe9dd;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.vbucks-card-flag{align-self:flex-start;margin-top:8px;padding:4px 9px;border:1px solid #e98ba33d;border-radius:6px;background:#2a1c22;color:#e98ba3;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.vbucks-card-foot{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #ffffff12}
.vbucks-card-foot small{display:block;color:#8d80a5;font-size:9px;letter-spacing:.6px;text-transform:uppercase}
.vbucks-card-foot>div>strong{display:block;margin-top:3px;color:#e0aaff;font-size:20px;font-weight:800}
.vbucks-card .details-button{min-height:40px;padding:0 16px;border:1px solid #c77dff70;border-radius:999px;background:linear-gradient(110deg,#7b2ff7,#b026ff);color:#fff;font-size:11px;font-weight:750;cursor:pointer;transition:filter .2s,transform .2s}
.vbucks-card .details-button:hover:not(:disabled){filter:brightness(1.14);transform:translateY(-1px)}
.vbucks-card .details-button:disabled{background:#241a35;border-color:#ffffff1f;color:#8d80a5;cursor:default}
.vbucks-card.is-sold{opacity:.62}
.vbucks-card.is-sold:before{background:linear-gradient(90deg,transparent,#6b6478,transparent)}

.vbucks-page .custom-search-cta{margin-top:34px}
.vbucks-page .empty-state{padding:60px 20px}
.vbucks-page .empty-state span{font-size:36px}

@media(max-width:760px){
  .vbucks-shell{padding-bottom:50px}
  .vbucks-hero{padding:22px 0 16px}
  .vbucks-hero p{font-size:12.5px}
  .vbucks-steps{gap:8px 16px;padding:12px 0 20px}
  .vbucks-steps span{font-size:10.5px}
  .vbucks-board{padding-top:22px}
  .vbucks-board-head{margin-bottom:16px}
  .vbucks-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:12px}
  .vbucks-card{padding:16px 15px 15px}
  .vbucks-card-art{height:76px}
  .vbucks-card-amount strong{font-size:32px}
  .vbucks-card-foot{flex-direction:column;align-items:stretch;gap:10px}
  .vbucks-card .details-button{width:100%;min-height:42px}
}
@media(prefers-reduced-motion:reduce){
  .vbucks-card{animation:none;transition:none}
  @media(hover:hover){.vbucks-card:not(.is-sold):hover{transform:none}}
  .vbucks-card .details-button{transition:none}
}

/* Termos de Compra */
.terms-hero{padding-bottom:24px}.terms-version{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:#9f95ad;font-size:11px}.terms-version strong{color:#cfb6ff}.terms-document{display:grid;gap:12px;padding-bottom:72px}.terms-document section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:17px;padding:22px;border:1px solid #382c45;border-radius:14px;background:linear-gradient(145deg,#15101dc7,#0d0b12d9);box-shadow:inset 0 1px 0 #ffffff08}.terms-document section>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid #70558d;border-radius:11px;background:#241631;color:#c7a4ef;font-size:10px;font-weight:800}.terms-document h2{margin:2px 0 10px;color:#eee7f3;font:700 23px/1.1 "Barlow Condensed",Inter,sans-serif}.terms-document p{margin:7px 0;color:#aaa1b2;font-size:12px;line-height:1.72}.terms-document strong{color:#d9cfe2}.terms-document .terms-warning{border-color:#8a5a805e;background:linear-gradient(145deg,#251421c9,#100d16e0)}
@media(max-width:600px){.terms-document section{grid-template-columns:1fr;padding:18px}.terms-document section>span{width:34px;height:34px}.terms-document h2{font-size:21px}.terms-document p{font-size:11px}}