.top-filters{
      background:#fff; border-radius:10px; padding:12px 14px; margin:10px 0 20px;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .filters-row{ display:flex; gap:18px; flex-wrap:wrap; align-items:center; }
    .filters-row .block{ display:flex; align-items:center; gap:10px; }

    .bootstrap-select .dropdown-menu{ z-index:3000; }
    .bootstrap-select .dropdown-toggle{ border-radius:8px; }
    .bootstrap-select .bs-ok-default:after{ content:'✓'; }
    .bootstrap-select .filter-option{ font-weight:600; }

    .cards-grid{ display:flex; flex-wrap:wrap; gap:20px; }
    .stat-card{ position:relative; width:310px; background:#fff; border-radius:10px; box-shadow:0 6px 16px rgba(0,0,0,.08); overflow:hidden; }
    .stat-card .header-cards{ position:relative; padding:18px 18px 10px 18px; padding-right:120px;  background:#ffffff;   }
    .stat-card .big{ font-size:56px; font-weight:700; line-height:1; margin:0; color:#1bbf6b; }
    .stat-card .label{ text-transform:uppercase; letter-spacing:.06em; font-weight:700; color:#6b6f76; margin-top:6px; }
    .player-photo{ position:absolute; right:5px; top:5px; width:120px; height:120px; object-fit:cover; border-radius:100%; }
    .corner{ position:absolute; right:0; top:0; width:0; height:0; border-top:60px solid rgba(0,0,0,.03); border-left:60px solid transparent; }
    .leader{ padding:10px 18px 8px 18px; border-top:1px solid #eef0f2; border-bottom:1px solid #eef0f2; background:#fcfdfd; }
    .leader .pos{ font-weight:700; color:#a0a4a9; }
    .leader .name{ font-size:26px; font-weight:800; color:#121416; margin:4px 0; text-transform:uppercase; }
    .club{ display:flex; align-items:center; gap:6px; color:#8a8f96; font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
    .club img{ width:16px; height:16px; border-radius:2px; object-fit:contain; background:#fff; }
    .toplist{ padding:8px 0 12px 0; }
    .toplist li{ display:flex; align-items:center; gap:8px; justify-content:space-between; padding:8px 18px; border-bottom:1px solid #f1f2f4; }
    .toplist li:last-child{ border-bottom:none; }
    .rank{ width:30px; color:#9aa0a6; font-weight:700; }
    .name-wrap{ display:flex; align-items:center; gap:8px; flex:1; min-width:0; }
    .crest{ width:20px; height:20px; border-radius:2px; object-fit:contain; background:#fff; }
    .name-small{ flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; }
    .value{ font-weight:800; }
    .footer-link{ display:block; padding:10px 18px; text-align:center; text-transform:uppercase; font-size:12px; letter-spacing:.06em; color:#1bbf6b; font-weight:600; transition:color .2s ease; }
    .footer-link:hover{ color:#169a55; text-decoration:none; }

    .pos-filter{ display:flex; padding:8px 12px; }
    .pos-filter .btn{ border:none; color:#fff; font-weight:700; padding:4px 8px; border-radius:4px; }
    .pos-filter .btn.active{ box-shadow:0 0 0 2px rgba(0,0,0,.05) inset; }
    .btn-todos{ background:#bdbdbd; }
    .btn-pt{ background:#20bf6b; }
    .btn-df{ background:#2d9cdb; }
    .btn-md{ background:#f2994a; }
    .btn-dl{ background:#eb5757; }

    .types-select .dropdown-menu{ max-height:340px; overflow:auto; }

    /* Permite que los bloques se ajusten en desktop si falta espacio */
    .filters-row .block{ flex: 1 1 260px; }

.bootstrap-select > .dropdown-toggle[type="button"]{
  height: auto !important;          /* quita la altura fija */
  min-height: 34px;                 /* para mantener el tamaño mínimo Bootstrap */
  padding: 6px 12px !important;     /* padding estándar Bootstrap 3 */
  font-weight: 400 !important;      /* peso normal */
  font-size: 14px !important;       /* tamaño estándar */
  line-height: 1.42857143 !important;
}

/* Estilo para las "V" de selección en bootstrap-select */
.bootstrap-select .bs-ok-default:after {
  content: "✓";
  color: #333;              /* cambia color si quieres */
  font-size: 12px;
  line-height: 1;
  float: right;
  margin-top: 4px;
  margin-right: 10px;
}

/* Sobrescribir el icono de bootstrap-select si no hay Glyphicons */
.glyphicon-ok:before {
  content: "✔";
  font-family: inherit;   /* usar fuente normal */
  font-weight: bold;
  color: #1bbf6b;         /* verde, cambia a gusto */
}

/* Solo el botón toggle de bootstrap-select */
.bootstrap-select > .dropdown-toggle.btn-default {
  background-color: #fff !important;   /* fondo blanco */
  color: #333 !important;              /* texto oscuro */
  border: 1px solid #ccc;              /* borde neutro */
}

/* Y en hover/focus/active */
.bootstrap-select > .dropdown-toggle.btn-default:hover,
.bootstrap-select > .dropdown-toggle.btn-default:focus,
.bootstrap-select > .dropdown-toggle.btn-default:active {
  background-color: #f5f5f5 !important;
  color: #222 !important;
  border-color: #bbb;
}


    /* --------- Ajustes responsive móvil --------- */
    @media (max-width:768px){
      .top-filters{ padding:12px; }
      .filters-row{ display:block; }
      .filters-row .block{
        display:block; width:100%; margin-bottom:10px;
      }
      .filters-row .label-strong{
        display:block; margin-bottom:6px;
      }
      /* Selectpicker a ancho completo */
      .bootstrap-select{ width:100% !important; }
      .bootstrap-select > .dropdown-toggle{
        width:100% !important;
        white-space:normal;
      }
      .bootstrap-select .filter-option{
        white-space:normal;
      }
      .bootstrap-select .dropdown-menu{
        max-width:100vw; width:100% !important;
        left:0 !important; right:0 !important;
      }
      /* (Opcional) limitar a 2 líneas el texto de selección */
      .bootstrap-select .filter-option-inner-inner{
        display:block; max-height:2.6em; overflow:hidden;
      }
      /* Tarjetas full width si quieres */
      .stat-card{ width:100%; }
      .player-photo{ width:100px; height:100px; }
    }