/* ====== FILTROS (posición y colores originales; tonos grises) ====== */
.ftpos-filters{ margin:8px 0 12px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.ftpos-group{ display:flex; flex-wrap:wrap; gap:8px; }
.ftpos-btn{ 
  border:1px solid #e5e7eb; background:#f3f4f6; color:#111827; 
  padding:6px 10px; border-radius:10px; cursor:pointer;
}
.ftpos-btn.active{ background:#e2e8f0; border-color:#cbd5e1; }

/* ====== TABLA (sin cambios mayores) ====== */
.ftpos-scroll{ overflow-x:auto; }
.ftpos-table{ width:100%; border-collapse:collapse; }
.ftpos-table thead th{ background:#f5f6f7; border-bottom:2px solid #e5e7eb; padding:10px 12px; text-align:center; white-space:nowrap; }
.ftpos-table td{ padding:10px 12px; border-bottom:1px solid #e5e7eb; vertical-align:middle; text-align:center; }
.ftpos-table td.col-equipo{ text-align:left; }
.ftpos-logo{ height:24px; width:24px; border-radius:50%; margin-right:8px; vertical-align:middle; }
.ftpos-pos{ width:56px; color:#4b5563; text-align:center; }
.ftpos-sort{ background:none; border:none; padding:0; margin:0; cursor:pointer; font:inherit; color:inherit; text-underline-offset:3px; }
.ftpos-sort.asc::after{ content:" \2191"; font-size:.8em; }
.ftpos-sort.desc::after{ content:" \2193"; font-size:.8em; }
@media (max-width:576px){ .ftpos-table th,.ftpos-table td{ padding:6px 8px; } .ftpos-sort::after{ font-size:.65em!important; } }

/* ====== FIXTURE ====== */
.ftfix{ margin-top:18px; }
.ftfix-nav{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center; margin-bottom:12px; }
.ftfix-nav-btn, .ftfix-nav-arrow{ 
  border:1px solid #e5e7eb; background:#f3f4f6; color:#111827; 
  padding:6px 10px; border-radius:10px; cursor:pointer; 
}
.ftfix-nav-btn.active{ background:#e2e8f0; border-color:#cbd5e1; }
.ftfix-title{ text-align:center; font-weight:700; margin:10px 0 8px; border-top:1px solid #e5e7eb; padding-top:10px; }

/* Lista compacta, sin viñetas */
.ftfix-list{ list-style:none; margin:0; padding:0; }
.ftfix-item{ padding:10px 0; border-bottom:1px solid #e5e7eb; }
.ftfix-item:last-child{ border-bottom:none; }

/* Fila con grilla: izquierda equipo local (texto + logo), centro score, derecha equipo visitante (logo + texto) */
.ftfix-row{ 
  display:grid; 
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  column-gap:12px;
}
.team{ display:flex; align-items:center; gap:8px; min-width:0; }
.team .name{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.team .logo{ width:20px; height:20px; border-radius:50%; }

/* Orden requerido: Local texto luego logo / Visitante logo luego texto */
.team-home{ flex-direction:row; }
.team-away{ flex-direction:row; }
.team-home .name{ order:1; } .team-home .logo{ order:2; }
.team-away .logo{ order:1; } .team-away .name{ order:2; }

/* Marcador centrado perfecto */
.score{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; }
.score .boxes{ display:flex; align-items:center; justify-content:center; gap:6px; }
.score-box{ min-width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center; font-weight:700; border:1px solid #cbd5e1; border-radius:6px; background:#fff; }
.sep{ opacity:.8; }

.state-line{ font-size:.85rem; color:#6b7280; text-align:center; }

@media (max-width:640px){
  .team .logo{ width:18px; height:18px; }
  .score-box{ min-width:24px; height:24px; }
}



/* === [PATCH v2_1_4 -> estilos como v2_0_8] =============================== */
/* Distribución y colores de filtros igual a v2_0_8 */
.ftpos-buttons{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.ftpos-buttons .ftpos-group{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.ftpos-buttons .ftpos-btn{ color:#000; background:#f0f0f0; border:1px solid #d1d5db; }
.ftpos-buttons .ftpos-btn.active{ background:#b3b3b3; color:#000; box-shadow: inset 0 1px 0 rgba(0,0,0,.05); }

/* Alineación de la columna Equipo a la izquierda como v2_0_8 */
.ftpos-table td.ftpos-equipo{ text-align:left !important; }
.ftpos-table th:first-child{ text-align:center; } /* Pos siempre centrado */
.ftpos-table th .ftpos-sort[data-col="Equipo"]{ text-align:left; }

/* Mantener estilos compactos del fixture y centrar marcador */
.ftfix .score{ display:flex; flex-direction:column; align-items:center; justify-content:center; }
.ftfix .score .boxes{ display:flex; align-items:center; justify-content:center; gap:6px; }
.ftfix .state-line{ text-align:center; }

/* ======================================================================== */


/* === Complemento FIXTURE: apilar marcador + estado dentro del mismo contenedor === */
.col.marcador{ display:flex; flex-direction:column; align-items:center; gap:4px; }
.estado{ font-size:.8em; text-align:center; margin-top:4px; }


/* === FIX: cabecera 'Equipo' como unidad (logo + texto + icono ordenación) === */
.ftpos-table thead th.col-equipo{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
}
.ftpos-table thead th.col-equipo .ftpos-logo{
  height:22px;
  width:auto;
  margin:0;
  vertical-align:middle;
}
.ftpos-table thead th.col-equipo .ftpos-sort{
  position:static;
  margin:0;
}
.ftpos-table thead th.col-equipo *{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}


/* ====== FutsalHoy: Indicadores de orden en cabecera ====== */
.ftpos-table thead th{ position:relative; }
.ftpos-sortbtn {
  background: transparent;
  border: 0;
  padding: 0 0 0 6px;
  margin-left: 4px;
  cursor: pointer;
  line-height: 1;
}
.ftpos-sortbtn:focus { outline: none; }
.ftpos-sort-indicator {
  display: inline-block;
  width: 0; height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid currentColor;
  opacity: .45;
  transform: translateY(-1px);
}
.ftpos-table thead th.is-sorted-desc .ftpos-sort-indicator {
  border-top: 0;
  border-bottom: 6px solid currentColor;
}

/* Enlace info ▸ al lado del equipo */
.ftpos-table .ftpos-info{ margin-left:6px; text-decoration:none; opacity:0.85; }
.ftpos-table .ftpos-info:hover{ opacity:1; text-decoration:underline; }