/* Partidos programados y resultados: presentación horizontal en celular. */
@media (max-width: 700px) {
  article.copa-match {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(92px, 108px) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 6px !important;
    min-height: 0 !important;
    padding: 18px 8px !important;
  }

  article.copa-match > .copa-team:first-child,
  article.copa-match > .copa-team:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: start !important;
    min-width: 0 !important;
    gap: 7px !important;
    padding: 3px 0 !important;
    text-align: center !important;
  }

  article.copa-match .copa-team-logo {
    width: 54px !important;
    height: 54px !important;
    flex: 0 0 54px !important;
  }

  article.copa-match .copa-team strong {
    width: 100% !important;
    font-size: .71rem !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  article.copa-match > .copa-score-block {
    width: 100% !important;
    min-width: 0 !important;
    gap: 5px !important;
  }

  article.copa-match .copa-score {
    min-width: 78px !important;
    padding-inline: 7px !important;
  }

  article.copa-match .copa-match-group,
  article.copa-match .copa-match-status {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }

  article.copa-match .copa-match-meta {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 8px 4px !important;
    font-size: .61rem !important;
    line-height: 1.25 !important;
  }

  /* Tabla: POS, EQUIPO, PTS y GD visibles antes del desplazamiento. */
  .copa-standings {
    min-width: 650px !important;
  }

  .copa-standings thead th,
  .copa-standings tbody td {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .copa-standings thead th:nth-child(1),
  .copa-standings tbody td:nth-child(1) {
    width: 44px !important;
    min-width: 44px !important;
  }

  .copa-standings thead th:nth-child(2),
  .copa-standings tbody td:nth-child(2),
  .copa-standings .standing-team {
    width: 190px !important;
    min-width: 190px !important;
  }

  .copa-standings thead th:nth-child(3),
  .copa-standings tbody td:nth-child(3),
  .copa-standings thead th:nth-child(4),
  .copa-standings tbody td:nth-child(4) {
    width: 52px !important;
    min-width: 52px !important;
  }

  /* Tabla compacta: equipo, PTS y GD visibles en celular. */
  .copa-standings {
    min-width: 560px !important;
    table-layout: fixed !important;
  }

  .copa-standings thead th,
  .copa-standings tbody td {
    padding: 8px 5px !important;
    font-size: .67rem !important;
  }

  .copa-standings thead th:nth-child(1),
  .copa-standings tbody td:nth-child(1) {
    width: 40px !important;
    min-width: 40px !important;
  }

  .copa-standings thead th:nth-child(2),
  .copa-standings tbody td:nth-child(2),
  .copa-standings .standing-team {
    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;
  }

  .copa-standings .standing-team {
    display: table-cell !important;
    white-space: normal !important;
    line-height: 1.12 !important;
  }

  .copa-standings .standing-team strong {
    font-size: .67rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    vertical-align: middle !important;
  }

  .copa-standings .standing-logo {
    width: 30px !important;
    height: 30px !important;
    margin-right: 5px !important;
    vertical-align: middle !important;
  }

  .copa-standings thead th:nth-child(3),
  .copa-standings tbody td:nth-child(3),
  .copa-standings thead th:nth-child(4),
  .copa-standings tbody td:nth-child(4) {
    width: 46px !important;
    min-width: 46px !important;
  }

  .copa-standings thead th:nth-child(n+5),
  .copa-standings tbody td:nth-child(n+5) {
    width: 44px !important;
    min-width: 44px !important;
  }
}