/* Tabla compartida HOCKEYMX.IO: Élite y Conferencia Santa Fe. */
:is(#standings, #posiciones) .standings-table-wrap {
  width: 100%; overflow-x: auto; overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch; background: #fff;
  border: 0; border-radius: 0;
}
:is(#standings, #posiciones) .standings-table-wrap:focus-visible {
  outline: 2px solid #7c3aed; outline-offset: 4px;
}
:is(#standings, #posiciones) .standings-table {
  width: 100%; min-width: 1080px; border-collapse: collapse;
  background: #fff; color: #111;
}
:is(#standings, #posiciones) .standings-table thead {
  background: #fff; color: #777; border-bottom: 2px solid #111;
}
:is(#standings, #posiciones) .standings-table th {
  display: table-cell; padding: 0 16px 18px; text-align: center;
  font-size: 11px; font-weight: 900; letter-spacing: .1em;
  color: #777; white-space: nowrap;
}
:is(#standings, #posiciones) .standings-table td {
  display: table-cell; padding: 20px 16px; text-align: center;
  border-bottom: 1px solid #ddd; color: #111;
  font-size: 16px; font-weight: 800; white-space: nowrap;
}
:is(#standings, #posiciones) .standings-table :is(th, td):nth-child(2) {
  text-align: left; min-width: 240px;
}
:is(#standings, #posiciones) .standings-table td:last-child {
  font-size: 20px !important; font-weight: 900;
}
:is(#standings, #posiciones) .standings-team,
:is(#standings, #posiciones) .standings-team__identity {
  gap: 16px; align-items: center;
}
#standings .standings-team { display: flex; }
#posiciones td.standings-team { display: table-cell; }
:is(#standings, #posiciones) .standings-table img {
  width: 54px !important; height: 54px !important;
  min-width: 54px; max-width: 54px !important;
  min-height: 54px; max-height: 54px !important;
  object-fit: contain; flex: 0 0 54px;
}
:is(#standings, #posiciones) .standings-table :is(span, strong) {
  font-size: 17px; font-weight: 900; letter-spacing: -.02em;
}
.standings-hint, .standings-key {
  color: #666; font-size: 12px; line-height: 1.6;
  margin: 12px 0 20px;
}
.standings-key { margin-top: 20px; }
@media (min-width: 1100px) { .standings-hint { display: none; } }
@media (max-width: 600px) {
  :is(#standings, #posiciones) .standings-table { min-width: 980px; }
  :is(#standings, #posiciones) .standings-table th { padding: 0 12px 16px; }
  :is(#standings, #posiciones) .standings-table td { padding: 16px 12px; }
}