/* ==========================================================
   NS RESPONSIVE FIX REAL - 2026-06-07
   Fuerza 2 columnas en celulares para secciones con muchas tarjetas
   y aumenta el logo del footer. Cargado al final para vencer overrides.
   ========================================================== */
@media (max-width: 767px){
  html, body{overflow-x:hidden!important;}

  body :is(.district-grid,
           .districts-section .district-grid,
           .service-grid,
           .feature-grid,
           .process-grid,
           .selection-steps,
           .why-grid,
           .metrics-grid,
           .local-grid,
           .testimonial-grid,
           .jobs-public-grid,
           .job-requirements-grid,
           .jobs-public-footer ul,
           .choice-grid.three,
           .choice-grid.four){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  body :is(.district-card,
           .district-grid > *,
           .districts-section .district-card,
           .service-card,
           .feature-card,
           .process-card,
           .selection-steps > *,
           .why-grid > *,
           .metric-card,
           .local-card,
           .testimonial-card,
           .public-job-card,
           .jobs-public-footer li,
           .choice){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:auto!important;
    box-sizing:border-box!important;
  }

  body :is(.district-card,
           .district-grid > *,
           .districts-section .district-card,
           .service-card,
           .feature-card,
           .process-card,
           .selection-steps > *,
           .why-grid > *,
           .metric-card,
           .local-card,
           .testimonial-card,
           .public-job-card){
    padding:14px 9px!important;
    border-radius:17px!important;
  }

  body :is(.district-card h3,
           .district-grid h3,
           .districts-section .district-card h3,
           .service-card h3,
           .feature-card h3,
           .process-card h3,
           .selection-steps h3,
           .why-grid h3,
           .public-job-card h3){
    font-size:13.5px!important;
    line-height:1.18!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  body :is(.district-card p,
           .district-grid p,
           .districts-section .district-card p,
           .service-card p,
           .feature-card p,
           .process-card p,
           .selection-steps p,
           .why-grid p,
           .public-job-card p,
           .public-job-location,
           .public-job-meta span){
    font-size:11px!important;
    line-height:1.32!important;
  }

  body :is(.district-icon,
           .districts-section .district-icon,
           .service-card .icon,
           .feature-card .icon,
           .metric-icon,
           .public-job-icon){
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:14px!important;
  }

  body :is(.district-icon svg,
           .districts-section .district-icon svg,
           .service-card .icon svg,
           .feature-card .icon svg,
           .public-job-icon svg){
    width:22px!important;
    height:22px!important;
  }

  body :is(.site-footer .footer-brand img,
           footer .footer-brand img,
           .jobs-public-footer .footer-brand img,
           .footer-logo img,
           footer img[src*="logo"],
           footer img[alt*="Nanas"]){
    display:block!important;
    width:180px!important;
    max-width:180px!important;
    height:auto!important;
    object-fit:contain!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (max-width: 430px){
  body :is(.district-grid,
           .districts-section .district-grid,
           .service-grid,
           .feature-grid,
           .process-grid,
           .selection-steps,
           .why-grid,
           .metrics-grid,
           .local-grid,
           .testimonial-grid,
           .jobs-public-grid,
           .job-requirements-grid,
           .jobs-public-footer ul,
           .choice-grid.three,
           .choice-grid.four){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  body :is(.district-card,
           .district-grid > *,
           .districts-section .district-card,
           .service-card,
           .feature-card,
           .process-card,
           .selection-steps > *,
           .why-grid > *,
           .metric-card,
           .local-card,
           .testimonial-card,
           .public-job-card){
    padding:12px 7px!important;
  }

  body :is(.site-footer .footer-brand img,
           footer .footer-brand img,
           .jobs-public-footer .footer-brand img,
           .footer-logo img,
           footer img[src*="logo"],
           footer img[alt*="Nanas"]){
    width:170px!important;
    max-width:170px!important;
  }
}

/* Ajustes footer final: solo aplica si existen estas clases */
@media (max-width:767px){
  .footer-redesign .footer-col h2::after,
  .footer-redesign .footer-col h2::before{content:none!important;display:none!important;}
  .footer-redesign .footer-col a,
  .footer-redesign .footer-col p{display:flex!important;max-height:none!important;height:auto!important;overflow:visible!important;opacity:1!important;visibility:visible!important;}
  .footer-redesign__legal-disclaimer p{font-size:10.2px!important;line-height:1.35!important;font-weight:400!important;margin-bottom:4px!important;}
  .site-footer.footer-redesign{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;}
}