.elementor-82 .elementor-element.elementor-element-90e629d{--display:flex;}.elementor-82 .elementor-element.elementor-element-4e18a6a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-775540e *//* =====================================================
   ZANBI LANDING - AJUSTES GERAIS DA HOMEPAGE
   Remove cabeçalho, rodapé, título e margens do tema
===================================================== */

body.home header,
body.home footer,
body.home .site-header,
body.home .site-footer,
body.home .page-header,
body.home .entry-header,
body.home .entry-title,
body.home .page-title,
body.home .wp-site-blocks > header,
body.home .wp-site-blocks > footer {
  display: none !important;
}

body.home .site,
body.home .site-content,
body.home .content-area,
body.home main,
body.home article,
body.home .entry-content,
body.home .wp-site-blocks {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body.home .entry-content > * {
  max-width: none !important;
}

body.home .elementor,
body.home .elementor-section,
body.home .elementor-container,
body.home .elementor-widget-wrap,
body.home .elementor-widget,
body.home .elementor-widget-container {
  margin-top: 0 !important;
}

body.home {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}


/* =====================================================
   ZANBI LANDING - REPOSICIONA O BOX "COMO FUNCIONA"
   Remove o aspecto de card lateral e coloca abaixo do CTA
===================================================== */

body.home .zb-wrap {
  width: min(980px, 92%) !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  display: block !important;
  padding: 42px 0 !important;
}

body.home .zb-copy {
  max-width: 790px !important;
}

body.home .zb-lp-short h1 {
  max-width: 790px !important;
}

body.home .zb-subtitle {
  max-width: 720px !important;
}

body.home .zb-bullets {
  max-width: 720px !important;
}

body.home .zb-actions {
  margin-top: 28px !important;
}


/* =====================================================
   BOX "COMO FUNCIONA" - VERSÃO COMPACTA ABAIXO DO BOTÃO
===================================================== */

body.home .zb-side {
  max-width: 790px !important;
  margin-top: 28px !important;
  padding: 20px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.home .zb-side h2 {
  font-size: 20px !important;
  line-height: 1.2 !important;
  margin: 0 0 14px !important;
  color: #ffffff !important;
}

body.home .zb-side p {
  display: none !important;
}

body.home .zb-steps {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
}

body.home .zb-step {
  border-radius: 999px !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.86) !important;
}

body.home .zb-step strong {
  color: #c6a35b !important;
}


/* =====================================================
   SOCIAL CHAT
   Esconde o WhatsApp na Home para obrigar a triagem
===================================================== */

body.home #qlwapp,
body.home .qlwapp,
body.home .qlwapp-container,
body.home .qlwapp-wrapper {
  display: none !important;
}


/* =====================================================
   RESPONSIVO - TABLET
===================================================== */

@media (max-width: 880px) {
  body.home .zb-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 34px 22px 48px !important;
  }

  body.home .zb-copy {
    max-width: 100% !important;
  }

  body.home .zb-side {
    max-width: 100% !important;
    margin-top: 24px !important;
  }

  body.home .zb-steps {
    grid-template-columns: 1fr !important;
  }

  body.home .zb-step {
    border-radius: 16px !important;
  }
}


/* =====================================================
   RESPONSIVO - CELULAR
===================================================== */

@media (max-width: 520px) {
  body.home .zb-wrap {
    padding: 30px 18px 44px !important;
  }

  body.home .zb-logo {
    font-size: 22px !important;
    margin-bottom: 34px !important;
  }

  body.home .zb-logo span {
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
  }

  body.home .zb-eyebrow {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.home .zb-lp-short h1 {
    font-size: 38px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
  }

  body.home .zb-subtitle {
    font-size: 17px !important;
    line-height: 1.45 !important;
  }

  body.home .zb-bullet {
    font-size: 16px !important;
  }

  body.home .zb-btn {
    width: 100% !important;
    font-size: 16px !important;
    padding: 16px 18px !important;
  }

  body.home .zb-note {
    font-size: 13px !important;
  }

  body.home .zb-disclaimer {
    font-size: 12px !important;
  }

  body.home .zb-side {
    margin-top: 22px !important;
    padding: 18px !important;
    border-radius: 20px !important;
  }

  body.home .zb-side h2 {
    font-size: 19px !important;
  }

  body.home .zb-step {
    font-size: 14px !important;
    padding: 12px 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8f8648b *//* =====================================================
   WPForms 124 - CORREÇÃO DO CAMPO TELEFONE INTELIGENTE
   Evita sobreposição da bandeira com o número
===================================================== */

body.home #wpforms-124 .wpforms-field-phone .iti,
body.home #wpforms-124 .wpforms-field-phone .iti--allow-dropdown {
  width: 100% !important;
  display: block !important;
}

body.home #wpforms-124 .wpforms-field-phone input[type="tel"] {
  width: 100% !important;
  min-height: 48px !important;
  padding-left: 58px !important;
  padding-right: 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(16, 21, 28, 0.18) !important;
  background: #ffffff !important;
  color: #10151c !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

body.home #wpforms-124 .wpforms-field-phone .iti__flag-container {
  left: 0 !important;
  right: auto !important;
  width: 52px !important;
}

body.home #wpforms-124 .wpforms-field-phone .iti__selected-flag {
  height: 48px !important;
  padding: 0 10px !important;
  border-radius: 12px 0 0 12px !important;
}

body.home #wpforms-124 .wpforms-field-phone .iti__country-list {
  z-index: 999999 !important;
}/* End custom CSS */