/* CORRECCIONES CRÍTICAS MÓVIL - Agregar al final de styles.css */

@media (max-width: 768px) {
  /* Logo más grande en móvil */
  .hero-logo {
    width: 200px !important;
    height: 200px !important;
  }
  
  /* Tabs horizontales con scroll */
  .category-tabs {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start !important;
    flex-direction: row !important;
    padding: 0 1rem;
  }
  
  .tab-btn, .tab-button {
    flex-shrink: 0;
    min-width: 120px !important;
    width: auto !important;
  }
  
  /* Tablas más compactas - ocultar columnas menos importantes */
  th:nth-child(4), td:nth-child(4), /* PE */
  th:nth-child(5), td:nth-child(5), /* PP */
  th:nth-child(7), td:nth-child(7) { /* GC */
    display: none;
  }
  
  table {
    min-width: 400px !important;
  }
  
  th, td {
    padding: 0.3rem !important;
    font-size: 0.75rem !important;
  }
  
  /* Botones táctiles */
  .btn, .tab-btn, .tab-button, .filter-btn {
    min-height: 44px;
    touch-action: manipulation;
  }
  
  /* Cards de estadísticas más legibles */
  .stat-card {
    padding: 1.5rem !important;
  }
  
  .stat-number {
    font-size: 2.5rem !important;
  }
  
  /* Match cards más claros */
  .match-teams {
    flex-direction: column !important;
    gap: 1rem;
    text-align: center;
  }
  
  .team {
    justify-content: center !important;
  }
  
  .vs {
    order: 2;
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  /* Pantallas muy pequeñas */
  .hero-logo {
    width: 150px !important;
    height: 150px !important;
  }
  
  .container {
    padding: 0 15px;
  }
  
  th, td {
    padding: 0.2rem !important;
    font-size: 0.7rem !important;
  }
  
  .stat-card {
    padding: 1rem !important;
  }
}