.elementor-101276 .elementor-element.elementor-element-6cef9bea > .elementor-widget-container{margin:-50px 0px 0px 0px;}body.elementor-page-101276 .container{max-width:1290px;}body.elementor-page-101276 .elementor-section.elementor-section-boxed>.elementor-container{max-width:1290px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-101276 .elementor-element.elementor-element-6cef9bea > .elementor-widget-container{margin:-75px 0px 0px 0px;}}/* Start custom CSS */.site-footer {
        margin-top: 7.1875rem;
        display: none;
    }
    .mobile-bottom-menu {
    display: none;
}
.amelia-v2-booking #amelia-container .m-phone-number-input__country-flag {
    bottom: 0px !important;
    background-color: #ffffff;
}

.elementor-kit-6 {
    background-color: #f8f5f4;
}
.site-header .site-menu.primary .menu {
    display: none;
}
.klb-type4 .header-top {
    display: none;
}









.site-footer {
        margin-top: 7.1875rem;
        display: none;
    }
    .mobile-bottom-menu {
    display: none;
}
.amelia-v2-booking #amelia-container .m-phone-number-input__country-flag {
    bottom: 0px !important;
    background-color: #ffffff;
}


.klb-type4 .header-top {
    display: none;
}
.site-header .header-main.height-size .header-wrapper {
    height: 60px;
}


.elementor-kit-6 {
    background: linear-gradient(180deg, #0f9d9d 0%, #0c6fb0 50%, #06283d 100%);
    background-attachment: fixed; /* dá um efeito mais elegante */
    color: #fff; /* texto branco para contraste */
}






/* 1) Garanta que o fundo cubra TUDO */
html, body {
  min-height: 100%;
  background: linear-gradient(180deg, #0f9d9d 0%, #0c6fb0 50%, #06283d 100%);
  color: #fff;
  margin: 0; /* remove o gap padrão do body */
}

/* 2) Troque 100vh por unidades seguras (svh/dvh) */
.elementor-101272 .elementor-element.elementor-element-1b557190 > .elementor-widget-container {
  /* Não use height:auto; (já é padrão) */
  min-height: 100svh; /* cobre a viewport visível sem “sobra” em mobile */
  box-sizing: border-box;

  /* 3) Remova as margens negativas e simule o deslocamento com transform (não afeta a altura do documento) */
  /* margin: -38px 0 -150px 0;  <-- REMOVER */
  padding-top: 38px;    /* compensa o translate visual */
  padding-bottom: 150px;/* espaço inferior desejado */
  transform: translateY(-38px);
}

/* Se o navegador suportar 100dvh (mais fiel ainda), use-o */
@supports (height: 100dvh) {
  .elementor-101272 .elementor-element.elementor-element-1b557190 > .elementor-widget-container {
    min-height: 100dvh;
  }
}

/* Opcional: ajuste desktop x mobile */
@media (min-width: 769px) {
  .elementor-101272 .elementor-element.elementor-element-1b557190 > .elementor-widget-container {
    min-height: 100lvh; /* em desktop, lvh costuma ser estável */
  }
}





/* 0) Fundo global sem “faixa” no rodapé */
html, body {
  min-height: 100%;
  background: linear-gradient(180deg, #0f9d9d 0%, #0c6fb0 50%, #06283d 100%);
  color: #fff;
  margin: 0;
}

/* 1) Zerar sobras do último bloco do Elementor */
.elementor-page .elementor-section:last-of-type,
.elementor-page .elementor-top-section:last-of-type,
.elementor-location-footer .elementor-section:first-of-type {
  margin-bottom: 0 !important;
}

/* Se seus templates adicionam padding, reduza no último bloco */
.elementor-page .elementor-section:last-of-type > .elementor-container {
  padding-bottom: 0 !important;
}

/* 2) Evitar “scroll fantasma” causado por 100vh em mobile */
.elementor-page [style*="height: 100vh"],
.elementor-page [style*="min-height: 100vh"] {
  height: auto !important;
  min-height: 100svh !important; /* viewport segura em mobile */
}

@supports (height: 100dvh) {
  .elementor-page [style*="height: 100vh"],
  .elementor-page [style*="min-height: 100vh"] {
    min-height: 100dvh !important;
  }
}

/* 3) Garantir que nada “vaze” criando barra de rolagem horizontal */
html, body {
  overflow-x: hidden;
}

/* 4) Ajuste fino para o container do seu herói (se for o 1b557190) */
.elementor-101272 .elementor-element.elementor-element-1b557190 > .elementor-widget-container {
  /* Remova 100vh daqui e margens negativas; use padding + translate para efeito visual */
  min-height: 100svh;
  box-sizing: border-box;
  /* se ainda tiver margens negativas em algum lugar, substitua por: */
  /* padding-top: 38px; padding-bottom: 150px; transform: translateY(-38px); */
}

@supports (height: 100dvh) {
  .elementor-101272 .elementor-element.elementor-element-1b557190 > .elementor-widget-container {
    min-height: 100dvh;
  }
}

/* 5) AMELIA mais “para cima” no mobile (reduz espaço acima/abaixo) */
@media (max-width: 768px) {
  /* Seletor mais frequente do Amelia; ajuste se seu container tiver outro ID/Classe */
  .ameliabooking,
  #amelia-app,
  .amelia-app-booking {
    margin-top: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 12px !important;
    transform: translateY(-18px); /* sobe o bloco sem alongar a página */
  }

  /* Se o Amelia estiver dentro de uma coluna/section com padding extra: */
  .elementor-column .elementor-widget-wrap > .elementor-element:has(#amelia-app),
  .elementor-section:has(#amelia-app) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* 6) Footer sem gap empurrando a página */
.site-footer, .elementor-location-footer {
  margin-top: 0 !important;
  padding-top: 16px;
  padding-bottom: 16px;
}
.site-header.border-enable {
    border-bottom: 1px solid #e5e8ec26;
}

.site-header .site-menu.primary .menu
 {
    margin-left: -0.625rem;
    display: none;
}

    
.am-icon-menu:before {
    color: #000000;
}

.site-header .header-addons-icon {
    display: none;
}/* End custom CSS */