@media (max-width: 600px){

  .olympic-table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    min-width: 600px;
  }

  .olympic-table th,
  .olympic-table td{
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
  }

  .athlete .name{
    white-space: nowrap;
  }

  /* opcional: reduce medallas cabecera en móvil */
  .medal-xxl{
    --medal-size: 80px;
  }
}