/* Auto-generated — run scripts/build-pl-site-nav.py */

/* Hero menu pages — carregar DEPOIS de oxygen/universal.css */
:root {
  --pl-menu-hero-nav-offset: calc(6.25rem + env(safe-area-inset-top, 0px));
}

/* FOUC: animação circular legada (CSS da página costuma vir no rodapé) */
body.pl-menu-site #div_block-28-166,
body.pl-menu-site #div_block-28-166.animacao-circulo,
body.pl-menu-site .animacao-circulo,
body.pl-menu-site .hs-pgs-srv-anime-box {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* —— Hero centralizado (contato, quem somos) —— */
body.pl-menu-site .hs-page-title {
  min-height: min(400px, 68vh);
  display: flex;
  flex-direction: column;
  text-align: center;
}

body.pl-menu-site .hs-page-title .ct-section-inner-wrap {
  flex: 1;
  width: 100%;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: calc(var(--pl-menu-hero-nav-offset) + 1.25rem) !important;
  padding-bottom: clamp(2.5rem, 6vh, 4rem) !important;
}

body.pl-menu-site .hs-page-title-headline,
body.pl-menu-site .hs-page-title-text {
  width: 100%;
  text-align: center;
}

/* —— Hero serviços: desktop/tablet (mobile usa CSS inline pl-capa na página) —— */
@media (min-width: 768px) {
  body.pl-menu-site .hs-pgs-title,
  body.pl-menu-site .section-roxa.hs-pgs-title {
    min-height: min(520px, 78vh);
    display: flex;
    flex-direction: column;
  }

  body.pl-menu-site .hs-pgs-title > .ct-section-inner-wrap,
  body.pl-menu-site section.hs-pgs-title.section-roxa > .ct-section-inner-wrap {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: calc(var(--pl-menu-hero-nav-offset) + 0.75rem) !important;
    padding-bottom: clamp(2rem, 5vh, 3.25rem) !important;
    padding-left: clamp(1rem, 4vw, 1.5rem) !important;
    padding-right: clamp(1rem, 4vw, 1.5rem) !important;
    min-height: min(460px, 70vh) !important;
  }

  body.pl-menu-site .hs-pgs-title .hs-pgs-title-base {
    width: 100%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center !important;
    align-items: center !important;
  }

  body.pl-menu-site .hs-pgs-title .hs-pgs-title-base > .ct-div-block,
  body.pl-menu-site .hs-pgs-title .hs-textcenter {
    width: 100% !important;
    max-width: 820px;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: center !important;
    text-align: center;
  }

  body.pl-menu-site .hs-pgs-title .hero-conteudo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: min(36rem, 100%);
    margin-left: auto;
    margin-right: auto;
    gap: 0.65rem;
  }

  body.pl-menu-site .hs-pgs-title .pl-capa-hero-h1,
  body.pl-menu-site .hs-pgs-title .pl-capa-hero-subtitle,
  body.pl-menu-site .hs-pgs-title .hs-pgs-servicos-title-heading,
  body.pl-menu-site .hs-pgs-title .hs-aligncenter {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
  }

  body.pl-menu-site .hs-pgs-title .pl-capa-hero-h1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}

@media (max-width: 767px) {
  body.pl-menu-site .hs-page-title {
    min-height: min(340px, 62vh);
  }

  body.pl-menu-site .hs-page-title .ct-section-inner-wrap {
    padding-bottom: 2.25rem !important;
  }

  /* Não sobrescrever hero serviços no mobile (inline pl-capa na página) */
  body.pl-menu-site .hs-pgs-title > .ct-section-inner-wrap {
    padding-top: revert !important;
    min-height: revert !important;
    display: revert !important;
    justify-content: revert !important;
    align-items: revert !important;
  }
}

@media (max-width: 1099px) {
  :root {
    --pl-menu-hero-nav-offset: calc(5.5rem + env(safe-area-inset-top, 0px));
  }
}