/* =========================================
   MOBILE FINAL PACK — compactación de espacios
   Objetivo: reducir scroll y “aire” entre bloques en móvil,
   sin tocar desktop.
   ========================================= */

@media (max-width: 768px){
  /* COPA CHILE: quitar attachment fixed en móvil (evita jank + suele agregar sensación de espacio) */
  #copa-chile{ background-attachment: scroll !important; }

  /* COPA CHILE: compactar paddings generales si vienen muy grandes */
  #copa-chile{ padding-top: 4.25rem !important; padding-bottom: 4.25rem !important; }

  /* Botonera del hero de Copa Chile (venía con margin-top:2rem inline) */
  #copa-chile .copa-hero > div[style*="margin-top: 2rem"]{
    margin-top: 1.25rem !important;
    gap: 0.9rem !important;
  }

  /* GALERÍA (título/sub) dentro de copa chile: reducir márgenes inline grandes */
  #copa-chile .copa-chile-galeria{ margin-top: 1.75rem !important; }
  #copa-chile .copa-chile-galeria-sub{ margin-bottom: 1.25rem !important; }

  /* TORNEOS INTERCOMUNALES: viene con padding 8rem inline → bajarlo en móvil */
  #torneos-intercomunales{ padding: 4.75rem 0 !important; }
  #torneos-intercomunales .container > div[style*="margin-bottom: 4rem"]{ margin-bottom: 2.25rem !important; }

  /* Grid enorme dentro de torneos intercomunales: bajar gap */
  #torneos-intercomunales .container > div[style*="grid-template-columns: repeat(auto-fit, minmax(450px, 1fr))"]{
    gap: 2rem !important;
    margin-bottom: 2rem !important;
  }
}

@media (max-width: 480px){
  #copa-chile{ padding-top: 4rem !important; padding-bottom: 4rem !important; }
  #torneos-intercomunales{ padding: 4.25rem 0 !important; }
}