/* cop-chip-pie.css · EL PARCHE A CABALLO DEL BORDE DE ABAJO DE UN RECUADRO
   (Explorar y los minijuegos de Arena). Lo usa la pantalla que tenga un
   recuadro con `position:relative` y aire abajo para la mitad del chip. */
/* ⚠ 07/10/2026: MUDADO de explorar.html — el mismo parche lo usan los
   recuadros de Minigames en Arena (Franco: «ese mismo recuadro con la
   misma chip de jugadores jugando abajo sobre el borde»). */
:is(.ex-pie,.cop-pie){
  position:absolute;left:0;right:0;bottom:0;
  transform:translateY(50%);
  display:flex;justify-content:center;
  pointer-events:none;                 /* la tarjeta entera es el enlace */
}
/* ⚠⚠ SÓLIDO, CON MARCO Y SIN TRANSPARENCIA (Franco, 23/08/2026):
   *«el parche de abajo de la tarjeta que está superpuesto tiene que
   tener fondo sólido y bordes para marcarse bien y que sea sin
   transparencia de ver qué hay atrás. Este nuevo diseño del parche
   superpuesto aplica para TODAS las secciones»*.

   ⚠⚠ EL FONDO ERA `rgba(255,255,255,.05)`, o sea CASI NADA. Y como el
   parche va a caballo del borde —mitad sobre la tarjeta (var(--s2, #161b25)),
   mitad sobre el fondo de la página (var(--s0, #0b0e14))—, ese 5 % dejaba ver el
   escalón de los dos fondos ATRAVESANDO el chip por la mitad. Se leía
   como un error de dibujo, no como una etiqueta.
   ⚠ EL COLOR ES OPACO A PROPÓSITO, no un `rgba` con alfa alto: con
   alfa, el escalón se sigue viendo, más suave. Lo que hace que el
   parche se despegue son las tres cosas juntas — color macizo, marco
   propio y una sombra que lo levanta del papel.
   ⚠ Y VALE PARA LAS SIETE SECCIONES porque `.ex-chip` es una sola
   clase: `chipGente()` y `chipPicks()` la usan las dos. */
/* ⚠⚠ Y EL 30/08/2026 EL ESCALÓN DESAPARECIÓ, ASÍ QUE EL PARCHE TOMA EL
   FONDO DE LA PÁGINA (Franco, punto 18: *«los chips de puntos y los de
   indicador de jugador tienen que tomar el fondo de la página»*).
   El `#1c1f27` de acá arriba existía por una razón concreta: el chip va
   a caballo del borde, mitad sobre la tarjeta (var(--s2, #161b25)) y mitad sobre la
   página (var(--s0, #0b0e14)), y con algo translúcido se veía el escalón de los dos
   fondos cruzándolo por la mitad. Con el marco en degradé, la tarjeta
   pasó a tener el fondo de la página adentro: **ya no hay dos fondos**,
   y un tercer gris propio es lo único que vuelve a hacer visible una
   costura que se acaba de ir.
   ⚠ LO QUE NO SE VA ES EL MARCO NI LA SOMBRA. Lo que despega el parche
   son las tres cosas juntas; sin fondo distinto, el marco y la sombra
   son las dos que quedan y hacen todo el trabajo. */
:is(.ex-chip,.cop-pie-chip){
  display:inline-flex;align-items:center;gap:var(--gap-xs);
  background:var(--bg, #0b0e14);
  border:1px solid var(--card-border,#1e2330);
  box-shadow:0 3px 10px rgba(0,0,0,.6);
  border-radius:var(--r-card);
  padding:.3rem var(--gap-md, .7rem);
  /* ⚠ BLANCO Y NO GRIS (Franco, 28/09/2026 — ver «LAS LETRAS DE LAS
     TARJETAS» al final de este estilo) */
  font-size:var(--fs-xs);font-weight:700;color:#fff;white-space:nowrap;
}
:is(.ex-chip,.cop-pie-chip) svg{width:13px;height:13px;color:var(--primary);flex:0 0 auto}
:is(.ex-chip,.cop-pie-chip).fuego svg{color:var(--fuego)}