/* MuCore — responsive.css
   Breakpoints: tablet ≤1029px | mobile ≤768px
   Enlazado desde index-home.php */

html, body { overflow-x: hidden !important; max-width: 100% !important; }
*, *::before, *::after { box-sizing: border-box; }

/* ── Tablet ≤ 1029px: 2 columnas ───────────────────────── */
@media (max-width: 1029px) {
  .container {
    grid-template-columns: 260px 1fr !important;
    padding: 1rem !important;
    gap: 1rem !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .sidebar-right { display: none !important; }
}

/* ── Mobile ≤ 768px: columna única ─────────────────────── */
@media (max-width: 768px) {
  body { padding-top: 56px !important; }

  .container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.75rem !important;
    gap: 0.75rem !important;
    box-sizing: border-box !important;
  }
  main          { order: 1 !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
  .sidebar-left { order: 2 !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
  .sidebar-right{ display: none !important; }

  .sidebar-module { width: 100% !important; box-sizing: border-box !important; }

  .mc-stats-strip { flex-wrap: wrap !important; gap: 6px !important; padding: 8px !important; }
  .mc-stat-item   { min-width: calc(33.33% - 6px) !important; flex: 1 1 calc(33.33% - 6px) !important; }
  .mc-rank-bar    { overflow-x: auto !important; padding: 6px 10px !important; }

  table { font-size: 12px !important; width: 100% !important; }
  td, th { padding: 8px 6px !important; }

  .live-records-grid,
  .article-grid,
  .news-grid { grid-template-columns: 1fr !important; }
}