/* Filtros de las listas públicas (clubes, torneos, en vivo): una barra de búsqueda con sus combos y, debajo, el orden
   «A–Z / Más cercanos» con la distancia. Una sola forma de verse en todas, para que no haya que reaprenderla. */
.buscador-clubes { flex: 1 1 100%; flex-wrap: wrap !important; }
.buscador-clubes .campo { position: relative; flex: 1 1 260px; margin: 0; }
.buscador-clubes .campo i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #5d687c; pointer-events: none; }
html[data-brand] body .ui-filtros .buscador-clubes .campo input.form-control { padding-left: 40px; width: 100%; }
@media (max-width: 575.98px) { .buscador-clubes .campo { flex-basis: 100%; } }
  /* Orden y distancia: A–Z o «más cercanos» */
.orden-clubes { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1rem; margin:.2rem 0 1rem; }
.orden-clubes .seg { display:inline-flex; border:2px solid var(--ui-ink, #0f1b2d); border-radius:999px; overflow:hidden; }
.orden-clubes .seg a { padding:.35rem .95rem; font-weight:700; font-size:.82rem; text-decoration:none; color:var(--ui-ink, #0f1b2d); background:#fff; }
.orden-clubes .seg a.on { background:var(--ui-ink, #0f1b2d); color:#fff; }
.orden-clubes .donde { font-size:.85rem; color:#5b6575; min-width:0; flex:1 1 14rem; }
.orden-clubes .donde b { color:var(--ui-ink, #0f1b2d); }
.orden-clubes .fichas { display:flex; flex-wrap:wrap; gap:.35rem; }
.orden-clubes .fichas a { border:2px solid var(--ui-ink, #0f1b2d); border-radius:999px; padding:.25rem .75rem; font-weight:700; font-size:.78rem; text-decoration:none; color:var(--ui-ink, #0f1b2d); background:#fff; }
.orden-clubes .fichas a.on { background:var(--ui-ink, #0f1b2d); color:#fff; }

/* Combos de TODO el sitio: la flecha abajo a la derecha. Sin ella una caja con un combo no se distingue de un campo de texto.
   (El estilo base de los campos reiniciaba el fondo y le quitaba la flecha que trae Bootstrap.) */
select.form-select {
  -webkit-appearance: none; appearance: none; cursor: pointer; text-overflow: ellipsis;
  padding-right: 2.4rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1.5 1.5 7 7l5.5-5.5' stroke='%231d2b42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right .85rem center !important; background-size: 14px 9px !important;
}
select.form-select:disabled { opacity: .6; cursor: not-allowed; }
select.form-select[multiple], select.form-select[size]:not([size="1"]) { background-image: none !important; padding-right: .75rem !important; cursor: auto; }