/* ================= LANDING LEGENDS (legends-copa-2026.html) =================
   Extensão de landing.css + landing-v2.css — só o que é específico desta
   página: paleta de raridade (Regular/Bronze/Prata/Ouro) e o hero em modo
   "destino" dourado (mesmo espírito do loja.html?ver=legends — ver .leg-hero
   em css/loja.css, só que com o vocabulário de classes lv-*/lg-* desta
   landing). Cores fixas em hex (mesmos valores do tema escuro de
   css/style.css, --violet/--bronze/--silver) em vez de custom properties,
   pra não depender de var() extra. */
*{}/* regra vazia de propósito — confirmado com teste A/B (guarda dentro/fora,
   aba nova + URL sem cache nas duas vezes): a 1ª regra "de verdade" logo
   depois do comentário grande do topo do arquivo some do CSSOM nesse
   ambiente de preview, não é cache. Sacrifica esta regra vazia em vez de uma
   regra real. Não remover. */

/* kicker dourado acima do H1 — mesmo texto/ícone do hero de loja.html?ver=legends */
.lg-kicker{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--gold-soft);margin:0 0 10px}
.lg-kicker .ic{width:1.1em;height:1.1em}
body.lv .lv-hero.lg-hero h1{color:var(--text)}
.lv-hero.lg-hero h1 span{color:var(--gold-soft)}

/* leque de raridade no hero — 4 chips com estrela, cor por raridade (mesma
   ideia do .lv-fan de figurinhas, só que sem número, porque Legend não tem
   "número" — a raridade é a informação) */
.lg-fan{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:420px;margin:26px auto 0}
.lg-fan .lg-photo{grid-column:span 2}.lg-fan .lg-photo:nth-child(4){grid-column:2/4}.lg-fan .lg-photo:nth-child(5){grid-column:4/6} /* 3 em cima, 2 centralizadas embaixo */
.lg-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  aspect-ratio:3/4;border-radius:14px;background:var(--surface-2);border:1px solid var(--border-2);
  box-shadow:0 22px 40px -18px rgba(0,0,0,.85)}
.lg-chip b{display:flex}
.lg-chip b .ic{width:22px;height:22px}
.lg-chip em{font-style:normal;font-family:var(--f-display);font-weight:700;font-size:11px;
  letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.lg-chip.big{transform:translateY(-8px);z-index:1}
.lg-chip.t-regular{border-color:#5f3d8f;background:linear-gradient(155deg,color-mix(in srgb,#c39cf2 20%,var(--surface-2)),var(--surface-2) 65%)}
.lg-chip.t-regular b{color:#c39cf2}
.lg-chip.t-bronze{border-color:#7a4a20;background:linear-gradient(155deg,color-mix(in srgb,#d18a4e 22%,var(--surface-2)),var(--surface-2) 65%)}
.lg-chip.t-bronze b{color:#d18a4e}
.lg-chip.t-silver{border-color:#5a6a70;background:linear-gradient(155deg,color-mix(in srgb,#cdd7da 22%,var(--surface-2)),var(--surface-2) 65%)}
.lg-chip.t-silver b{color:#cdd7da}
.lg-chip.t-gold{border-color:var(--gold-line);background:linear-gradient(155deg,color-mix(in srgb,var(--gold) 26%,var(--surface-2)),var(--surface-2) 65%)}
.lg-chip.t-gold b{color:var(--gold-soft)}
@media (min-width:900px){.lg-fan{max-width:440px}}

/* raridades: tag colorida inline, dentro do parágrafo — em vez de 4 cartões
   idênticos (pedido do usuário: menos "grade de pricing", mais texto corrido) */
.lg-tag{display:inline-block;font-family:var(--f-display);font-weight:800;font-size:12.5px;
  text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;border-radius:20px;white-space:nowrap}
.lg-tag.t-regular{color:#c39cf2;background:#231a33;border:1px solid #5f3d8f}
.lg-tag.t-bronze{color:#d18a4e;background:#2b1c10;border:1px solid #7a4a20}
.lg-tag.t-silver{color:#cdd7da;background:#20272a;border:1px solid #5a6a70}
.lg-tag.t-gold{color:var(--gold-soft);background:var(--gold-quiet);border:1px solid var(--gold-line)}

/* fotos reais das figurinhas Legend (v10.175), uma por raridade, no lugar dos quadradinhos desenhados */
.lg-photo{margin:0;display:flex;flex-direction:column;gap:8px;align-items:center}
.lg-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:10px;border:1px solid var(--border);box-shadow:0 18px 30px -16px rgba(0,0,0,.7)}
.lg-photo figcaption{display:flex;flex-direction:column;align-items:center;gap:1px;font-family:var(--f-display);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lg-photo figcaption b{font-size:14px;color:var(--text)}.lg-photo figcaption span{font-size:11px}
.lg-photo.t-regular figcaption{color:#c39cf2}.lg-photo.t-bronze figcaption{color:#d18a4e}.lg-photo.t-silver figcaption{color:#cdd7da}.lg-photo.t-gold figcaption{color:var(--gold-soft)}
.lg-photo.t-regular img{border-color:#5f3d8f}.lg-photo.t-bronze img{border-color:#7a4a20}.lg-photo.t-silver img{border-color:#5a6a70}.lg-photo.t-gold img{border-color:var(--gold-line)}
@media (min-width:900px){.lg-fan{max-width:460px}}