/* Rodapé mobile – carregado ao final do body para sobrescrever CSS inline do Elementor */

@media (max-width: 767px) {
  :root {
    --hidroair-mobile-gutter: clamp(18px, 5vw, 26px);
  }

  #colophon,
  #colophon .footer-width-fixer,
  #colophon .elementor-12276,
  #colophon .e-con,
  #colophon .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Seção azul – links */
  .elementor-12276 .elementor-element.elementor-element-940e3a1 {
    --padding-top: 20px !important;
    --padding-bottom: 16px !important;
    --padding-left: 0 !important;
    --padding-right: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 16px !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .elementor-12276 .elementor-element.elementor-element-7a4eb70,
  .elementor-12276 .elementor-element.elementor-element-7a4eb70 > .e-con-inner {
    --margin-left: 0 !important;
    --margin-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--hidroair-mobile-gutter) !important;
    padding-right: var(--hidroair-mobile-gutter) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .elementor-12276 .elementor-element.elementor-element-b636a6f {
    --e-con-grid-template-columns: 1fr !important;
    --e-con-grid-template-rows: none !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    align-content: start !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .elementor-12276 .elementor-element.elementor-element-c154452 {
    --e-con-grid-template-columns: 1fr !important;
    --e-con-grid-template-rows: auto auto !important;
    grid-template-rows: auto auto !important;
    grid-auto-rows: auto !important;
    gap: 10px !important;
    justify-items: center !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
  }

  .elementor-12276 .elementor-element.elementor-element-a82994e,
  .elementor-12276 .elementor-element.elementor-element-aa43428 {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
    text-align: center !important;
  }

  .elementor-12276 .elementor-element.elementor-element-a82994e .elementor-widget-container,
  .elementor-12276 .elementor-element.elementor-element-aa43428 .elementor-widget-container {
    margin: 0 auto !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .elementor-12276 .elementor-element.elementor-element-a82994e .elementor-heading-title,
  .elementor-12276 .elementor-element.elementor-element-aa43428 .elementor-heading-title {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    text-align: center !important;
  }

  #colophon .elementor-element-a82994e font,
  #colophon .elementor-element-aa43428 font {
    display: inline !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .elementor-12276 .elementor-element.elementor-element-4dfe894 img,
  .elementor-12276 .elementor-element.elementor-element-b58617d img {
    width: min(88%, 260px) !important;
    max-width: 260px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* Seção branca – redes sociais e contato */
  .elementor-12276 .elementor-element.elementor-element-ac561ca {
    --padding-top: 18px !important;
    --padding-bottom: 22px !important;
    --padding-left: 0 !important;
    --padding-right: 0 !important;
    padding: 18px var(--hidroair-mobile-gutter) 22px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-12276 .elementor-element.elementor-element-bc63caa {
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
  }

  .elementor-12276 .elementor-element.elementor-element-bc63caa .elementor-social-icons-wrapper {
    justify-content: center !important;
    margin: 0 auto !important;
  }

  .elementor-12276 .elementor-element.elementor-element-80b1a81 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .elementor-12276 .elementor-element.elementor-element-80b1a81 .elementor-widget-container {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .elementor-12276 .elementor-element.elementor-element-80b1a81 .elementor-heading-title {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    word-break: break-word;
  }

  #colophon .elementor-element-80b1a81 font {
    display: inline !important;
    margin: 0 !important;
  }

  /* Newsletter */
  .elementor-12276 .elementor-element.elementor-element-2c913d8 {
    --padding-top: 36px !important;
    --padding-bottom: 36px !important;
    padding-left: var(--hidroair-mobile-gutter) !important;
    padding-right: var(--hidroair-mobile-gutter) !important;
  }

  .elementor-12276 .elementor-element.elementor-element-2c913d8:not(.elementor-motion-effects-element-type-background),
  .elementor-12276 .elementor-element.elementor-element-2c913d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: center center !important;
    background-size: cover !important;
  }

  .elementor-12276 .elementor-element.elementor-element-920551d .elementor-heading-title {
    font-size: 16px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    max-width: 22em;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #crm-form-be72253d81a92b1bc801ac6aa9f384ef {
    max-width: 100% !important;
    padding: 0 4px;
  }
}