/* Cierre exacto del “aire” entre SEDES/AMISTOSOS (#sedes) y QUIÉNES SOMOS (#sobre)
   Objetivo: recortar el espacio REAL (normalmente viene de margin-bottom internos)
   sin afectar el resto de la página. */

/* 1) Recorta el margen inferior del último bloque dentro de sedes */
#sedes .container > *:last-child{
  margin-bottom: 0 !important;
}

/* 2) Bloque "GRUPOS DE AMISTOSOS" (tiene margin-bottom grande inline) */
#sedes .container > div[style*="GRUPOS DE AMISTOSOS"],
#sedes .container > div:has(h3 i.fas.fa-users){
  margin-bottom: 1rem !important;
}

/* Fallback robusto: si el selector :has no está disponible, atacamos el div inline más típico */
#sedes .container > div[style*="margin-bottom: 3rem"]{
  margin-bottom: 1rem !important;
}

/* 3) El bloque de mini-estadísticas al final (si queda como último) */
#sedes .container > div[style*="max-width: 600px"]{
  margin-bottom: 0.75rem !important;
}

/* 4) Quita margen superior “fantasma” al inicio de Sobre */
#sobre .container > *:first-child{
  margin-top: 0 !important;
}

/* Ajuste móvil aún más compacto */
@media (max-width: 640px){
  #sedes .container > div[style*="margin-bottom: 3rem"]{ margin-bottom: 0.75rem !important; }
  #sedes .container > div[style*="max-width: 600px"]{ margin-bottom: 0.5rem !important; }
}