/* ==========================================================
   Desktop Layout Fix (>=1024px)
   - SOLO layout: espaciados y alineación
   - NO cambia colores, tipografías, textos ni estructura
   - Objetivo: desktop con ritmo similar a mobile + sin corrimientos
   ========================================================== */

@media (min-width: 1024px){
  /* 1) Centrado robusto de contenedores (evita corrimiento lateral) */
  .container{
    width: min(1200px, 92vw) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Evita overflow lateral por elementos con ancho fijo/margins auto */
  section{
    overflow-x: clip;
  }

  /* 2) Ritmo vertical: reduce “aire” excesivo en desktop
        (no tocamos el orden, solo paddings) */
  #calendario,
  #copa-chile,
  #torneos-intercomunales,
  #sur-vs-norte,
  #copa-facil-sur-vs-norte,
  #reglamento,
  #torneos-nacionales,
  #campeones,
  #copa-plata-campeones,
  #leyendas,
  #sedes,
  #sobre,
  #testimonios,
  #sponsors,
  #galeria,
  #contacto{
    padding-top: 4.2rem !important;
    padding-bottom: 4.2rem !important;
  }

  /* Hero: no lo achatamos demasiado, solo normalizamos transiciones */
  #home{ padding-bottom: 3.6rem !important; }

  /* 3) Encabezados de secciones: reduce márgenes inline grandes */
  section .container > div[style*="text-align: center"][style*="margin-bottom"]{
    margin-bottom: 2.2rem !important;
  }

  /* 4) Community Copa Chile: compactar layout interno (sin rediseño)
        - menos separación entre hero y métricas
        - métricas más compactas */
  #copa-chile .copa-hero{
    margin-bottom: 1.2rem !important;
  }

  #copa-chile .copa-stats-banner{
    margin-top: 1.2rem !important;
    margin-bottom: 1.4rem !important;
  }

  #copa-chile .copa-stats-banner .copa-stat-item{
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  #copa-chile .copa-features{
    margin-top: 1.2rem !important;
  }
}