/* =========================================
   MOBILE COMPACT PACK v3 (más compacto)
   Objetivo: bajar espacios ENTRE secciones y dentro de headers.
   Solo móvil.
   ========================================= */

@media (max-width: 768px){
  /* Reduce padding vertical global en secciones típicas */
  #calendario{ padding-top: 3.6rem !important; padding-bottom: 3.0rem !important; }
  #copa-chile{ padding-top: 3.0rem !important; padding-bottom: 3.6rem !important; }

  #torneos-intercomunales{ padding: 4.0rem 0 !important; }
  #sur-vs-norte{ padding-top: 4.0rem !important; padding-bottom: 4.0rem !important; }
  #galeria{ padding-top: 3.6rem !important; padding-bottom: 3.6rem !important; }
  #testimonios{ padding-top: 3.6rem !important; padding-bottom: 3.6rem !important; }
  #sedes{ padding-top: 3.6rem !important; padding-bottom: 3.6rem !important; }
  #documentos{ padding-top: 3.6rem !important; padding-bottom: 3.6rem !important; }
  #campeones{ padding-top: 3.8rem !important; padding-bottom: 3.8rem !important; }
  #sponsors{ padding-top: 3.4rem !important; padding-bottom: 3.4rem !important; }

  /* Headers: menos margen */
  .section-title{ margin: 0.6rem 0 !important; }

  /* Bloques centrados con margin-bottom grande (muy comunes) */
  section .container > div[style*="text-align: center"][style*="margin-bottom: 4rem"]{ margin-bottom: 2rem !important; }
  section .container > div[style*="text-align: center"][style*="margin-bottom: 3rem"]{ margin-bottom: 1.75rem !important; }

  /* Copa Chile: subtítulo y bloque galería más pegados */
  #copa-chile .copa-hero span{ margin-bottom: 1.15rem !important; }
  #copa-chile .copa-title{ margin-bottom: 0.6rem !important; }
}

@media (max-width: 480px){
  #calendario{ padding-top: 3.4rem !important; padding-bottom: 2.8rem !important; }
  #copa-chile{ padding-top: 2.8rem !important; padding-bottom: 3.4rem !important; }
  #galeria{ padding-top: 3.4rem !important; padding-bottom: 3.4rem !important; }
}