/* ══════════════════════════════════════════════════════════════════
   EL SÍMBOLO FLOTANTE DE LA LIGA ELEGIDA — el filtro de liga
   ──────────────────────────────────────────────────────────────────
   ⚠ SE MUDÓ DE `carrera.html` (19/10/2026). Franco: «en el menú
   principal de fútbol 11 (…) tenés que poner un botón de filtro como el
   de carrera para seleccionar una liga, uno igual». Lo usan Carrera y
   la elección de liga de Fútbol 11; las reglas y su porqué (18/09/2026)
   son las de Carrera:
   · sólo el dibujo (bandera redonda, logo de CP o el globo), sin fondo,
     borde ni letra;
   · la sombra NO es adorno: el símbolo flota sobre una imagen oscura y
     sin ella una bandera oscura desaparece;
   · la zona táctil mide 60 aunque el dibujo mida 42.
   Uso: <button class="cop-fl"><span class="cop-fl-sel">…</span></button>
   ══════════════════════════════════════════════════════════════════ */
.cop-fl{background:none;border:none;cursor:pointer;padding:0;line-height:0;-webkit-tap-highlight-color:transparent}
.cop-fl-sel{
  position:relative;
  width:60px;height:60px;display:grid;place-items:center;
  background:none;border:none;border-radius:0;box-shadow:none;
  color:#fff;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.9));
  transition:transform .18s;
}
.cop-fl:hover .cop-fl-sel{transform:scale(1.06)}
.cop-fl:active .cop-fl-sel{transform:scale(.94)}
.cop-fl-sel img{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block}
.cop-fl-sel img.pie-cp{border-radius:0;object-fit:contain}
.cop-fl-sel svg{width:44px;height:44px;display:block}
.cop-fl-sel .pie-lock{
  position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;
  display:grid;place-items:center;color:#fff;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.9));
}
.cop-fl-sel .pie-lock svg{width:16px;height:16px}