/* FULBO 2.36 — Titulares centrados, tarjetas de equipos más compactas.
   Afecta exclusivamente la presentación de las vistas de liga. */

/* 1. Goleadores, asistencias y tarjetas: título centrado en todo el panel. */
#liga-lideres > .v2-header.compact {
  justify-content:center;
  text-align:center;
}
#liga-lideres > .v2-header.compact > div {
  width:100%;
  min-width:0;
  text-align:center;
}
#liga-lideres > .v2-header.compact h3 {
  text-align:center;
  margin-inline:auto;
}

/* 2. Tabla de posiciones: centrado auténtico, sin desplazar "Ampliar tabla". */
#liga-tablas > .v2-header.compact {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-inline:138px;
  min-height:40px;
}
#liga-tablas > .v2-header.compact > div {
  width:100%;
  min-width:0;
  text-align:center;
}
#liga-tablas > .v2-header.compact h3 {
  text-align:center;
  margin-inline:auto;
}
#liga-tablas > .v2-header.compact > .outline-button {
  position:absolute;
  right:0;
  top:0;
}

/* 3. Dos tablas, con ambos títulos centrados en sus propios recuadros. */
.main-content .arg-combined .arg-dual-column .arg-dual-title {
  text-align:center!important;
  width:100%;
  margin-inline:auto!important;
}

/* 4. Equipos y planteles: encabezado central y escudo pegado a su nombre. */
#liga-equipos > h3,
#liga-equipos > .subtle-caption {
  text-align:center;
}
#liga-equipos > h3 {
  margin-inline:auto;
}
#liga-equipos > .subtle-caption {
  margin-bottom:13px;
}
#liga-equipos .club-card {
  gap:6px!important;
  padding-inline:11px!important;
}
#liga-equipos .club-card > .club-logo,
#liga-equipos .club-card > .team-crest-fallback,
#liga-equipos .club-card > .fulbo-crest-missing {
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  object-fit:contain;
}
#liga-equipos .club-card .club-card-text {
  margin:0!important;
  min-width:0;
  flex:1 1 auto;
  text-align:left;
}
#liga-equipos .club-card .club-card-text strong {
  font-size:13px;
}
#liga-equipos .club-card > svg:last-child {
  margin-left:auto;
}

/* Móvil: el botón de ampliar no debe superponerse al título. */
@media(max-width:700px) {
  #liga-tablas > .v2-header.compact {
    padding-inline:0;
    flex-direction:column;
    justify-content:center;
    gap:10px;
  }
  #liga-tablas > .v2-header.compact > .outline-button {
    position:static;
    align-self:center;
  }
  #liga-equipos .club-card {
    gap:5px!important;
    padding-inline:9px!important;
  }
  #liga-equipos .club-card > .club-logo,
  #liga-equipos .club-card > .team-crest-fallback,
  #liga-equipos .club-card > .fulbo-crest-missing {
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
  }
}

/* Preservar el modo Pixel Art opcional en los nuevos encabezados. */
html[data-visual='pixel'] #liga-equipos .club-card .club-card-text {
  color:var(--ink);
}