/* =========================================================
   MAIPÚ MUNICIPIO · HEADER + FOOTER RESPONSIVE COMPARTIDO
   Basado en el index definitivo del 27/08/2026

   USO:
   Cargar este archivo DESPUÉS del CSS propio de cada sección.
   Así estos tamaños quedan como ajuste final y común.
   ========================================================= */

/* =========================================================
   CELULAR · hasta 780px
   ========================================================= */
   @media (max-width: 780px) {
    html body .header,
    html body .header > .container.nav,
    html body .header .container.nav {
      min-height: 76px !important;
    }
  
    html body .header > .container.nav,
    html body .header .container.nav {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
      box-sizing: border-box !important;
      align-items: center !important;
    }
  
    html body .header .brand img {
      width: auto !important;
      height: 75px !important;
      max-width: none !important;
      max-height: 75px !important;
      object-fit: contain !important;
      flex: 0 0 auto !important;
    }
  
    html body .header .brand {
      min-height: 75px !important;
      align-items: center !important;
    }

    /* Título Maipú Municipio · mismo tamaño en todas las secciones */
    html body .header .brand strong {
      font-size: 18px !important;
      line-height: 1.05 !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
    }
  
    /* Footer móvil: mantiene la lectura del index */
    html body .maipu-simple-footer .maipu-footer-logo strong {
      font-size: 20px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-logo span {
      font-size: 11.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-intro p {
      font-size: 13.5px !important;
      line-height: 1.65 !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-main-link {
      font-size: 13px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-column h4 {
      font-size: 15.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-column > a {
      font-size: 13px !important;
      line-height: 1.45 !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-contact small,
    html body .maipu-simple-footer .maipu-footer-hours small {
      font-size: 11px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-contact b,
    html body .maipu-simple-footer .maipu-footer-hours b {
      font-size: 12.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers-title {
      font-size: 13.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers small {
      font-size: 11.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers b {
      font-size: 19.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-bottom .container {
      font-size: 11.5px !important;
    }
  }
  
  /* =========================================================
     NOTEBOOK / PC PERSONAL · 781px a 1499px
     Mantiene el tamaño aprobado del index.
     ========================================================= */
  @media (min-width: 781px) and (max-width: 1499px) {
    html body .header,
    html body .header > .container.nav,
    html body .header .container.nav {
      min-height: 94px !important;
    }
  
    html body .header > .container.nav,
    html body .header .container.nav {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
      box-sizing: border-box !important;
      align-items: center !important;
    }
  
    html body .header .brand img {
      width: auto !important;
      height: 90px !important;
      max-width: none !important;
      max-height: 90px !important;
      object-fit: contain !important;
      flex: 0 0 auto !important;
    }
  
    html body .header .brand {
      min-height: 90px !important;
      align-items: center !important;
    }

    /* Título Maipú Municipio · mismo tamaño en todas las secciones */
    html body .header .brand strong {
      font-size: 20px !important;
      line-height: 1.05 !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
    }
  
    /* Footer de PC personal: apenas más chico/equilibrado */
    html body .maipu-simple-footer .maipu-footer-logo strong {
      font-size: 19px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-logo span {
      font-size: 11px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-intro p {
      font-size: 13.5px !important;
      line-height: 1.62 !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-main-link {
      font-size: 12.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-column h4 {
      font-size: 15px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-column > a {
      font-size: 13px !important;
      line-height: 1.43 !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-contact small,
    html body .maipu-simple-footer .maipu-footer-hours small {
      font-size: 10.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-contact b,
    html body .maipu-simple-footer .maipu-footer-hours b {
      font-size: 12.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers-title {
      font-size: 15px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers small {
      font-size: 13px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers b {
      font-size: 19px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-bottom .container {
      font-size: 11.5px !important;
    }
  }
  
  /* =========================================================
     PANTALLA GRANDE · desde 1500px
     ========================================================= */
  @media (min-width: 1500px) {
    html body .header {
      min-height: 118px !important;
    }
  
    html body .header > .container.nav,
    html body .header .container.nav {
      width: min(1480px, calc(100% - 72px)) !important;
      max-width: 1480px !important;
      min-height: 148px !important;
      padding-top: 15px !important;
      padding-bottom: 15px !important;
      box-sizing: border-box !important;
      align-items: center !important;
    }
  
    html body .header .brand img {
      width: auto !important;
      height: 124px !important;
      max-width: none !important;
      max-height: 124px !important;
      object-fit: contain !important;
      flex: 0 0 auto !important;
    }
  
    html body .header .brand {
      min-height: 124px !important;
      align-items: center !important;
    }
  
    /* Letras del header en pantalla grande */
    html body .header .brand strong {
      font-size: 24px !important;
    }
  
    html body .header .menu .nav-link {
      font-size: 16.5px !important;
      font-weight: 700 !important;
    }
  
    html body .header .search-btn,
    html body .header .header-pay-btn {
      font-size: 16px !important;
    }
  
    /* Footer más grande y legible */
    html body .maipu-simple-footer .maipu-footer-main,
    html body .maipu-simple-footer .maipu-footer-numbers,
    html body .maipu-simple-footer .maipu-footer-bottom .container {
      width: min(1400px, calc(100% - 64px)) !important;
      max-width: 1400px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-logo img {
      width: auto !important;
      height: 88px !important;
      max-height: 88px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-logo strong {
      font-size: 27px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-logo span {
      font-size: 15px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-intro p {
      font-size: 18px !important;
      line-height: 1.65 !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-main-link {
      font-size: 16.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-column h4 {
      font-size: 20px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-column > a {
      font-size: 17.5px !important;
      line-height: 1.5 !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-contact small,
    html body .maipu-simple-footer .maipu-footer-hours small {
      font-size: 14px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-contact b,
    html body .maipu-simple-footer .maipu-footer-hours b {
      font-size: 17px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers-title {
      font-size: 17.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers small {
      font-size: 14.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers b {
      font-size: 26px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-bottom .container {
      font-size: 14.5px !important;
    }
  }
  
  /* =========================================================
     MONITOR MUY GRANDE · desde 1850px
     ========================================================= */
  @media (min-width: 1850px) {
    html body .header {
      min-height: 136px !important;
    }
  
    html body .header > .container.nav,
    html body .header .container.nav {
      width: min(1580px, calc(100% - 88px)) !important;
      max-width: 1580px !important;
      min-height: 136px !important;
      padding-top: 14px !important;
      padding-bottom: 14px !important;
      box-sizing: border-box !important;
    }
  
    html body .header .brand img {
      height: 108px !important;
      max-height: 108px !important;
    }
  
    html body .header .brand {
      min-height: 108px !important;
    }
  
    html body .header .brand strong {
      font-size: 29px !important;
    }
  
    html body .header .menu .nav-link {
      font-size: 19px !important;
    }
  
    html body .header .search-btn,
    html body .header .header-pay-btn {
      font-size: 19px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-logo img {
      height: 74px !important;
      max-height: 74px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-logo strong {
      font-size: 29px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-logo span {
      font-size: 16px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-intro p {
      font-size: 19px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-main-link {
      font-size: 17.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-column h4 {
      font-size: 21.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-column > a {
      font-size: 18.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-contact small,
    html body .maipu-simple-footer .maipu-footer-hours small {
      font-size: 15px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-contact b,
    html body .maipu-simple-footer .maipu-footer-hours b {
      font-size: 18px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers-title {
      font-size: 19px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers small {
      font-size: 15.5px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-numbers b {
      font-size: 28px !important;
    }
  
    html body .maipu-simple-footer .maipu-footer-bottom .container {
      font-size: 15.5px !important;
    }
  }