/* ══════════════════════════════════════════════════════════════════
   COP · LA PÁGINA DEL GRUPO (20/10/2026) — ver cop-grupo-pagina.js
   Sin recuadros: todo apoyado sobre el fondo de la app.
   ══════════════════════════════════════════════════════════════════ */

/* ── la cabecera A ── */
.gp-cab{ position:relative; padding:var(--gap-xs, .25rem) 0 var(--gap-sm, .5rem) }
.gp-glow{ position:absolute; left:-60px; top:-50px; width:260px; height:230px; pointer-events:none; z-index:-1;
  background:radial-gradient(closest-side, rgba(27,60,140,.5), transparent) }
.gp-f1{ display:flex; align-items:center; gap:var(--gap-lg, 1rem) }
.gp-kit{ width:62px; height:auto; flex:none; filter:drop-shadow(0 10px 18px rgba(0,0,0,.6)) }
.gp-nom{ margin:0; min-width:0; font:400 2.3rem/.95 Anton, sans-serif; text-transform:uppercase; letter-spacing:.01em;
  overflow-wrap:anywhere; text-wrap:balance }
.gp-tro{ margin-left:auto; display:grid; justify-items:end; gap:2px; flex:none }
.gp-tro-n{ display:flex; align-items:center; gap:6px; color:#ffd56b }
.gp-tro-n .cop-rel{ width:22px; height:22px }
.gp-tro-n b{ font:400 1.6rem/1 Anton, sans-serif }
.gp-tro small{ font:800 var(--fs-xs, .72rem) Inter, sans-serif; letter-spacing:.12em; text-transform:uppercase; color:#c9a95a }
.gp-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-sm, .5rem) 18px; margin-top:var(--gap-lg, 1rem);
  font:800 var(--fs-base, 1rem)/1.1 Inter, sans-serif; color:#fff }
.gp-meta span{ display:inline-flex; align-items:center; gap:7px }
.gp-meta svg{ width:18px; height:18px; color:var(--primary-soft, #7cc8ff); flex:none }
.gp-meta .gp-liga{ flex-basis:100%; color:var(--primary-soft, #7cc8ff); font-size:var(--fs-lg, 1.15rem) }
.gp-meta .gp-liga img{ width:22px; height:15px; border-radius:2px; object-fit:cover }
@media (max-width:359px){ .gp-nom{ font-size:1.9rem } .gp-kit{ width:52px } .gp-tro-n b{ font-size:1.3rem } }

/* ── el podio del grupo (cop-podio.css) + premios + tu renglón ── */
.gp-podio-wrap{ margin-top:var(--gap-2xl, 1.5rem) }
.rk-podio .rk-podio-v{ text-transform:uppercase }
.rk-podio.gp-podio--prem{ height:360px }
.gp-prem{ display:inline-flex; align-items:center; gap:5px; margin-top:var(--gap-sm, .5rem); white-space:nowrap;
  font:400 var(--fs-lg, 1.15rem)/1 Anton, sans-serif; color:rgb(var(--pc)) }
.gp-mon{ width:16px; height:16px; background:url(moneda.png) center/contain no-repeat }
.gp-yo{ display:flex; justify-content:center; flex-wrap:wrap; gap:var(--gap-sm, .5rem) var(--gap-lg, 1rem); margin:var(--gap-sm, .5rem) 0 var(--gap-xl, 1.3rem);
  font:600 var(--fs-md, .88rem) Inter, sans-serif; color:var(--text-dim, #9aa3b5) }
.gp-yo b{ font:400 1.3rem/1 Anton, sans-serif; color:#fff; margin-right:5px }

/* ── el historial con la carta ── */
.gp-hc{ display:grid; grid-template-columns:118px minmax(0,1fr); gap:var(--gap-lg, 1rem); align-items:center;
  padding:var(--gap-lg, 1rem) 0; border-bottom:1px solid rgba(255,255,255,.07); cursor:pointer; --tc:var(--primary-soft, #7cc8ff) }
.gp-hc--oro{ --tc:#ffd56b }
.gp-hc-cj .cjc{ width:118px }
.gp-hc-t{ display:flex; align-items:center; gap:6px; font:800 var(--fs-xs, .72rem) Inter, sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--tc) }
.gp-vivo{ width:7px; height:7px; border-radius:50%; background:#3ddc84 }
.gp-hc-nom{ margin-top:4px; font:400 1.5rem/1.02 Anton, sans-serif; text-transform:uppercase; text-wrap:balance }
.gp-hc-sub{ margin-top:3px; font:600 var(--fs-md, .88rem) Inter, sans-serif; color:var(--text-dim, #9aa3b5) }
.gp-hc-lid{ margin-top:var(--gap-sm, .5rem); font:700 var(--fs-md, .88rem) Inter, sans-serif; color:#fff }
.gp-hc-lid em{ font-style:normal; color:var(--tc) }
.gp-hc-dat{ display:flex; flex-wrap:wrap; gap:var(--gap-sm, .5rem) 18px; margin-top:var(--gap-md, .7rem) }
.gp-hc-dat div{ display:grid; gap:3px }
.gp-hc-dat small{ font:800 var(--fs-xs, .72rem) Inter, sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#6b7385; white-space:nowrap }
.gp-hc-dat b{ font:400 1.3rem/1 Anton, sans-serif; color:#fff }
.gp-hc-dat b.oro{ color:#ffd56b } .gp-hc-dat b.cel{ color:var(--primary-soft, #7cc8ff) }
@media (max-width:359px){ .gp-hc{ grid-template-columns:96px minmax(0,1fr) } .gp-hc-cj .cjc{ width:96px } .gp-hc-nom{ font-size:1.25rem } }

/* ── la liga abierta ── */
.gp-lg{ text-align:center; margin-top:var(--gap-lg, 1rem) }
.gp-lg-t{ font:800 var(--fs-xs, .72rem) Inter, sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--primary-soft, #7cc8ff) }
.gp-lg b{ display:block; font:400 2rem/1 Anton, sans-serif; text-transform:uppercase; margin-top:4px }
.gp-lg small{ font:600 var(--fs-md, .88rem) Inter, sans-serif; color:var(--text-dim, #9aa3b5) }
.gp-prog{ height:6px; border-radius:4px; background:rgba(255,255,255,.06); overflow:hidden; margin:var(--gap-md, .7rem) 0 4px }
.gp-prog i{ display:block; height:100%; width:var(--w); background:linear-gradient(90deg, #0c95eb, #9d2bff) }
.gp-progl{ display:flex; justify-content:space-between; font:700 var(--fs-xs, .72rem) Inter, sans-serif; color:#6b7385 }
.gp-tt{ margin-bottom:var(--gap-sm, .5rem) }
.gp-tt .cop-tab{ font-size:var(--fs-sm, .8rem) }
.gp-volver-liga{ all:unset; cursor:pointer; display:inline-flex; align-items:center; gap:6px; margin-top:var(--gap-md, .7rem);
  font:700 var(--fs-md, .88rem) Inter, sans-serif; color:var(--primary-soft, #7cc8ff) }