/* /ganhe-vip/ganhe-vip.css -- Ganhe VIP (mockup aprovado 27/10/2026: docs/mockups/ganhe-vip/ganhe-vip.html, aba "Pessoa sem VIP" e "Pessoa com VIP pago").
   Cores próprias (--gv-*): o --or do site muda de cor em algumas áreas. Letra mínima 15px (regra 18); cenário e cortes (regra 11);
   a onda de luz é o span.rk-onda de public/artes/feixe-onda.css (regra 20); alinhamento (regra 25). */
.gv{--gv-900:#0c0f16;--gv-850:#0f131c;--gv-800:#141a25;--gv-700:#1a2130;--gv-line:#29313d;--gv-line-hi:#3a4759;
  --gv-hi:#f0f3f7;--gv-mid:#a7b0bd;--gv-low:#8a95a5;--gv-or:#ff7a2f;--gv-or-300:#ffb082;--gv-or-wash:rgba(255,122,47,.10);--gv-or-line:rgba(255,122,47,.38);
  --gv-ouro:#e3b341;--gv-ok:#38d6a0;--gv-ok-wash:rgba(56,214,160,.10);--gv-ruim:#f0736a;--gv-ciano:#20d3e0;
  --gv-display:'Archivo','Inter',system-ui,sans-serif;--gv-mono:'IBM Plex Mono',ui-monospace,monospace;
  display:grid;gap:16px;color:var(--gv-hi);font-size:15px;line-height:1.5;max-width:1120px;margin:0 auto}
.gv [hidden]{display:none!important}
.gv button{font:inherit;color:inherit}
.gv button:focus-visible,.gv summary:focus-visible,.gv a:focus-visible{outline:2px solid var(--gv-or);outline-offset:2px}

.gv-bloco{position:relative;overflow:hidden;isolation:isolate;background:var(--gv-850);border:1px solid var(--gv-line);border-radius:14px;min-width:0;--gv-faixa:var(--gv-or)}
.gv-bloco::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--gv-faixa);z-index:2}
.gv-arte{position:absolute;inset:0;z-index:-1;pointer-events:none;color:var(--gv-faixa)}
.gv-arte svg{position:absolute;right:0;bottom:0;width:62%;height:70%;opacity:.14}
.gv-arte i{position:absolute;bottom:-8px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0;animation:gv-subir 7s linear infinite}
.gv-arte i:nth-child(2){left:22%;animation-delay:1.8s}.gv-arte i:nth-child(3){left:46%;animation-delay:3.6s}.gv-arte i:nth-child(4){left:71%;animation-delay:5.2s}.gv-arte i:nth-child(5){left:88%;animation-delay:.6s}
@keyframes gv-subir{0%{transform:translateY(0);opacity:0}12%{opacity:.9}100%{transform:translateY(-190px);opacity:0}}
@media (prefers-reduced-motion:reduce){.gv-arte i{animation:none;opacity:.5}.gv-barra-p i{transition:none}}

.gv-cab{display:grid;gap:6px;padding:20px 22px}
.gv-etiq{font:600 15px var(--gv-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gv-or)}
.gv-cab h1{margin:0;font:800 30px/1.1 var(--gv-display);font-stretch:90%;text-wrap:balance}
.gv-cab p{margin:0;color:var(--gv-mid);max-width:70ch}
.gv-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.gv-chip{font:500 15px var(--gv-mono);border:1px solid var(--gv-or-line);color:var(--gv-or-300);border-radius:999px;padding:3px 12px;white-space:nowrap}
.gv-chip.cinza{border-color:var(--gv-line-hi);color:var(--gv-mid)}
.gv-chip.ok{border-color:rgba(56,214,160,.45);color:var(--gv-ok)}
.gv-chip.ouro{border-color:rgba(227,179,65,.5);color:var(--gv-ouro)}

.gv-card{padding:18px;display:grid;gap:14px;align-content:start}
.gv-card h2{margin:0;font:800 19px var(--gv-display);display:flex;gap:10px;align-items:center;flex-wrap:wrap;text-wrap:balance}
.gv-n{font:700 15px var(--gv-mono);color:#1a0b02;background:var(--gv-or);border-radius:999px;width:28px;height:28px;display:inline-grid;place-items:center}
.gv-nota{margin:0;color:var(--gv-mid)}
.gv-nota b{color:var(--gv-hi)}
.gv-dica{margin:0;color:var(--gv-low)}
.gv-ponte{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--gv-or-300);font-weight:600;padding:2px 0}
.gv-ponte::before,.gv-ponte::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gv-or-line))}
.gv-ponte::after{transform:scaleX(-1)}

.gv-saldo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:center}
@media (max-width:820px){.gv-saldo{grid-template-columns:1fr}}
.gv-pts{display:grid;gap:2px}
.gv-pts .k{font:600 15px var(--gv-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gv-low)}
.gv-pts .v{font:800 56px/1 var(--gv-display);font-variant-numeric:tabular-nums;color:var(--gv-ouro)}
.gv-pts .v small{font:600 19px var(--gv-display);color:var(--gv-mid);margin-left:6px}
.gv-prog{display:grid;gap:8px}
.gv-prog .topo{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--gv-mid)}
.gv-barra-p{height:12px;border-radius:99px;background:var(--gv-700);overflow:hidden}
.gv-barra-p i{display:block;height:100%;background:linear-gradient(90deg,var(--gv-or),var(--gv-ouro));transition:width .4s}
.gv-minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:640px){.gv-minis{grid-template-columns:1fr}}
.gv-mini{background:var(--gv-900);border:1px solid var(--gv-line);border-radius:12px;padding:12px 14px;display:grid;grid-template-rows:auto auto auto;gap:2px;align-content:start}
.gv-mini .k{font:600 15px var(--gv-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gv-low)}
.gv-mini .v{font:800 26px var(--gv-display);font-variant-numeric:tabular-nums}
.gv-mini .s{color:var(--gv-mid)}

.gv-player{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:stretch}
@media (max-width:820px){.gv-player{grid-template-columns:1fr}}
.gv-tv{position:relative;aspect-ratio:16/9;max-width:100%;border:1px dashed var(--gv-line-hi);border-radius:12px;background:var(--gv-900);display:grid;place-items:center;text-align:center;padding:16px;overflow:hidden}
.gv-tv b{display:block;font:800 19px var(--gv-display)}
.gv-tv span.t{color:var(--gv-mid)}
.gv-tempo{position:absolute;right:12px;top:10px;font:600 15px var(--gv-mono);color:var(--gv-ouro)}
.gv-fio{position:absolute;left:0;bottom:0;height:5px;background:var(--gv-or);width:0}
.gv-dias{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.gv-dias i{width:30px;height:30px;border-radius:50%;border:2px solid var(--gv-line-hi);display:grid;place-items:center;font:700 15px var(--gv-mono);font-style:normal;color:var(--gv-low)}
.gv-dias i.on{background:var(--gv-ok);border-color:var(--gv-ok);color:#062a1f}
.gv-lado{display:grid;gap:12px;align-content:space-between}
.gv-btn{background:var(--gv-800);border:1px solid var(--gv-line-hi);border-radius:10px;padding:10px 16px;font-weight:600;font-size:15px;cursor:pointer;color:var(--gv-hi);min-height:44px}
.gv-btn.cheio{background:var(--gv-or);border-color:var(--gv-or);color:#1a0b02}
.gv-btn:disabled{opacity:.45;cursor:not-allowed}
.gv-btn.larga{width:100%}

.gv-loja{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.gv-loja{grid-template-columns:1fr}}
.gv-item{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:8px;background:var(--gv-900);border:1px solid var(--gv-line);border-radius:12px;padding:14px}
.gv-item .ic{width:44px;height:44px;border-radius:10px;background:var(--gv-800);border:1px solid var(--gv-line-hi);display:grid;place-items:center;color:var(--gv-or-300)}
.gv-item h3{margin:0;font:800 17px var(--gv-display)}
.gv-item p{margin:0;color:var(--gv-mid)}
.gv-item .preco{font:800 24px var(--gv-display);font-variant-numeric:tabular-nums;color:var(--gv-ouro)}
.gv-item .preco small{font:500 15px 'Inter',system-ui,sans-serif;color:var(--gv-mid)}
.gv-item .lim{margin:6px 0 0;color:var(--gv-low)}
.gv-sup{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;border:1px dashed var(--gv-or-line);border-radius:12px;padding:12px 14px;background:var(--gv-or-wash)}
.gv-sup .ic{width:44px;height:44px;border-radius:10px;background:var(--gv-800);border:1px solid var(--gv-or-line);display:grid;place-items:center;color:var(--gv-or-300);font:700 19px var(--gv-display)}
.gv-sup p{margin:0;color:var(--gv-mid)}
.gv-cupom-out{margin:0;border:1px solid var(--gv-or-line);background:var(--gv-or-wash);border-radius:12px;padding:12px 16px;color:var(--gv-mid)}
.gv-cupom-out code{font:600 17px var(--gv-mono);color:var(--gv-or-300);user-select:all}

.gv-tabela{overflow-x:auto;min-width:0;max-width:100%}
.gv table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:560px}
.gv th{font:600 15px var(--gv-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gv-low);text-align:center;padding:8px 10px;border-bottom:1px solid var(--gv-line)}
.gv td{padding:10px;border-bottom:1px solid var(--gv-line);text-align:center}
.gv th:first-child,.gv td:first-child{text-align:left}
.gv td .ok{color:var(--gv-ok);font-weight:700}.gv td .no{color:var(--gv-ruim);font-weight:700}.gv td .meio{color:var(--gv-ouro);font-weight:700}
.gv-planos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:820px){.gv-planos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gv-plano{display:grid;grid-template-rows:auto auto auto;gap:2px;background:var(--gv-900);border:1px solid var(--gv-line);border-radius:12px;padding:12px 14px}
.gv-plano .k{font:600 15px var(--gv-mono);text-transform:uppercase;color:var(--gv-low)}
.gv-plano .v{font:800 24px var(--gv-display);font-variant-numeric:tabular-nums}
.gv-plano .s{color:var(--gv-mid)}
.gv-plano.dest{border-color:var(--gv-or-line);background:linear-gradient(180deg,var(--gv-or-wash),transparent 70%),var(--gv-900)}
.gv-aviso{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border:1px solid var(--gv-or-line);background:var(--gv-or-wash);border-radius:12px;padding:12px 16px}
.gv-aviso p{margin:0;flex:1 1 280px}
.gv-estado{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid rgba(56,214,160,.45);background:var(--gv-ok-wash);border-radius:12px;padding:12px 16px}
.gv-estado p{margin:0;flex:1 1 260px}

.gv-gaveta{padding:0}
.gv-gaveta summary{cursor:pointer;padding:14px 18px;font:800 17px var(--gv-display);list-style:none;display:flex;gap:10px;align-items:center}
.gv-gaveta summary::before{content:"▸";color:var(--gv-or);transition:transform .15s}
.gv-gaveta[open] summary::before{transform:rotate(90deg)}
.gv-gaveta .corpo{padding:0 18px 16px;display:grid;gap:10px;color:var(--gv-mid)}
.gv-gaveta ul{margin:0;padding-left:20px;display:grid;gap:6px}
.gv-hist{display:grid;gap:6px}
.gv-hist div{display:grid;grid-template-columns:130px minmax(0,1fr) 70px;gap:12px;align-items:center;background:var(--gv-900);border:1px solid var(--gv-line);border-radius:10px;padding:8px 12px}
.gv-hist span{color:var(--gv-low)}
.gv-hist b{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.gv-hist b.mais{color:var(--gv-ok)}.gv-hist b.menos{color:var(--gv-ouro)}
@media (max-width:560px){.gv-hist div{grid-template-columns:minmax(0,1fr) 70px}.gv-hist span{display:none}}

.gv-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--gv-700);border:1px solid var(--gv-or-line);border-radius:12px;padding:10px 18px;font-weight:600;z-index:60;max-width:92vw;color:var(--gv-hi)}
.gv-msg{margin:0;border:1px dashed var(--gv-line-hi);border-radius:12px;padding:12px 16px;color:var(--gv-mid)}