/* styles/responsive.css — breakpoints e comportamento mobile */
#lz-nav-mobile {
  display: none;
}
@media (max-width: 860px) {
  #lz-nav-desktop {
    display: none !important;
  }
  #lz-nav-mobile {
    display: flex !important;
  }
  #lz-header-inner {
    height: 60px !important;
  }
}
@media (min-width: 861px) {
  #lz-mobile-menu {
    display: none !important;
  }
}
@media (max-width: 520px) {
  #lz-hero-cta {
    flex-direction: column;
    width: 100%;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
  #lz-hero-cta a {
    width: 100%;
    text-align: center;
  }
}