/* Single source for the homepage districts block. Loaded last on purpose. */
body #distritos.districts-section{
  position:relative !important;
  z-index:1 !important;
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
}

body #distritos .district-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
  width:min(100%,1180px) !important;
  max-width:1180px !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
  align-items:stretch !important;
}

body #distritos .district-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  position:relative !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
}

.district-hidden{
  display:none !important;
}

body #distritos .district-hidden{
  display:none !important;
}

body #distritos .district-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  width:min(100%,760px) !important;
  height:auto !important;
  min-height:0 !important;
  margin:32px auto 0 !important;
  padding:0 !important;
  position:relative !important;
  z-index:3 !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:visible !important;
}

body #distritos .btn-district-toggle,
body #distritos .btn-district-contact{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:52px !important;
  min-width:210px !important;
  width:auto !important;
  max-width:100% !important;
  padding:0 26px !important;
  position:relative !important;
  z-index:4 !important;
  visibility:visible !important;
  opacity:1 !important;
  transform:none !important;
  pointer-events:auto !important;
}

@media (min-width:768px) and (max-width:1023px){
  body #distritos .district-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    max-width:880px !important;
  }
}

@media (max-width:767px){
  body #distritos .district-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    width:100% !important;
    max-width:680px !important;
  }

  body #distritos .district-actions{
    flex-direction:column !important;
    gap:12px !important;
    width:100% !important;
    max-width:520px !important;
    margin-top:24px !important;
  }

  body #distritos .btn-district-toggle,
  body #distritos .btn-district-contact{
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
  }
}

@media (max-width:340px){
  body #distritos .district-grid{
    grid-template-columns:1fr !important;
    max-width:320px !important;
  }
}


/* FIX REAL FINAL DISTRITOS - cargado al ultimo */
html body #distritos.districts-section,
html body section#distritos.districts-section{
  min-height:0 !important;
  height:auto !important;
  padding-top:54px !important;
  padding-bottom:48px !important;
  margin-bottom:0 !important;
  overflow:visible !important;
}
html body #distritos .district-grid{
  min-height:0 !important;
  height:auto !important;
  margin-bottom:0 !important;
}
html body #distritos .district-grid > .district-card.district-hidden,
html body #distritos .district-grid > article.district-hidden,
html body #distritos .district-hidden{
  display:none !important;
  visibility:hidden !important;
}
html body #distritos .district-actions{
  position:relative !important;
  display:flex !important;
  margin:28px auto 0 !important;
  padding:0 !important;
  min-height:0 !important;
  height:auto !important;
  z-index:999 !important;
  pointer-events:auto !important;
}
html body #distritos .btn-district-toggle{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  cursor:pointer !important;
}
@media (max-width:767px){
  html body #distritos.districts-section,
  html body section#distritos.districts-section{
    padding-top:42px !important;
    padding-bottom:104px !important; /* espacio solo para menú inferior móvil */
  }
  html body #distritos .district-actions{
    margin-top:22px !important;
    flex-direction:column !important;
  }
  html body #distritos .btn-district-toggle,
  html body #distritos .btn-district-contact{
    width:min(100%,320px) !important;
  }
}