.elementor-2343 .elementor-element.elementor-element-f552368 > .elementor-widget-container{margin:60px 0px 0px 0px;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}@media(max-width:1024px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS for html, class: .elementor-element-f5c0c19 */<style>
/* =====================================================
   VITTAHUB — CABEÇALHO INTELIGENTE V2.3
   AZUL PROFUNDO + DOURADO + MARFIM
   RESPONSIVO / ELEMENTOR
===================================================== */

/* =====================================
   BASE DO COMPONENTE
===================================== */

#vhHeader {
  --vhh-blue: #062B5B;
  --vhh-deep: #0B2340;
  --vhh-blue-light: #0A3A78;
  --vhh-gold: #D4B15A;
  --vhh-gold-light: #E6C97A;
  --vhh-gold-dark: #8A6419;
  --vhh-ivory: #F8F7F3;
  --vhh-border: #E4E7EC;

  position: relative;
  z-index: 9000;

  display: block;
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  background: rgba(255,255,255,.98) !important;
  border-bottom: 1px solid #E4E7EC !important;

  color: #0B2340 !important;

  font-family: "Inter", Arial, sans-serif !important;

  transform: translate3d(0,0,0);

  transition:
    transform .30s cubic-bezier(.22,.61,.36,1),
    background .25s ease,
    box-shadow .25s ease;
}

#vhHeader,
#vhHeader * {
  box-sizing: border-box;
}

#vhHeader [hidden] {
  display: none !important;
}

#vhHeader a {
  text-decoration: none !important;
}

#vhHeader :is(a,button):focus-visible {
  outline: 3px solid #D4B15A !important;
  outline-offset: 3px;
}

/* =====================================
   ALINHAMENTO PRINCIPAL
===================================== */

#vhHeader .vh-header-clean__container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 23px;

  width: min(94%,1480px) !important;
  min-height: 82px;

  margin: 0 auto !important;
  padding: 0 !important;
}

/* =====================================
   LOGOTIPO
===================================== */

#vhHeader .vh-brand {
  display: inline-flex !important;
  align-items: center !important;

  gap: 12px;
  flex-shrink: 0;

  margin: 0 !important;
  padding: 0 !important;

  color: #0B2340 !important;
}

#vhHeader .vh-brand__mark {
  display: grid !important;
  place-items: center !important;

  width: 46px;
  height: 46px;
  flex-shrink: 0;

  border-radius: 13px;

  background:
    linear-gradient(135deg,#E6C97A,#D4B15A) !important;

  color: #0B2340 !important;

  font-family: "Inter",Arial,sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -.5px !important;

  box-shadow: 0 3px 10px rgba(11,35,64,.05);
}

#vhHeader .vh-brand__text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center;

  min-width: 0;
}

#vhHeader .vh-brand__text strong {
  display: block !important;

  color: #0B2340 !important;

  font-family: Georgia,"Times New Roman",serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.4px !important;

  text-transform: none !important;
  white-space: nowrap;
}

#vhHeader .vh-brand__text small {
  display: block !important;
  margin-top: 5px;

  color: #8A6419 !important;

  font-family: "Inter",Arial,sans-serif !important;
  font-size: 8px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  letter-spacing: 1px !important;

  white-space: nowrap;
}

/* =====================================
   MENU DESKTOP
===================================== */

#vhHeader .vh-nav-clean {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 1;
  min-width: 0;

  gap: clamp(13px,1.5vw,25px);

  margin: 0 0 0 auto !important;
  padding: 0 !important;
}

#vhHeader .vh-nav-clean a {
  position: relative;

  display: inline-flex !important;
  align-items: center !important;

  min-height: 82px;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;

  color: #30435A !important;

  font-family: "Inter",Arial,sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;

  text-transform: none !important;
  white-space: nowrap;

  transition: color .2s ease;
}

#vhHeader .vh-nav-clean a:hover,
#vhHeader .vh-nav-clean a.active,
#vhHeader .vh-nav-clean a[aria-current="page"] {
  color: #8A6419 !important;
}

/* LINHA DOURADA */

#vhHeader .vh-nav-clean a::after {
  content: "";

  position: absolute;
  left: 50%;
  bottom: 20px;

  width: 0;
  height: 2px;

  transform: translateX(-50%);

  border-radius: 10px;

  background: #D4B15A !important;

  transition: width .2s ease;
}

#vhHeader .vh-nav-clean a:hover::after,
#vhHeader .vh-nav-clean a.active::after,
#vhHeader .vh-nav-clean a[aria-current="page"]::after {
  width: 100%;
}

/* =====================================
   AÇÕES DESKTOP
===================================== */

#vhHeader .vh-header-clean__actions {
  display: flex !important;
  align-items: center !important;

  flex-shrink: 0;

  gap: 15px;

  margin: 0 !important;
  padding: 0 !important;
}

/* ENTRAR */

#vhHeader .vh-link-login {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 44px;

  margin: 0 !important;
  padding: 0 7px !important;

  background: transparent !important;
  border: 0 !important;

  color: #062B5B !important;

  font-family: "Inter",Arial,sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;

  text-transform: none !important;
  white-space: nowrap;

  transition: color .2s ease;
}

#vhHeader .vh-link-login:hover {
  color: #8A6419 !important;
}

/* BOTÃO SOU PROFISSIONAL */

#vhHeader .vh-button-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 10px;

  min-height: 45px;

  margin: 0 !important;
  padding: 0 17px !important;

  border: 1px solid #062B5B !important;
  border-radius: 11px !important;

  background: #062B5B !important;
  background-image: none !important;

  color: #FFFFFF !important;

  font-family: "Inter",Arial,sans-serif !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;

  text-transform: none !important;
  white-space: nowrap;

  box-shadow: none !important;

  transition:
    transform .2s ease,
    background .2s ease,
    border-color .2s ease,
    color .2s ease,
    box-shadow .2s ease;
}

#vhHeader .vh-button-primary span {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
}

#vhHeader .vh-button-primary:hover {
  background: #D4B15A !important;
  border-color: #D4B15A !important;

  color: #0B2340 !important;

  transform: translateY(-2px);

  box-shadow:
    0 8px 18px rgba(6,43,91,.10) !important;
}

#vhHeader .vh-header-action-icon {
  display: block;

  width: 15px;
  height: 15px;
  flex-shrink: 0;

  stroke: currentColor !important;
}

/* =====================================
   CABEÇALHO INTELIGENTE
===================================== */

/* AO ULTRAPASSAR O LIMITE DE ROLAGEM */

#vhHeader.is-sticky {
  position: fixed !important;

  top: 0;
  left: 0;
  right: 0;

  width: 100%;

  background: rgba(255,255,255,.97) !important;

  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);

  box-shadow:
    0 10px 32px rgba(11,35,64,.09) !important;

  transform: translate3d(0,0,0);
  will-change: transform;
}

/* AO DESCER: CABEÇALHO DESAPARECE */

#vhHeader.is-sticky.is-hidden {
  transform:
    translate3d(0,calc(-100% - 50px),0) !important;

  pointer-events: none;
}

/* AO SUBIR: CABEÇALHO VOLTA */

#vhHeader.is-sticky:not(.is-hidden) {
  transform: translate3d(0,0,0) !important;
  pointer-events: auto;
}

/* MANTÉM O LAYOUT ESTÁVEL */

#vhHeaderSpacer {
  display: block;

  width: 100%;
  height: 0;

  margin: 0 !important;
  padding: 0 !important;

  pointer-events: none;
}

/* =====================================
   BOTÃO DO MENU MOBILE
===================================== */

#vhHeader .vh-menu-clean {
  display: none !important;

  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 5px;

  width: 44px;
  height: 44px;
  flex-shrink: 0;

  margin: 0 0 0 auto !important;
  padding: 10px !important;

  border: 1px solid #E4E7EC !important;
  border-radius: 11px !important;

  background: #FFFFFF !important;
  background-image: none !important;

  box-shadow: none !important;
  cursor: pointer;
}

#vhHeader .vh-menu-clean:hover {
  background: #F4E9C8 !important;
  border-color: #D4B15A !important;
}

#vhHeader .vh-menu-clean span {
  display: block !important;

  width: 100%;
  height: 2px;

  margin: 0 !important;

  border-radius: 10px;
  background: #062B5B !important;

  transition:
    transform .2s ease,
    opacity .2s ease;
}

/* ANIMAÇÃO DO ÍCONE HAMBÚRGUER */

#vhHeader .vh-menu-clean.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

#vhHeader .vh-menu-clean.is-open span:nth-child(2) {
  opacity: 0;
}

#vhHeader .vh-menu-clean.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* =====================================
   NAVEGAÇÃO MOBILE
===================================== */

#vhHeader .vh-mobile-clean {
  position: absolute;

  top: 100%;
  left: 0;
  right: 0;

  z-index: 20;

  display: none !important;
  flex-direction: column;

  max-height: calc(100dvh - 85px);
  overflow-y: auto;

  padding: 12px 5% 24px;

  background: #FFFFFF !important;

  border-top: 1px solid #E4E7EC !important;
  border-bottom: 1px solid #E4E7EC !important;

  box-shadow:
    0 18px 30px rgba(11,35,64,.11) !important;
}

#vhHeader .vh-mobile-clean.is-open:not([hidden]) {
  display: flex !important;
}

#vhHeader .vh-mobile-clean > a {
  display: block !important;

  width: 100%;

  margin: 0 !important;
  padding: 14px 8px !important;

  background: transparent !important;

  color: #30435A !important;

  border: 0 !important;
  border-bottom: 1px solid #EDF0F3 !important;

  font-family: "Inter",Arial,sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;

  text-transform: none !important;
}

#vhHeader .vh-mobile-clean > a:hover,
#vhHeader .vh-mobile-clean > a.active {
  background: #FFF9EA !important;
  color: #8A6419 !important;
}

/* AÇÕES MOBILE */

#vhHeader .vh-mobile-clean__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 10px;

  margin-top: 18px;
}

#vhHeader .vh-mobile-clean__actions a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 45px;

  margin: 0 !important;
  padding: 11px !important;

  border-radius: 10px !important;

  font-family: "Inter",Arial,sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;

  text-align: center;
  text-transform: none !important;
}

#vhHeader .vh-mobile-login {
  background: #FFFFFF !important;

  border: 1px solid #D4B15A !important;

  color: #062B5B !important;
}

#vhHeader .vh-mobile-login:hover {
  background: #F4E9C8 !important;
  color: #0B2340 !important;
}

#vhHeader .vh-mobile-clean__cta {
  background: #062B5B !important;

  border: 1px solid #062B5B !important;

  color: #FFFFFF !important;
}

#vhHeader .vh-mobile-clean__cta:hover {
  background: #D4B15A !important;
  border-color: #D4B15A !important;

  color: #0B2340 !important;
}

/* =====================================
   TABLET E MOBILE
===================================== */

@media (max-width: 1180px) {

  #vhHeader .vh-nav-clean,
  #vhHeader .vh-header-clean__actions {
    display: none !important;
  }

  #vhHeader .vh-menu-clean {
    display: flex !important;
  }

  #vhHeader .vh-header-clean__container {
    min-height: 76px;
  }

}

@media (max-width: 650px) {

  #vhHeader .vh-header-clean__container {
    width: 92% !important;

    min-height: 72px;
    gap: 12px;
  }

  #vhHeader .vh-brand__mark {
    width: 42px;
    height: 42px;
    border-radius: 11px;
  }

  #vhHeader .vh-brand__text strong {
    font-size: 18px !important;
  }

  #vhHeader .vh-brand__text small {
    font-size: 7px !important;
    letter-spacing: .7px !important;
  }

  #vhHeader .vh-mobile-clean {
    max-height: calc(100dvh - 74px);
  }

  #vhHeader .vh-mobile-clean__actions {
    grid-template-columns: 1fr;
  }

}

/* =====================================
   BARRA ADMINISTRATIVA DO WORDPRESS
===================================== */

body.admin-bar #vhHeader.is-sticky {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar #vhHeader.is-sticky {
    top: 46px;
  }
}

/* =====================================
   ACESSIBILIDADE
===================================== */

@media (prefers-reduced-motion: reduce) {

  #vhHeader,
  #vhHeader *,
  #vhHeader *::before,
  #vhHeader *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

}
<\/style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c9492e4 */<style>
/* =====================================================
   VITTAHUB — HERO PREMIUM V2.3
   AZUL PROFUNDO + DOURADO + MARFIM
   ELEMENTOR / WORDPRESS
===================================================== */

/* 01 — BASE */

#vhHeroSlider {
  --vhh-blue: #062B5B;
  --vhh-deep: #0B2340;
  --vhh-gold: #D4B15A;
  --vhh-gold-dark: #8A6419;
  --vhh-gold-light: #F4E9C8;
  --vhh-ivory: #F8F7F3;
  --vhh-text: #1E2B3A;
  --vhh-muted: #52657A;
  --vhh-border: #E4E7EC;

  position: relative !important;
  isolation: isolate;

  width: 100% !important;
  min-height: clamp(
    600px,
    calc(100svh - 82px),
    690px
  ) !important;

  margin: 0 0 78px !important;
  padding: 0 !important;

  overflow: visible !important;

  background: #F8F7F3 !important;
  color: var(--vhh-text) !important;

  font-family: "Inter", Arial, sans-serif !important;
}

#vhHeroSlider,
#vhHeroSlider * {
  box-sizing: border-box;
}

#vhHeroSlider [hidden] {
  display: none !important;
}

#vhHeroSlider a {
  text-decoration: none !important;
}

#vhHeroSlider :is(a,button,input,select):focus-visible {
  outline: 3px solid #D4B15A !important;
  outline-offset: 3px;
}

/* 02 — IMAGENS */

#vhHeroSlider .vh-hero-slider__backgrounds {
  position: absolute !important;
  inset: 0;

  z-index: 0;
  overflow: hidden;

  pointer-events: none;
}

#vhHeroSlider .vh-hero-slider__slide {
  position: absolute !important;
  inset: 0;

  background-size: cover !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;

  opacity: 0;

  transform: scale(1.02);

  transition:
    opacity 1.1s ease,
    transform 7s ease;
}

#vhHeroSlider .vh-hero-slider__slide.active {
  opacity: 1;
  transform: scale(1.045);
}

/* 03 — SOBREPOSIÇÃO DE CONTRASTE */

#vhHeroSlider .vh-hero-slider__overlay {
  position: absolute !important;
  inset: 0;

  z-index: 1;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    rgba(248,247,243,.98) 0%,
    rgba(248,247,243,.96) 23%,
    rgba(248,247,243,.83) 42%,
    rgba(248,247,243,.44) 59%,
    rgba(248,247,243,.10) 78%,
    rgba(248,247,243,0) 100%
  ) !important;
}

/* 04 — ÁREA PRINCIPAL */

#vhHeroSlider .vh-hero-slider__container {
  position: relative !important;
  z-index: 3;

  display: flex !important;
  align-items: center !important;

  width: min(92%, 1380px) !important;
  min-height: clamp(
    600px,
    calc(100svh - 82px),
    690px
  ) !important;

  margin: 0 auto !important;

  padding: 52px 0 112px !important;
}

#vhHeroSlider .vh-hero-slider__content {
  width: 100%;
  max-width: 710px !important;

  margin: 0 !important;
  padding: 0 12px 0 0 !important;
}

/* 05 — TEXTO SUPERIOR */

#vhHeroSlider .vh-hero-slider__eyebrow {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;

  gap: 9px;

  margin: 0 0 19px !important;

  color: #8A6419 !important;

  font-family: "Inter", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  letter-spacing: 2.6px !important;

  text-transform: uppercase !important;
}

#vhHeroSlider .vh-hero-slider__eyebrow b {
  color: #D4B15A !important;
  font-weight: 800 !important;
}

/* 06 — TÍTULO PRINCIPAL */

#vhHeroSlider h1 {
  width: 100%;
  max-width: 710px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #062B5B !important;

  font-family: "Manrope", "Inter", Arial, sans-serif !important;

  font-size: clamp(
    42px,
    4.2vw,
    61px
  ) !important;

  font-weight: 800 !important;
  line-height: 1.095 !important;
  letter-spacing: -1.8px !important;

  text-transform: none !important;
}

#vhHeroSlider h1 span {
  color: #936B1B !important;
  font: inherit !important;
}

/* 07 — DESCRIÇÃO */

#vhHeroSlider .vh-hero-slider__content > p {
  max-width: 610px !important;

  margin: 22px 0 0 !important;
  padding: 0 !important;

  color: #40566D !important;

  font-family: "Inter", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}

/* 08 — AÇÕES PRINCIPAIS */

#vhHeroSlider .vh-hero-slider__actions {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;

  gap: 12px;

  margin: 26px 0 0 !important;
  padding: 0 !important;
}

#vhHeroSlider .vh-hero-slider__primary,
#vhHeroSlider .vh-hero-slider__secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 51px;

  margin: 0 !important;
  padding: 0 21px !important;

  border-radius: 12px !important;

  font-family: "Inter", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;

  text-align: center;
  text-transform: none !important;

  transition:
    background .22s ease,
    color .22s ease,
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

/* BOTÃO AZUL */

#vhHeroSlider .vh-hero-slider__primary {
  gap: 20px;

  background: #062B5B !important;
  background-image: none !important;

  border: 1px solid #062B5B !important;
  color: #FFFFFF !important;

  box-shadow:
    0 8px 18px rgba(6,43,91,.09) !important;
}

#vhHeroSlider .vh-hero-slider__primary:hover {
  transform: translateY(-2px);

  background: #D4B15A !important;
  border-color: #D4B15A !important;

  color: #0B2340 !important;
}

#vhHeroSlider .vh-hero-slider__primary svg {
  width: 16px;
  height: 16px;

  flex-shrink: 0;

  stroke: currentColor !important;
}

/* BOTÃO SECUNDÁRIO */

#vhHeroSlider .vh-hero-slider__secondary {
  background: rgba(255,255,255,.85) !important;

  border: 1px solid #D4B15A !important;

  color: #062B5B !important;
}

#vhHeroSlider .vh-hero-slider__secondary:hover {
  transform: translateY(-2px);

  background: #F4E9C8 !important;

  border-color: #D4B15A !important;

  color: #0B2340 !important;
}

/* 09 — BENEFÍCIOS */

#vhHeroSlider .vh-hero-slider__benefits {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;

  gap: 10px 19px;

  margin: 23px 0 0 !important;
  padding: 0 !important;
}

#vhHeroSlider .vh-hero-slider__benefits > div {
  display: inline-flex !important;
  align-items: center;

  gap: 7px;

  color: #52657A !important;

  font-family: "Inter", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 550 !important;
  line-height: 1.4 !important;
}

#vhHeroSlider .vh-hero-slider__benefits > div > span {
  display: inline-grid !important;
  place-items: center;

  width: 20px;
  height: 20px;

  flex-shrink: 0;

  border-radius: 50%;

  background: #F4E9C8 !important;
  color: #8A6419 !important;

  font-size: 11px !important;
  font-weight: 800 !important;
}

/* 10 — CARD FLUTUANTE */

#vhHeroSlider .vh-hero-slider__floating {
  position: absolute !important;

  right: 6%;
  bottom: 188px;

  z-index: 4;

  display: flex !important;
  align-items: center;

  gap: 13px;

  width: min(285px, 30vw);

  margin: 0 !important;
  padding: 15px 16px !important;

  background: rgba(255,255,255,.96) !important;

  border: 1px solid rgba(212,177,90,.30) !important;
  border-radius: 16px !important;

  box-shadow:
    0 15px 38px rgba(11,35,64,.13) !important;

  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

#vhHeroSlider .vh-hero-slider__floating-icon {
  display: grid !important;
  place-items: center;

  width: 39px;
  height: 39px;

  flex-shrink: 0;

  border-radius: 11px;

  background: #F4E9C8 !important;
  color: #8A6419 !important;

  font-size: 16px !important;
  font-weight: 800 !important;
}

#vhHeroSlider .vh-hero-slider__floating-copy {
  min-width: 0;
}

#vhHeroSlider .vh-hero-slider__floating strong {
  display: block !important;

  margin: 0 !important;

  color: #062B5B !important;

  font-family: "Inter", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

#vhHeroSlider .vh-hero-slider__floating-copy > span {
  display: block !important;

  margin: 4px 0 0 !important;

  color: #52657A !important;

  font-family: "Inter", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

/* 11 — CONTROLES DO CARROSSEL */

#vhHeroSlider .vh-hero-slider__controls {
  position: absolute !important;

  right: 6%;
  bottom: 108px;

  z-index: 5;

  display: flex !important;
  align-items: center;
  justify-content: flex-end;

  gap: 10px;
}

#vhHeroSlider .vh-hero-slider__controls[hidden] {
  display: none !important;
}

/* INDICADORES */

#vhHeroSlider .vh-hero-slider__dots {
  position: static !important;

  display: flex !important;
  align-items: center !important;

  gap: 6px;

  margin-right: 6px;

  transform: none !important;
}

#vhHeroSlider .vh-hero-slider__dots button {
  display: block !important;

  width: 8px;
  height: 8px;

  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 20px !important;

  background: rgba(6,43,91,.28) !important;

  cursor: pointer;

  transition:
    background .22s ease,
    width .22s ease;
}

#vhHeroSlider .vh-hero-slider__dots button.active {
  width: 25px;

  background: #D4B15A !important;
}

/* SETAS */

#vhHeroSlider .vh-hero-slider__arrow {
  position: static !important;

  display: inline-grid !important;
  place-items: center;

  width: 42px;
  height: 42px;

  min-width: 42px;
  min-height: 42px;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;

  background: #062B5B !important;
  background-image: none !important;

  border: 1px solid #D4B15A !important;
  border-radius: 50% !important;

  color: #FFFFFF !important;

  box-shadow:
    0 8px 20px rgba(6,43,91,.18) !important;

  cursor: pointer;

  transition:
    transform .2s ease,
    background .2s ease,
    color .2s ease;
}

#vhHeroSlider .vh-hero-slider__arrow:hover {
  background: #D4B15A !important;
  color: #0B2340 !important;

  transform: translateY(-2px) !important;
}

#vhHeroSlider .vh-hero-slider__arrow svg {
  width: 17px;
  height: 17px;

  stroke: currentColor !important;
}

/* 12 — BUSCADOR */

#vhHeroSlider .vh-search-clean {
  position: absolute !important;

  left: 50%;
  bottom: -49px;

  z-index: 10;

  width: min(92%, 1300px) !important;

  margin: 0 !important;

  transform: translateX(-50%) !important;
}

#vhHeroSlider .vh-search-clean__form {
  display: grid !important;

  grid-template-columns:
    minmax(0,1.65fr)
    minmax(0,1fr)
    minmax(0,1fr)
    155px;

  align-items: stretch;

  min-height: 98px;

  margin: 0 !important;
  padding: 9px !important;

  overflow: hidden;

  background: #FFFFFF !important;

  border: 1px solid #E4E7EC !important;
  border-radius: 18px !important;

  box-shadow:
    0 20px 48px rgba(11,35,64,.12) !important;
}

#vhHeroSlider .vh-search-clean__field {
  display: flex !important;
  align-items: center;

  gap: 13px;

  min-width: 0;
  min-height: 78px;

  margin: 0 !important;
  padding: 12px 18px !important;

  background: #FFFFFF !important;

  border: 0 !important;
  border-right: 1px solid #E4E7EC !important;
}

#vhHeroSlider .vh-search-clean__field:focus-within {
  background: #FAFBFD !important;
}

#vhHeroSlider .vh-search-clean__icon {
  display: inline-grid !important;
  place-items: center;

  width: 23px;
  height: 23px;

  flex-shrink: 0;

  color: #8A6419 !important;
}

#vhHeroSlider .vh-search-clean__icon svg {
  width: 21px;
  height: 21px;

  stroke: currentColor !important;
}

#vhHeroSlider .vh-search-clean__field > div {
  min-width: 0;
  width: 100%;
}

#vhHeroSlider .vh-search-clean__field label {
  display: block !important;

  margin: 0 0 6px !important;

  color: #062B5B !important;

  font-family: "Inter",Arial,sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

#vhHeroSlider .vh-search-clean__field input,
#vhHeroSlider .vh-search-clean__field select {
  display: block !important;

  width: 100% !important;
  min-width: 0;
  min-height: 27px !important;

  margin: 0 !important;
  padding: 0 3px 0 0 !important;

  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  color: #52657A !important;

  font-family: "Inter",Arial,sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;

  box-shadow: none !important;
}

#vhHeroSlider .vh-search-clean__field select {
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  cursor: pointer;
}

#vhHeroSlider .vh-search-clean__field input::placeholder {
  color: #8491A0 !important;
  opacity: 1;
}

/* BOTÃO DE BUSCA */

#vhHeroSlider .vh-search-clean__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 14px;

  min-height: 78px !important;

  margin: 0 !important;
  padding: 0 18px !important;

  background: #062B5B !important;
  background-image: none !important;

  border: 1px solid #062B5B !important;
  border-radius: 12px !important;

  color: #FFFFFF !important;

  font-family: "Inter",Arial,sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;

  text-transform: none !important;

  cursor: pointer;

  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease;
}

#vhHeroSlider .vh-search-clean__button:hover {
  background: #D4B15A !important;
  border-color: #D4B15A !important;

  color: #0B2340 !important;
}

#vhHeroSlider .vh-search-clean__button svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;

  stroke: currentColor !important;
}

/* =====================================
   RESPONSIVO — NOTEBOOK
===================================== */

@media (max-width: 1180px) {

  #vhHeroSlider .vh-hero-slider__floating {
    display: none !important;
  }

  #vhHeroSlider .vh-hero-slider__content {
    max-width: 670px !important;
  }

  #vhHeroSlider .vh-hero-slider__overlay {
    background: linear-gradient(
      90deg,
      rgba(248,247,243,.98) 0%,
      rgba(248,247,243,.94) 38%,
      rgba(248,247,243,.55) 70%,
      rgba(248,247,243,.12) 100%
    ) !important;
  }

}

/* =====================================
   RESPONSIVO — TABLET
===================================== */

@media (max-width: 1050px) {

  #vhHeroSlider {
    min-height: 0 !important;
    margin-bottom: 0 !important;
  }

  #vhHeroSlider .vh-hero-slider__container {
    min-height: 570px !important;

    padding: 64px 0 110px !important;
  }

  #vhHeroSlider h1 {
    font-size: clamp(41px, 5vw, 54px) !important;
  }

  #vhHeroSlider .vh-hero-slider__content {
    max-width: 630px !important;
  }

  #vhHeroSlider .vh-hero-slider__controls {
    position: relative !important;

    right: auto !important;
    bottom: auto !important;

    width: max-content;

    margin: -72px 4% 36px auto !important;
  }

  #vhHeroSlider .vh-search-clean {
    position: relative !important;

    left: auto !important;
    bottom: auto !important;

    width: 92% !important;

    margin: 0 auto 35px !important;

    transform: none !important;
  }

  #vhHeroSlider .vh-search-clean__form {
    grid-template-columns: repeat(2,minmax(0,1fr));
    min-height: auto;
  }

  #vhHeroSlider .vh-search-clean__field {
    border-right: 0 !important;
    border-bottom: 1px solid #E4E7EC !important;
  }

  #vhHeroSlider .vh-search-clean__field:nth-child(odd) {
    border-right: 1px solid #E4E7EC !important;
  }

  #vhHeroSlider .vh-search-clean__button {
    grid-column: 1 / -1;
    min-height: 54px !important;
  }

}

/* =====================================
   RESPONSIVO — CELULAR
===================================== */

@media (max-width: 650px) {

  #vhHeroSlider .vh-hero-slider__container {
    width: 90% !important;

    min-height: 0 !important;

    align-items: flex-start !important;

    padding: 54px 0 105px !important;
  }

  #vhHeroSlider .vh-hero-slider__content {
    max-width: 100% !important;
    padding: 0 !important;
  }

  #vhHeroSlider .vh-hero-slider__slide {
    background-position: 68% center !important;
  }

  #vhHeroSlider .vh-hero-slider__overlay {
    background: linear-gradient(
      180deg,
      rgba(248,247,243,.97) 0%,
      rgba(248,247,243,.95) 40%,
      rgba(248,247,243,.78) 72%,
      rgba(248,247,243,.40) 100%
    ) !important;
  }

  #vhHeroSlider .vh-hero-slider__eyebrow {
    gap: 6px;

    margin-bottom: 17px !important;

    font-size: 9px !important;
    letter-spacing: 1.4px !important;
  }

  #vhHeroSlider h1 {
    font-size: clamp(35px, 8.6vw, 45px) !important;

    line-height: 1.11 !important;
    letter-spacing: -1.2px !important;
  }

  #vhHeroSlider .vh-hero-slider__content > p {
    margin-top: 19px !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  #vhHeroSlider .vh-hero-slider__actions {
    flex-direction: column;
    align-items: stretch;

    gap: 10px;

    margin-top: 23px !important;
  }

  #vhHeroSlider .vh-hero-slider__primary,
  #vhHeroSlider .vh-hero-slider__secondary {
    width: 100%;
    min-height: 50px;

    justify-content: center;
  }

  #vhHeroSlider .vh-hero-slider__benefits {
    flex-direction: column;
    align-items: flex-start;

    gap: 11px;

    margin-top: 22px !important;
  }

  #vhHeroSlider .vh-hero-slider__controls {
    margin: -70px 5% 30px auto !important;
  }

  #vhHeroSlider .vh-search-clean {
    width: 90% !important;
    margin-bottom: 30px !important;
  }

  #vhHeroSlider .vh-search-clean__form {
    grid-template-columns: 1fr;

    padding: 8px !important;
  }

  #vhHeroSlider .vh-search-clean__field,
  #vhHeroSlider .vh-search-clean__field:nth-child(odd) {
    min-height: 67px;

    padding: 10px 14px !important;

    border-right: 0 !important;
    border-bottom: 1px solid #E4E7EC !important;
  }

  #vhHeroSlider .vh-search-clean__button {
    grid-column: auto;
    min-height: 53px !important;
  }

}

/* =====================================
   ACESSIBILIDADE
===================================== */

@media (prefers-reduced-motion: reduce) {

  #vhHeroSlider .vh-hero-slider__slide,
  #vhHeroSlider .vh-hero-slider__arrow,
  #vhHeroSlider .vh-hero-slider__dots button {
    transition: none !important;
    transform: none !important;
  }

}
<\/style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f552368 */<style>
/* =====================================================
   VITTAHUB — SEÇÃO 02 / COMO FUNCIONA V2.3
   DESIGN PREMIUM
   AZUL PROFUNDO + DOURADO + MARFIM
   WORDPRESS / ELEMENTOR
===================================================== */

/* ==========================================
   01 — IDENTIDADE E ESTRUTURA
========================================== */

#como-funciona {
  --vhhow-blue: #062B5B;
  --vhhow-deep: #0B2340;
  --vhhow-gold: #D4B15A;
  --vhhow-gold-dark: #936B1B;
  --vhhow-gold-soft: #F4E9C8;
  --vhhow-ivory: #F8F7F3;
  --vhhow-text: #1E2B3A;
  --vhhow-muted: #5F6C7B;
  --vhhow-border: #E4E7EC;

  position: relative;
  isolation: isolate;

  width: 100% !important;

  margin: 0 !important;
  padding: 100px 0 96px !important;

  background:
    radial-gradient(
      ellipse at 9% 25%,
      rgba(212,177,90,.075),
      transparent 34%
    ),
    radial-gradient(
      ellipse at 95% 80%,
      rgba(6,43,91,.035),
      transparent 40%
    ),
    #F8F7F3 !important;

  color: #1E2B3A !important;

  font-family:
    "Inter", Arial, sans-serif !important;

  scroll-margin-top: 100px;
}

#como-funciona,
#como-funciona * {
  box-sizing: border-box;
}

#como-funciona a {
  text-decoration: none !important;
}

#como-funciona .vh-how-clean__container {
  position: relative;

  width: min(92%, 1380px) !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

/* ==========================================
   02 — INTRODUÇÃO
========================================== */

#como-funciona .vh-how-clean__intro {
  max-width: 830px;

  margin: 0 auto 58px !important;
  padding: 0 12px;

  text-align: center;
}

/* IDENTIFICADOR */

#como-funciona .vh-how-clean__eyebrow {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  gap: 12px;

  margin: 0 0 21px !important;

  color: #936B1B !important;

  font-family:
    "Inter", Arial, sans-serif !important;

  font-size: 10px !important;
  font-weight: 800 !important;

  line-height: 1.5 !important;
  letter-spacing: 2.7px !important;

  text-transform: uppercase !important;
}

/* PONTOS DOURADOS */

#como-funciona .vh-how-clean__eyebrow-dot {
  display: inline-block !important;

  width: 5px;
  height: 5px;

  flex-shrink: 0;

  background: #D4B15A !important;
  border-radius: 50%;
}

/* TÍTULO */

#como-funciona .vh-how-clean__intro h2 {
  max-width: 810px;

  margin: 0 auto !important;
  padding: 0 !important;

  color: #062B5B !important;

  font-family:
    "Manrope", "Inter", Arial,
    sans-serif !important;

  font-size:
    clamp(37px, 3.6vw, 53px) !important;

  font-weight: 800 !important;
  line-height: 1.13 !important;

  letter-spacing: -1.7px !important;

  text-transform: none !important;
}

/* DESTAQUE DO TÍTULO */

#como-funciona .vh-how-clean__intro h2 span {
  color: #936B1B !important;

  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;

  letter-spacing: inherit !important;
}

/* DESCRIÇÃO */

#como-funciona .vh-how-clean__intro p {
  max-width: 640px;

  margin: 21px auto 0 !important;
  padding: 0 !important;

  color: #5F6C7B !important;

  font-family:
    "Inter", Arial, sans-serif !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  line-height: 1.75 !important;
  letter-spacing: 0 !important;
}

/* ==========================================
   03 — GRID DE ETAPAS
========================================== */

#como-funciona .vh-how-clean__steps {
  position: relative;

  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  align-items: stretch;

  gap: 20px;

  margin: 0 !important;
  padding: 0 !important;
}

/* REMOVE O CONECTOR ANTIGO */

#como-funciona .vh-how-clean__steps::before {
  content: none !important;
  display: none !important;
}

/* ==========================================
   04 — CARDS
========================================== */

#como-funciona .vh-how-clean-card {
  position: relative;

  display: flex !important;
  flex-direction: column !important;

  min-width: 0;
  min-height: 286px;

  margin: 0 !important;
  padding: 28px 25px 26px !important;

  background: #FFFFFF !important;

  border:
    1px solid rgba(6,43,91,.10) !important;

  border-radius: 19px !important;

  box-shadow:
    0 8px 32px rgba(11,35,64,.035) !important;

  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

/* PEQUENO TRAÇO DOURADO SUPERIOR */

#como-funciona .vh-how-clean-card::before {
  content: "";

  position: absolute;

  top: -1px;
  left: 27px;

  width: 65px;
  height: 3px;

  border-radius: 0 0 6px 6px;

  background:
    linear-gradient(
      90deg,
      #D4B15A,
      #E6C97A
    ) !important;

  transition: width .3s ease;
}

/* HOVER PREMIUM */

#como-funciona .vh-how-clean-card:hover {
  transform: translateY(-6px);

  border-color:
    rgba(212,177,90,.55) !important;

  box-shadow:
    0 20px 45px rgba(11,35,64,.09) !important;
}

#como-funciona .vh-how-clean-card:hover::before {
  width: 95px;
}

/* ==========================================
   05 — CABEÇALHO DO CARD
========================================== */

#como-funciona .vh-how-clean-card__top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;

  gap: 12px;

  margin: 0 0 27px !important;
}

/* ÍCONE */

#como-funciona .vh-how-clean-card__icon {
  position: relative;

  display: grid !important;
  place-items: center !important;

  width: 62px;
  height: 62px;

  flex-shrink: 0;

  margin: 0 !important;
  padding: 0 !important;

  background: #F4E9C8 !important;

  border:
    1px solid rgba(212,177,90,.24) !important;

  border-radius: 17px !important;

  color: #062B5B !important;

  box-shadow: none !important;

  transition:
    background .25s ease,
    color .25s ease,
    transform .25s ease;
}

#como-funciona .vh-how-clean-card__icon svg {
  display: block;

  width: 27px;
  height: 27px;

  fill: none !important;
  stroke: currentColor !important;
}

#como-funciona .vh-how-clean-card:hover
.vh-how-clean-card__icon {
  transform: translateY(-2px);

  background: #062B5B !important;
  color: #D4B15A !important;
}

/* NÚMERO DA ETAPA */

#como-funciona .vh-how-clean-card__number {
  position: static !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-width: 42px;
  min-height: 28px;

  margin: 3px 0 0 !important;
  padding: 4px 9px !important;

  border:
    1px solid rgba(212,177,90,.34) !important;

  border-radius: 8px !important;

  background: #FFFCF5 !important;

  color: #936B1B !important;

  font-family:
    "Inter", Arial, sans-serif !important;

  font-size: 11px !important;
  font-weight: 800 !important;

  line-height: 1 !important;
  letter-spacing: .7px !important;

  font-variant-numeric: tabular-nums;
}

/* ==========================================
   06 — CONTEÚDO DO CARD
========================================== */

#como-funciona .vh-how-clean-card__body {
  display: flex !important;
  flex-direction: column !important;

  flex: 1;
}

#como-funciona .vh-how-clean-card h3 {
  margin: 0 0 13px !important;
  padding: 0 !important;

  color: #062B5B !important;

  font-family:
    "Manrope", "Inter", Arial,
    sans-serif !important;

  font-size: 20px !important;
  font-weight: 800 !important;

  line-height: 1.3 !important;
  letter-spacing: -.45px !important;

  text-transform: none !important;
}

#como-funciona .vh-how-clean-card p {
  margin: 0 !important;
  padding: 0 !important;

  color: #5F6C7B !important;

  font-family:
    "Inter", Arial, sans-serif !important;

  font-size: 13px !important;
  font-weight: 400 !important;

  line-height: 1.75 !important;
  letter-spacing: 0 !important;
}

/* LINHA INFERIOR DO CARD */

#como-funciona .vh-how-clean-card__line {
  width: 100%;
  height: 1px;

  flex-shrink: 0;

  margin: 23px 0 0 !important;

  background:
    linear-gradient(
      90deg,
      rgba(212,177,90,.47),
      rgba(212,177,90,.04)
    ) !important;
}

/* ==========================================
   07 — CONECTORES ENTRE ETAPAS
========================================== */

@media (min-width: 1121px) {

  #como-funciona .vh-how-clean-card:not(:last-child)::after {
    content: "→";

    position: absolute;

    top: 57px;
    right: -19px;

    z-index: 5;

    display: grid;
    place-items: center;

    width: 18px;
    height: 22px;

    color: #B28B4D !important;

    font-family:
      "Inter", Arial, sans-serif !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    pointer-events: none;
  }

}

/* ==========================================
   08 — CHAMADA PARA AÇÃO
========================================== */

#como-funciona .vh-how-clean__footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 15px;

  margin: 43px 0 0 !important;
  padding: 0 !important;

  text-align: center;
}

/* TEXTO ACIMA DO BOTÃO */

#como-funciona .vh-how-clean__footer-label {
  color: #936B1B !important;

  font-family:
    "Inter", Arial, sans-serif !important;

  font-size: 10px !important;
  font-weight: 800 !important;

  line-height: 1.5 !important;
  letter-spacing: 2px !important;

  text-transform: uppercase !important;
}

/* CTA PRINCIPAL */

#como-funciona .vh-how-clean__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 19px;

  min-height: 52px;

  margin: 0 !important;
  padding: 0 24px !important;

  background: #062B5B !important;
  background-image: none !important;

  border: 1px solid #062B5B !important;
  border-radius: 12px !important;

  color: #FFFFFF !important;

  font-family:
    "Inter", Arial, sans-serif !important;

  font-size: 12px !important;
  font-weight: 800 !important;

  line-height: 1.3 !important;
  letter-spacing: 0 !important;

  text-align: center;
  text-transform: none !important;

  box-shadow:
    0 8px 22px rgba(6,43,91,.10) !important;

  transition:
    transform .22s ease,
    background .22s ease,
    border-color .22s ease,
    color .22s ease,
    box-shadow .22s ease;
}

#como-funciona .vh-how-clean__cta svg {
  display: block;

  width: 17px;
  height: 17px;

  flex-shrink: 0;

  stroke: currentColor !important;

  transition: transform .2s ease;
}

/* HOVER DOURADO */

#como-funciona .vh-how-clean__cta:hover {
  transform: translateY(-2px);

  background: #D4B15A !important;
  border-color: #D4B15A !important;

  color: #0B2340 !important;

  box-shadow:
    0 13px 26px rgba(11,35,64,.10) !important;
}

#como-funciona .vh-how-clean__cta:hover svg {
  transform: translateX(3px);
}

#como-funciona .vh-how-clean__cta:focus-visible {
  outline: 3px solid #D4B15A !important;
  outline-offset: 4px;
}

/* ==========================================
   09 — NOTEBOOK E TABLET
========================================== */

@media (max-width: 1120px) {

  #como-funciona {
    padding: 88px 0 90px !important;
  }

  #como-funciona .vh-how-clean__steps {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 18px;
  }

  #como-funciona .vh-how-clean-card {
    min-height: 255px;
  }

  #como-funciona .vh-how-clean-card::after {
    content: none !important;
  }

}

@media (max-width: 760px) {

  #como-funciona {
    padding: 76px 0 78px !important;
  }

  #como-funciona .vh-how-clean__intro {
    max-width: 680px;

    margin-bottom: 39px !important;
  }

  #como-funciona .vh-how-clean__intro h2 {
    font-size:
      clamp(33px, 5.8vw, 43px) !important;

    letter-spacing: -1.2px !important;
  }

  #como-funciona .vh-how-clean__intro p {
    font-size: 14px !important;
  }

  #como-funciona .vh-how-clean-card {
    padding: 25px 23px !important;
  }

}

/* ==========================================
   10 — CELULAR
========================================== */

@media (max-width: 600px) {

  #como-funciona {
    padding: 68px 0 72px !important;

    scroll-margin-top: 80px;
  }

  #como-funciona .vh-how-clean__container {
    width: 90% !important;
  }

  #como-funciona .vh-how-clean__intro {
    padding: 0;

    margin-bottom: 34px !important;
  }

  #como-funciona .vh-how-clean__eyebrow {
    margin-bottom: 17px !important;

    font-size: 9px !important;
    letter-spacing: 2px !important;
  }

  #como-funciona .vh-how-clean__intro h2 {
    font-size:
      clamp(31px, 8vw, 39px) !important;

    line-height: 1.16 !important;
    letter-spacing: -1.15px !important;
  }

  #como-funciona .vh-how-clean__intro p {
    margin-top: 17px !important;

    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  #como-funciona .vh-how-clean__steps {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  #como-funciona .vh-how-clean-card {
    min-height: 0;

    padding: 24px 23px 23px !important;

    border-radius: 17px !important;
  }

  #como-funciona .vh-how-clean-card__top {
    margin-bottom: 21px !important;
  }

  #como-funciona .vh-how-clean-card__icon {
    width: 57px;
    height: 57px;
  }

  #como-funciona .vh-how-clean-card__icon svg {
    width: 25px;
    height: 25px;
  }

  #como-funciona .vh-how-clean-card h3 {
    font-size: 19px !important;
  }

  #como-funciona .vh-how-clean-card p {
    font-size: 13px !important;
  }

  #como-funciona .vh-how-clean__footer {
    margin-top: 36px !important;
  }

  #como-funciona .vh-how-clean__footer-label {
    font-size: 9px !important;
    letter-spacing: 1.4px !important;
  }

  #como-funciona .vh-how-clean__cta {
    width: 100%;
    max-width: 330px;

    min-height: 52px;
    padding: 0 19px !important;
  }

}

/* ==========================================
   11 — ACESSIBILIDADE
========================================== */

@media (prefers-reduced-motion: reduce) {

  #como-funciona .vh-how-clean-card,
  #como-funciona .vh-how-clean-card::before,
  #como-funciona .vh-how-clean-card__icon,
  #como-funciona .vh-how-clean__cta,
  #como-funciona .vh-how-clean__cta svg {
    transition: none !important;
    transform: none !important;
  }

}
<\/style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c06e4ac */.vh-areas-clean {
    padding:
        105px
        0;

    background:
        var(--vh-bg-soft);

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


.vh-areas-clean__container {
    width:
        min(92%, 1500px);

    margin: 0 auto;
}


/* HEADER */

.vh-areas-clean__header {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 40px;

    margin-bottom: 48px;
}


.vh-areas-clean__header > div {
    max-width: 760px;
}


.vh-areas-clean__eyebrow {
    display: inline-flex;

    margin-bottom: 14px;

    color:
        var(--vh-primary);

    font-size: 10px;

    font-weight: 750;

    letter-spacing: 3px;
}


.vh-areas-clean__header h2 {
    margin: 0;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size:
        clamp(
            38px,
            4vw,
            58px
        );

    line-height: 1.08;

    letter-spacing: -2px;
}


.vh-areas-clean__header h2 span {
    color:
        var(--vh-primary);
}


.vh-areas-clean__header p {
    max-width: 650px;

    margin:
        18px
        0
        0;

    color:
        var(--vh-text-secondary);

    font-size: 15px;

    line-height: 1.7;
}


.vh-areas-clean__all {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;

    gap: 16px;

    padding-bottom: 5px;

    color:
        var(--vh-primary);

    text-decoration: none;

    font-size: 13px;

    font-weight: 700;

    border-bottom:
        1px solid
        var(--vh-sage);
}


/* SLIDER */

.vh-areas-clean__slider {
    display: flex;

    align-items: center;

    gap: 14px;
}


.vh-areas-clean__viewport {
    overflow: hidden;

    width: 100%;
}


.vh-areas-clean__track {
    display: flex;

    gap: 20px;

    transition:
        transform .42s ease;
}


/* NAV */

.vh-areas-clean__nav {
    width: 46px;
    height: 46px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    border:
        1px solid
        var(--vh-border);

    background:
        #FFFFFF;

    color:
        var(--vh-primary);

    font-size: 27px;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}


.vh-areas-clean__nav:hover {
    background:
        var(--vh-primary);

    color:
        #FFFFFF;

    transform:
        translateY(-2px);
}


/* CARD */

.vh-area-clean-card {
    min-width: 320px;
    max-width: 320px;

    overflow: hidden;

    border-radius:
        22px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--vh-border);

    text-decoration: none;

    box-shadow:
        0 12px 30px
        rgba(38,50,56,.04);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.vh-area-clean-card:hover {
    transform:
        translateY(-6px);

    border-color:
        var(--vh-sage);

    box-shadow:
        0 20px 45px
        rgba(38,50,56,.08);
}


/* IMAGE */

.vh-area-clean-card__image {
    height: 180px;

    overflow: hidden;
}


.vh-area-clean-card__image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .5s ease;
}


.vh-area-clean-card:hover
.vh-area-clean-card__image img {
    transform:
        scale(1.04);
}


/* CONTENT */

.vh-area-clean-card__content {
    padding:
        24px;
}


.vh-area-clean-card__icon {
    width: 42px;
    height: 42px;

    margin-bottom: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    background:
        var(--vh-sage-light);

    color:
        var(--vh-primary);

    font-size: 18px;

    font-weight: 700;
}


.vh-area-clean-card h3 {
    margin:
        0
        0
        10px;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size: 21px;

    line-height: 1.2;
}


.vh-area-clean-card p {
    min-height: 67px;

    margin: 0;

    color:
        var(--vh-text-secondary);

    font-size: 12.5px;

    line-height: 1.65;
}


.vh-area-clean-card__link {
    display: inline-flex;

    margin-top: 18px;

    color:
        var(--vh-primary);

    font-size: 11px;

    font-weight: 700;
}


/* RESPONSIVO */

@media(max-width:850px){

    .vh-areas-clean__header {
        align-items: flex-start;

        flex-direction: column;
    }

}


@media(max-width:600px){

    .vh-areas-clean {
        padding:
            80px
            0;
    }

    .vh-area-clean-card {
        min-width: 275px;
        max-width: 275px;
    }

    .vh-area-clean-card__image {
        height: 160px;
    }

    .vh-areas-clean__nav {
        width: 40px;
        height: 40px;

        font-size: 23px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2224464 */.vh-home-pros {
    padding:
        105px
        0;

    background:
        #FFFFFF;

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


.vh-home-pros__container {
    width:
        min(92%, 1450px);

    margin: 0 auto;
}


/* HEADER */

.vh-home-pros__header {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 40px;

    margin-bottom: 45px;
}


.vh-home-pros__header > div {
    max-width: 740px;
}


.vh-home-pros__eyebrow {
    display: inline-flex;

    margin-bottom: 14px;

    color:
        var(--vh-primary);

    font-size: 10px;

    font-weight: 750;

    letter-spacing: 3px;
}


.vh-home-pros__header h2 {
    margin: 0;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size:
        clamp(
            38px,
            4vw,
            58px
        );

    line-height: 1.08;

    letter-spacing: -2px;
}


.vh-home-pros__header h2 span {
    color:
        var(--vh-primary);
}


.vh-home-pros__header p {
    max-width: 620px;

    margin:
        18px
        0
        0;

    color:
        var(--vh-text-secondary);

    font-size: 15px;

    line-height: 1.7;
}


.vh-home-pros__all {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;

    gap: 16px;

    padding-bottom: 5px;

    color:
        var(--vh-primary);

    text-decoration: none;

    font-size: 13px;

    font-weight: 700;

    border-bottom:
        1px solid
        var(--vh-sage);
}


/* GRID */

.vh-home-pros__grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 24px;
}


/* CARD */

.vh-home-pro-card {
    overflow: hidden;

    border-radius:
        22px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--vh-border);

    box-shadow:
        0 12px 30px
        rgba(38,50,56,.04);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.vh-home-pro-card:hover {
    transform:
        translateY(-6px);

    border-color:
        var(--vh-sage);

    box-shadow:
        0 20px 45px
        rgba(38,50,56,.08);
}


/* IMAGE */

.vh-home-pro-card__image {
    height: 245px;

    overflow: hidden;
}


.vh-home-pro-card__image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .5s ease;
}


.vh-home-pro-card:hover
.vh-home-pro-card__image img {
    transform:
        scale(1.035);
}


/* BODY */

.vh-home-pro-card__body {
    padding:
        24px;
}


.vh-home-pro-card__badges {
    display: flex;

    gap: 6px;

    margin-bottom: 13px;
}


.vh-home-pro-card__badges span {
    padding:
        5px
        9px;

    border-radius:
        20px;

    background:
        var(--vh-sage-light);

    color:
        var(--vh-primary);

    font-size: 9px;

    font-weight: 700;
}


.vh-home-pro-card h3 {
    margin: 0;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size: 22px;
}


.vh-home-pro-card__role {
    min-height: 38px;

    margin:
        6px
        0
        0;

    color:
        var(--vh-text-secondary);

    font-size: 12px;

    line-height: 1.5;
}


.vh-home-pro-card__rating {
    display: flex;

    gap: 7px;

    margin-top: 10px;

    font-size: 11px;
}


.vh-home-pro-card__rating strong {
    color:
        #B8893E;
}


.vh-home-pro-card__rating span {
    color:
        var(--vh-text-secondary);
}


/* META */

.vh-home-pro-card__meta {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 12px;

    margin-top: 18px;

    padding-top: 17px;

    border-top:
        1px solid
        var(--vh-border);
}


.vh-home-pro-card__meta small {
    display: block;

    margin-bottom: 4px;

    color:
        #94A09D;

    font-size: 9px;
}


.vh-home-pro-card__meta strong {
    display: block;

    color:
        var(--vh-text);

    font-size: 12px;
}


.vh-home-pro-card__meta
div:first-child strong {
    color:
        var(--vh-primary);

    font-size: 17px;
}


/* BUTTON */

.vh-home-pro-card__button {
    min-height: 46px;

    margin-top: 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding:
        0
        17px;

    border-radius:
        11px;

    background:
        var(--vh-primary);

    color:
        #FFFFFF;

    text-decoration: none;

    font-size: 11px;

    font-weight: 700;

    transition:
        background .2s ease,
        transform .2s ease;
}


.vh-home-pro-card__button:hover {
    background:
        var(--vh-primary-dark);

    transform:
        translateY(-2px);
}


/* FOOTER */

.vh-home-pros__footer {
    display: none;

    justify-content: center;

    margin-top: 35px;
}


.vh-home-pros__footer a {
    min-height: 48px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 16px;

    padding:
        0
        20px;

    border-radius: 11px;

    border:
        1px solid
        var(--vh-sage);

    color:
        var(--vh-primary);

    text-decoration: none;

    font-size: 12px;

    font-weight: 700;
}


/* RESPONSIVO */

@media(max-width:950px){

    .vh-home-pros__grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .vh-home-pros__header {
        align-items: flex-start;
        flex-direction: column;
    }

}


@media(max-width:650px){

    .vh-home-pros {
        padding:
            80px
            0;
    }

    .vh-home-pros__grid {
        grid-template-columns:
            1fr;
    }

    .vh-home-pros__header
    .vh-home-pros__all {
        display: none;
    }

    .vh-home-pros__footer {
        display: flex;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5168fe */.vh-learning {
    padding:
        105px
        0;

    background:
        var(--vh-bg-soft);

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


.vh-learning__container {
    width:
        min(92%, 1450px);

    margin: 0 auto;
}


/* HEADER */

.vh-learning__header {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 40px;

    margin-bottom: 46px;
}


.vh-learning__header > div {
    max-width: 760px;
}


.vh-learning__eyebrow {
    display: inline-flex;

    margin-bottom: 14px;

    color:
        var(--vh-primary);

    font-size: 10px;

    font-weight: 750;

    letter-spacing: 3px;
}


.vh-learning__header h2 {
    margin: 0;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size:
        clamp(
            38px,
            4vw,
            58px
        );

    line-height: 1.08;

    letter-spacing: -2px;
}


.vh-learning__header h2 span {
    color:
        var(--vh-primary);
}


.vh-learning__header p {
    max-width: 650px;

    margin:
        18px
        0
        0;

    color:
        var(--vh-text-secondary);

    font-size: 15px;

    line-height: 1.7;
}


.vh-learning__all {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;

    gap: 16px;

    padding-bottom: 5px;

    color:
        var(--vh-primary);

    text-decoration: none;

    font-size: 13px;

    font-weight: 700;

    border-bottom:
        1px solid
        var(--vh-sage);
}


/* GRID */

.vh-learning__grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 24px;
}


/* CARD */

.vh-learning-card {
    overflow: hidden;

    border-radius:
        22px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--vh-border);

    box-shadow:
        0 12px 30px
        rgba(38,50,56,.04);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.vh-learning-card:hover {
    transform:
        translateY(-6px);

    border-color:
        var(--vh-sage);

    box-shadow:
        0 20px 45px
        rgba(38,50,56,.08);
}


/* IMAGEM */

.vh-learning-card__image {
    position: relative;

    display: block;

    height: 240px;

    overflow: hidden;
}


.vh-learning-card__image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .5s ease;
}


.vh-learning-card:hover
.vh-learning-card__image img {
    transform:
        scale(1.035);
}


.vh-learning-card__type {
    position: absolute;

    left: 16px;
    top: 16px;

    display: inline-flex;

    padding:
        7px
        11px;

    border-radius:
        20px;

    background:
        rgba(255,255,255,.95);

    color:
        var(--vh-primary);

    font-size: 9px;

    font-weight: 750;

    box-shadow:
        0 6px 18px
        rgba(38,50,56,.08);
}


/* BODY */

.vh-learning-card__body {
    padding:
        24px;
}


.vh-learning-card__meta-top {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin-bottom: 13px;
}


.vh-learning-card__meta-top span {
    padding:
        5px
        9px;

    border-radius:
        20px;

    background:
        var(--vh-sage-light);

    color:
        var(--vh-primary);

    font-size: 9px;

    font-weight: 700;
}


.vh-learning-card h3 {
    min-height: 76px;

    margin: 0;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size: 21px;

    line-height: 1.35;
}


.vh-learning-card__body > p {
    min-height: 60px;

    margin:
        12px
        0
        0;

    color:
        var(--vh-text-secondary);

    font-size: 12.5px;

    line-height: 1.65;
}


/* AUTOR */

.vh-learning-card__author {
    display: flex;
    align-items: center;

    gap: 11px;

    margin-top: 20px;

    padding-top: 17px;

    border-top:
        1px solid
        var(--vh-border);
}


.vh-learning-card__avatar {
    width: 39px;
    height: 39px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--vh-sage-light);

    color:
        var(--vh-primary);

    font-size: 10px;

    font-weight: 800;
}


.vh-learning-card__author small {
    display: block;

    margin-bottom: 2px;

    color:
        #94A09D;

    font-size: 8px;
}


.vh-learning-card__author strong {
    display: block;

    color:
        var(--vh-text);

    font-size: 11px;
}


/* FOOTER */

.vh-learning-card__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-top: 19px;
}


.vh-learning-card__footer small {
    display: block;

    margin-bottom: 3px;

    color:
        #94A09D;

    font-size: 8px;
}


.vh-learning-card__footer strong {
    display: block;

    color:
        var(--vh-primary);

    font-size: 18px;
}


.vh-learning-card__footer a {
    min-height: 41px;

    display: inline-flex;
    align-items: center;

    gap: 12px;

    padding:
        0
        15px;

    border-radius:
        10px;

    background:
        var(--vh-primary);

    color:
        #FFFFFF;

    text-decoration: none;

    font-size: 10px;

    font-weight: 700;

    transition:
        background .2s ease,
        transform .2s ease;
}


.vh-learning-card__footer a:hover {
    background:
        var(--vh-primary-dark);

    transform:
        translateY(-2px);
}


/* MOBILE CTA */

.vh-learning__mobile-footer {
    display: none;

    justify-content: center;

    margin-top: 35px;
}


.vh-learning__mobile-footer a {
    min-height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 16px;

    padding:
        0
        20px;

    border-radius: 11px;

    border:
        1px solid
        var(--vh-sage);

    color:
        var(--vh-primary);

    text-decoration: none;

    font-size: 12px;

    font-weight: 700;
}


/* RESPONSIVO */

@media(max-width:950px){

    .vh-learning__grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .vh-learning__header {
        flex-direction: column;

        align-items: flex-start;
    }

}


@media(max-width:650px){

    .vh-learning {
        padding:
            80px
            0;
    }

    .vh-learning__grid {
        grid-template-columns:
            1fr;
    }

    .vh-learning__header
    .vh-learning__all {
        display: none;
    }

    .vh-learning__mobile-footer {
        display: flex;
    }

    .vh-learning-card h3,
    .vh-learning-card__body > p {
        min-height: auto;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07284b1 */.vh-pro-section {
    position: relative;

    padding:
        115px
        0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #F4F6F3 0%,
            #EEF3EF 100%
        );

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


.vh-pro-section::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    right: -230px;
    top: -170px;

    border-radius: 50%;

    background:
        rgba(168,191,163,.18);
}


.vh-pro-section__container {
    width:
        min(92%, 1450px);

    margin: 0 auto;

    position: relative;

    z-index: 2;
}


.vh-pro-section__grid {
    display: grid;

    grid-template-columns:
        .92fr
        1.08fr;

    gap: 90px;

    align-items: center;
}


/* CONTEÚDO */

.vh-pro-section__content {
    max-width: 620px;
}


.vh-pro-section__eyebrow {
    display: inline-flex;

    margin-bottom: 14px;

    color:
        var(--vh-primary);

    font-size: 10px;

    font-weight: 750;

    letter-spacing: 3px;
}


.vh-pro-section__content h2 {
    margin: 0;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size:
        clamp(
            40px,
            4vw,
            58px
        );

    line-height: 1.08;

    letter-spacing: -2px;
}


.vh-pro-section__content h2 span {
    color:
        var(--vh-primary);
}


.vh-pro-section__content > p {
    margin:
        20px
        0
        0;

    max-width: 580px;

    color:
        var(--vh-text-secondary);

    font-size: 15px;

    line-height: 1.75;
}


/* FEATURES */

.vh-pro-section__features {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap:
        23px
        25px;

    margin-top: 34px;
}


.vh-pro-section__feature {
    display: flex;

    gap: 12px;

    align-items: flex-start;
}


.vh-pro-section__icon {
    width: 40px;
    height: 40px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background:
        #FFFFFF;

    color:
        var(--vh-primary);

    border:
        1px solid
        var(--vh-border);

    font-size: 17px;
}


.vh-pro-section__feature h3 {
    margin:
        2px
        0
        5px;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size: 13px;
}


.vh-pro-section__feature p {
    margin: 0;

    color:
        var(--vh-text-secondary);

    font-size: 10.5px;

    line-height: 1.55;
}


/* ACTIONS */

.vh-pro-section__actions {
    display: flex;

    gap: 11px;

    margin-top: 35px;
}


.vh-pro-section__actions a {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding:
        0
        20px;

    border-radius: 12px;

    text-decoration: none;

    font-size: 11px;

    font-weight: 700;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}


.vh-pro-section__primary {
    gap: 20px;

    background:
        var(--vh-primary);

    color:
        #FFFFFF;
}


.vh-pro-section__secondary {
    color:
        var(--vh-primary);

    border:
        1px solid
        var(--vh-sage);

    background:
        rgba(255,255,255,.35);
}


.vh-pro-section__actions a:hover {
    transform:
        translateY(-2px);
}


.vh-pro-section__primary:hover {
    background:
        var(--vh-primary-dark);

    box-shadow:
        0 12px 25px
        rgba(47,93,98,.15);
}


/* =========================================================
   DASHBOARD MOCKUP
========================================================= */

.vh-pro-dashboard {
    overflow: hidden;

    padding:
        24px;

    border-radius:
        25px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--vh-border);

    box-shadow:
        0 25px 60px
        rgba(38,50,56,.10);
}


/* TOP */

.vh-pro-dashboard__top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    padding-bottom: 20px;

    border-bottom:
        1px solid
        var(--vh-border);
}


.vh-pro-dashboard__top small {
    display: block;

    margin-bottom: 5px;

    color:
        #95A09E;

    font-size: 8px;

    letter-spacing: 1.4px;
}


.vh-pro-dashboard__top strong {
    display: block;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        sans-serif;

    font-size: 17px;
}


.vh-pro-dashboard__avatar {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--vh-primary);

    color:
        #FFFFFF;

    font-size: 10px;

    font-weight: 800;
}


/* METRICS */

.vh-pro-dashboard__metrics {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 12px;

    margin-top: 18px;
}


.vh-pro-dashboard__metrics > div {
    padding:
        15px;

    border-radius: 14px;

    background:
        var(--vh-bg-soft);

    border:
        1px solid
        #EDF1EE;
}


.vh-pro-dashboard__metrics span {
    display: block;

    color:
        var(--vh-text-secondary);

    font-size: 8px;
}


.vh-pro-dashboard__metrics strong {
    display: block;

    margin:
        5px
        0
        2px;

    color:
        var(--vh-primary);

    font-size: 22px;
}


.vh-pro-dashboard__metrics small {
    color:
        #8D9A96;

    font-size: 7.5px;
}


/* BODY */

.vh-pro-dashboard__body {
    display: grid;

    grid-template-columns:
        1.2fr
        .8fr;

    gap: 14px;

    margin-top: 15px;
}


.vh-pro-dashboard__crm,
.vh-pro-dashboard__agenda {
    padding:
        17px;

    border-radius:
        15px;

    border:
        1px solid
        var(--vh-border);
}


.vh-pro-dashboard__title {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 14px;
}


.vh-pro-dashboard__title small {
    display: block;

    color:
        #9AA5A2;

    font-size: 7px;

    letter-spacing: 1px;
}


.vh-pro-dashboard__title strong {
    display: block;

    margin-top: 3px;

    color:
        var(--vh-text);

    font-size: 11px;
}


.vh-pro-dashboard__title > span {
    color:
        var(--vh-primary);

    font-size: 8px;
}


/* LEADS */

.vh-pro-lead {
    display: flex;

    align-items: center;

    gap: 9px;

    padding:
        10px
        0;

    border-bottom:
        1px solid
        var(--vh-border);
}


.vh-pro-lead:last-child {
    border-bottom: 0;
}


.vh-pro-lead__avatar {
    width: 31px;
    height: 31px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--vh-sage-light);

    color:
        var(--vh-primary);

    font-size: 7px;

    font-weight: 800;
}


.vh-pro-lead__info {
    flex: 1;
}


.vh-pro-lead__info strong {
    display: block;

    color:
        var(--vh-text);

    font-size: 9px;
}


.vh-pro-lead__info span {
    display: block;

    margin-top: 2px;

    color:
        var(--vh-text-secondary);

    font-size: 7.5px;
}


.vh-pro-lead__status {
    padding:
        4px
        7px;

    border-radius: 15px;

    background:
        #EDF4EB;

    color:
        #5D8766;

    font-size: 7px;

    font-weight: 700;
}


.vh-pro-lead__status--contact {
    background:
        #F5F0E5;

    color:
        #A57B38;
}


.vh-pro-lead__status--scheduled {
    background:
        #E8EFF3;

    color:
        #527482;
}


/* AGENDA */

.vh-pro-appointment {
    display: flex;

    gap: 9px;

    padding:
        10px
        0;

    border-bottom:
        1px solid
        var(--vh-border);
}


.vh-pro-appointment:last-child {
    border-bottom: 0;
}


.vh-pro-appointment > span {
    color:
        var(--vh-primary);

    font-size: 9px;

    font-weight: 700;
}


.vh-pro-appointment strong {
    display: block;

    color:
        var(--vh-text);

    font-size: 8.5px;
}


.vh-pro-appointment small {
    display: block;

    margin-top: 2px;

    color:
        var(--vh-text-secondary);

    font-size: 7px;
}


/* RESPONSIVO */

@media(max-width:1000px){

    .vh-pro-section__grid {
        grid-template-columns: 1fr;

        gap: 60px;
    }

    .vh-pro-section__content {
        max-width: 800px;
    }

}


@media(max-width:650px){

    .vh-pro-section {
        padding:
            80px
            0;
    }

    .vh-pro-section__features {
        grid-template-columns: 1fr;
    }

    .vh-pro-section__actions {
        flex-direction: column;
    }

    .vh-pro-section__actions a {
        width: 100%;
    }

    .vh-pro-dashboard__metrics {
        grid-template-columns: 1fr;
    }

    .vh-pro-dashboard__body {
        grid-template-columns: 1fr;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2693ebc */.vh-trust {
    padding:
        105px
        0;

    background:
        #FFFFFF;

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


.vh-trust__container {
    width:
        min(92%, 1450px);

    margin: 0 auto;
}


.vh-trust__intro {
    max-width: 760px;

    margin:
        0
        auto
        52px;

    text-align: center;
}


.vh-trust__eyebrow {
    display: inline-flex;

    margin-bottom: 14px;

    color:
        var(--vh-primary);

    font-size: 10px;

    font-weight: 750;

    letter-spacing: 3px;
}


.vh-trust__intro h2 {
    margin: 0;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size:
        clamp(
            38px,
            4vw,
            58px
        );

    line-height: 1.08;

    letter-spacing: -2px;
}


.vh-trust__intro h2 span {
    color:
        var(--vh-primary);
}


.vh-trust__intro p {
    max-width: 650px;

    margin:
        18px
        auto
        0;

    color:
        var(--vh-text-secondary);

    font-size: 15px;

    line-height: 1.7;
}


.vh-trust__grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 20px;
}


.vh-trust-card {
    padding:
        30px;

    border-radius:
        20px;

    background:
        var(--vh-bg-soft);

    border:
        1px solid
        var(--vh-border);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.vh-trust-card:hover {
    transform:
        translateY(-5px);

    box-shadow:
        0 18px 40px
        rgba(38,50,56,.06);
}


.vh-trust-card__icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    border-radius: 14px;

    background:
        var(--vh-sage-light);

    color:
        var(--vh-primary);

    font-size: 19px;

    font-weight: 800;
}


.vh-trust-card h3 {
    margin:
        0
        0
        10px;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size: 18px;
}


.vh-trust-card p {
    margin: 0;

    color:
        var(--vh-text-secondary);

    font-size: 12px;

    line-height: 1.65;
}


@media(max-width:950px){

    .vh-trust__grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media(max-width:600px){

    .vh-trust {
        padding:
            80px
            0;
    }

    .vh-trust__grid {
        grid-template-columns: 1fr;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95c22be */.vh-faq {
    padding:
        105px
        0;

    background:
        var(--vh-bg-soft);

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


.vh-faq__container {
    width:
        min(92%, 1050px);

    margin: 0 auto;
}


.vh-faq__header {
    max-width: 720px;

    margin-bottom: 45px;
}


.vh-faq__eyebrow {
    display: inline-flex;

    margin-bottom: 14px;

    color:
        var(--vh-primary);

    font-size: 10px;

    font-weight: 750;

    letter-spacing: 3px;
}


.vh-faq__header h2 {
    margin: 0;

    color:
        var(--vh-text);

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size:
        clamp(
            38px,
            4vw,
            56px
        );

    line-height: 1.08;

    letter-spacing: -2px;
}


.vh-faq__header h2 span {
    color:
        var(--vh-primary);
}


.vh-faq__header p {
    margin:
        18px
        0
        0;

    color:
        var(--vh-text-secondary);

    font-size: 15px;

    line-height: 1.7;
}


.vh-faq__list {
    display: flex;

    flex-direction: column;

    gap: 12px;
}


.vh-faq-item {
    overflow: hidden;

    border-radius: 16px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--vh-border);
}


.vh-faq-item__question {
    width: 100%;

    min-height: 72px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    padding:
        0
        23px;

    border: 0;

    background: transparent;

    color:
        var(--vh-text);

    text-align: left;

    font-family:
        "Inter",
        sans-serif;

    font-size: 13px;

    font-weight: 700;

    cursor: pointer;
}


.vh-faq-item__question strong {
    color:
        var(--vh-primary);

    font-size: 23px;

    font-weight: 400;

    transition:
        transform .25s ease;
}


.vh-faq-item__answer {
    max-height: 0;

    overflow: hidden;

    transition:
        max-height .35s ease;
}


.vh-faq-item__answer p {
    margin: 0;

    padding:
        0
        23px
        23px;

    color:
        var(--vh-text-secondary);

    font-size: 12.5px;

    line-height: 1.7;
}


.vh-faq-item.active
.vh-faq-item__question strong {
    transform:
        rotate(45deg);
}


@media(max-width:600px){

    .vh-faq {
        padding:
            80px
            0;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c124ee */.vh-final-cta {
    padding:
        70px
        0
        95px;

    background:
        #FFFFFF;

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


.vh-final-cta__container {
    width:
        min(92%, 1300px);

    margin: 0 auto;
}


.vh-final-cta__content {
    position: relative;

    overflow: hidden;

    padding:
        70px
        60px;

    border-radius:
        28px;

    background:
        var(--vh-primary);

    text-align: center;
}


.vh-final-cta__content::before {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    top: -190px;
    right: -120px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.07);
}


.vh-final-cta__eyebrow {
    position: relative;

    display: inline-flex;

    margin-bottom: 14px;

    color:
        var(--vh-sage-light);

    font-size: 10px;

    font-weight: 750;

    letter-spacing: 3px;
}


.vh-final-cta h2 {
    position: relative;

    max-width: 750px;

    margin:
        0
        auto;

    color:
        #FFFFFF;

    font-family:
        "Manrope",
        "Inter",
        sans-serif;

    font-size:
        clamp(
            38px,
            4vw,
            58px
        );

    line-height: 1.08;

    letter-spacing: -2px;
}


.vh-final-cta p {
    position: relative;

    max-width: 590px;

    margin:
        19px
        auto
        0;

    color:
        rgba(255,255,255,.75);

    font-size: 14px;

    line-height: 1.7;
}


.vh-final-cta__actions {
    position: relative;

    display: flex;
    justify-content: center;

    gap: 12px;

    margin-top: 30px;
}


.vh-final-cta__actions a {
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding:
        0
        22px;

    border-radius: 12px;

    text-decoration: none;

    font-size: 11px;

    font-weight: 700;
}


.vh-final-cta__primary {
    gap: 18px;

    background:
        #FFFFFF;

    color:
        var(--vh-primary);
}


.vh-final-cta__secondary {
    color:
        #FFFFFF;

    border:
        1px solid
        rgba(255,255,255,.35);
}


@media(max-width:600px){

    .vh-final-cta__content {
        padding:
            55px
            25px;
    }

    .vh-final-cta__actions {
        flex-direction: column;
    }

    .vh-final-cta__actions a {
        width: 100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-355db91 */.vh-footer {
    padding:
        70px
        0
        25px;

    background:
        #F4F6F3;

    border-top:
        1px solid
        var(--vh-border);

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


.vh-footer__container {
    width:
        min(92%, 1450px);

    margin: 0 auto;
}


.vh-footer__top {
    display: grid;

    grid-template-columns:
        1.7fr
        repeat(3, 1fr);

    gap: 55px;

    padding-bottom: 55px;
}


.vh-footer__brand {
    max-width: 360px;
}


.vh-footer__logo {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    text-decoration: none;
}


.vh-footer__logo span {
    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background:
        var(--vh-primary);

    color:
        #FFFFFF;

    font-size: 12px;

    font-weight: 800;
}


.vh-footer__logo strong {
    color:
        var(--vh-text);

    font-family:
        "Manrope",
        sans-serif;

    font-size: 20px;
}


.vh-footer__brand p {
    margin:
        18px
        0
        0;

    color:
        var(--vh-text-secondary);

    font-size: 12px;

    line-height: 1.7;
}


.vh-footer__column {
    display: flex;

    flex-direction: column;

    gap: 12px;
}


.vh-footer__column > strong {
    margin-bottom: 5px;

    color:
        var(--vh-text);

    font-size: 11px;
}


.vh-footer__column a {
    color:
        var(--vh-text-secondary);

    text-decoration: none;

    font-size: 11px;

    transition:
        color .2s ease;
}


.vh-footer__column a:hover {
    color:
        var(--vh-primary);
}


.vh-footer__bottom {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding-top: 22px;

    border-top:
        1px solid
        var(--vh-border);

    color:
        #8A9793;

    font-size: 9px;
}


@media(max-width:900px){

    .vh-footer__top {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media(max-width:600px){

    .vh-footer__top {
        grid-template-columns:
            1fr;
    }

    .vh-footer__bottom {
        flex-direction: column;

        align-items: flex-start;
    }

}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   VITTAHUB — CSS BASE DA PÁGINA
   Objetivo:
   impedir que tema / Elementor sobrescrevam o projeto
========================================================= */

.vittahub-page,
.vittahub-page * {
    box-sizing: border-box;
}


/* =========================================================
   RESET LOCAL
========================================================= */

.vittahub-page {
    --vh-bg: #FAFAF7;
    --vh-bg-soft: #F4F6F3;
    --vh-card: #FFFFFF;

    --vh-primary: #2F5D62;
    --vh-primary-dark: #23484C;

    --vh-sage: #A8BFA3;
    --vh-sage-light: #DDE8DA;

    --vh-sand: #E8DED0;

    --vh-text: #263238;
    --vh-text-secondary: #68767C;

    --vh-border: #E2E7E3;

    --vh-success: #6E9B78;
    --vh-warning: #D7B36A;
    --vh-danger: #C9776A;

    width: 100%;

    margin: 0 !important;

    padding: 0 !important;

    background:
        var(--vh-bg) !important;

    color:
        var(--vh-text) !important;

    font-family:
        "Inter",
        Arial,
        sans-serif !important;

    font-size: 16px;

    line-height: 1.5;
}


/* =========================================================
   TIPOGRAFIA
========================================================= */

.vittahub-page h1,
.vittahub-page h2,
.vittahub-page h3,
.vittahub-page h4,
.vittahub-page h5,
.vittahub-page h6 {
    margin-top: 0;

    color:
        var(--vh-text) !important;

    font-family:
        "Manrope",
        "Inter",
        Arial,
        sans-serif !important;

    font-weight: 700 !important;

    text-transform: none !important;

    font-style: normal !important;
}


.vittahub-page p,
.vittahub-page span,
.vittahub-page label,
.vittahub-page div,
.vittahub-page input,
.vittahub-page select,
.vittahub-page button,
.vittahub-page a {
    font-family:
        "Inter",
        Arial,
        sans-serif !important;
}


/* =========================================================
   LINKS
========================================================= */

.vittahub-page a {
    text-decoration: none !important;

    color:
        inherit;

    outline: none;
}


.vittahub-page a:hover,
.vittahub-page a:focus {
    text-decoration: none !important;
}


/* =========================================================
   BOTÕES
========================================================= */

.vittahub-page button,
.vittahub-page input[type="button"],
.vittahub-page input[type="submit"],
.vittahub-page .elementor-button {
    font-family:
        "Inter",
        Arial,
        sans-serif !important;

    text-transform: none !important;

    letter-spacing: 0 !important;

    box-shadow: none;

    outline: none;

    cursor: pointer;
}


/* =========================================================
   INPUTS / SELECTS / TEXTAREA
========================================================= */

.vittahub-page input,
.vittahub-page select,
.vittahub-page textarea {
    appearance: none;

    -webkit-appearance: none;

    border-radius: 0;

    box-shadow: none;

    outline: none;

    font-family:
        "Inter",
        Arial,
        sans-serif !important;
}


.vittahub-page input:focus,
.vittahub-page select:focus,
.vittahub-page textarea:focus {
    outline: none !important;

    box-shadow: none !important;
}


/* =========================================================
   EVITA CORES DO TEMA
========================================================= */

.vittahub-page
.elementor-widget-text-editor,
.vittahub-page
.elementor-widget-heading,
.vittahub-page
.elementor-widget-html {
    color:
        inherit !important;
}


/* =========================================================
   CONTAINERS DO ELEMENTOR
========================================================= */

.vittahub-page
.elementor-section,
.vittahub-page
.elementor-container,
.vittahub-page
.e-con,
.vittahub-page
.e-con-inner {
    max-width: none;
}


.vittahub-page
.elementor-widget-html {
    width: 100%;
}


/* =========================================================
   REMOVE MARGENS AUTOMÁTICAS DO TEMA
========================================================= */

.vittahub-page
.entry-content,
.vittahub-page
.site-main,
.vittahub-page
.page-content,
.vittahub-page
.elementor {
    margin: 0 !important;

    padding: 0 !important;

    width: 100% !important;
}


/* =========================================================
   HERO — FORÇA O PADRÃO VITTAHUB
========================================================= */

.vittahub-page
.vh-hero-slider {
    position: relative !important;

    width: 100% !important;

    min-height: 690px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

    background:
        #FAFAF7 !important;
}


.vittahub-page
.vh-hero-slider__container {
    width:
        min(92%, 1500px) !important;

    min-height:
        690px !important;

    margin:
        0 auto !important;

    padding:
        60px
        0
        115px !important;
}


/* =========================================================
   HERO TÍTULO
========================================================= */

.vittahub-page
.vh-hero-slider h1 {
    margin: 0 !important;

    padding: 0 !important;

    max-width:
        720px !important;

    color:
        var(--vh-text) !important;

    font-family:
        "Manrope",
        "Inter",
        sans-serif !important;

    font-size:
        clamp(
            48px,
            5vw,
            74px
        ) !important;

    line-height:
        1.03 !important;

    letter-spacing:
        -3px !important;

    font-weight:
        700 !important;

    text-transform:
        none !important;
}


.vittahub-page
.vh-hero-slider h1 span {
    color:
        var(--vh-primary) !important;
}


/* =========================================================
   EYEBROW
========================================================= */

.vittahub-page
.vh-hero-slider__eyebrow {
    color:
        var(--vh-primary) !important;

    font-family:
        "Inter",
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        750 !important;

    letter-spacing:
        3px !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   TEXTO HERO
========================================================= */

.vittahub-page
.vh-hero-slider__content > p {
    margin:
        24px
        0
        0 !important;

    max-width:
        640px !important;

    color:
        var(--vh-text-secondary) !important;

    font-size:
        17px !important;

    line-height:
        1.7 !important;

    font-weight:
        400 !important;

    text-transform:
        none !important;
}


/* =========================================================
   BOTÕES HERO
========================================================= */

.vittahub-page
.vh-hero-slider__primary {
    background:
        var(--vh-primary) !important;

    color:
        #FFFFFF !important;

    border:
        none !important;

    text-transform:
        none !important;
}


.vittahub-page
.vh-hero-slider__primary:hover {
    background:
        var(--vh-primary-dark) !important;

    color:
        #FFFFFF !important;
}


.vittahub-page
.vh-hero-slider__secondary {
    background:
        rgba(255,255,255,.68) !important;

    color:
        var(--vh-primary) !important;

    border:
        1px solid
        var(--vh-sage) !important;

    text-transform:
        none !important;
}


/* =========================================================
   SETAS
========================================================= */

.vittahub-page
.vh-hero-slider__arrow {
    background:
        rgba(255,255,255,.82) !important;

    color:
        var(--vh-primary) !important;

    border:
        1px solid
        var(--vh-border) !important;
}


.vittahub-page
.vh-hero-slider__arrow:hover {
    background:
        #FFFFFF !important;

    color:
        var(--vh-primary-dark) !important;
}


/* =========================================================
   DOTS
========================================================= */

.vittahub-page
.vh-hero-slider__dots button {
    background:
        rgba(255,255,255,.65) !important;
}


.vittahub-page
.vh-hero-slider__dots button.active {
    background:
        var(--vh-primary) !important;
}


/* =========================================================
   BUSCADOR
========================================================= */

.vittahub-page
.vh-search-clean__form {
    background:
        #FFFFFF !important;

    border:
        1px solid
        var(--vh-border) !important;

    border-radius:
        20px !important;
}


.vittahub-page
.vh-search-clean__field {
    border-right:
        1px solid
        var(--vh-border) !important;
}


.vittahub-page
.vh-search-clean__field label {
    color:
        var(--vh-text) !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;
}


.vittahub-page
.vh-search-clean__field input,
.vittahub-page
.vh-search-clean__field select {
    width:
        100% !important;

    color:
        var(--vh-text-secondary) !important;

    background:
        transparent !important;

    border:
        none !important;

    box-shadow:
        none !important;

    font-size:
        12px !important;
}


.vittahub-page
.vh-search-clean__field input::placeholder {
    color:
        #8A9793 !important;

    opacity:
        1 !important;
}


/* =========================================================
   BOTÃO BUSCAR
========================================================= */

.vittahub-page
.vh-search-clean__button {
    background:
        var(--vh-primary) !important;

    background-color:
        var(--vh-primary) !important;

    color:
        #FFFFFF !important;

    border:
        none !important;

    border-radius:
        14px !important;

    text-transform:
        none !important;
}


.vittahub-page
.vh-search-clean__button:hover {
    background:
        var(--vh-primary-dark) !important;

    color:
        #FFFFFF !important;
}


/* =========================================================
   HEADER
========================================================= */

.vittahub-page
.vh-header-clean {
    background:
        rgba(255,255,255,.96) !important;

    border-bottom:
        1px solid
        var(--vh-border) !important;
}


.vittahub-page
.vh-nav-clean a {
    color:
        var(--vh-text-secondary) !important;

    text-transform:
        none !important;

    font-weight:
        550 !important;

    letter-spacing:
        0 !important;
}


.vittahub-page
.vh-nav-clean a:hover,
.vittahub-page
.vh-nav-clean a.active {
    color:
        var(--vh-primary) !important;
}


.vittahub-page
.vh-nav-clean a::after {
    background:
        var(--vh-primary) !important;
}


/* =========================================================
   BOTÃO HEADER
========================================================= */

.vittahub-page
.vh-button-primary {
    background:
        var(--vh-primary) !important;

    color:
        #FFFFFF !important;

    border:
        none !important;

    text-transform:
        none !important;
}


.vittahub-page
.vh-button-primary:hover {
    background:
        var(--vh-primary-dark) !important;
}


/* =========================================================
   RESPONSIVO
========================================================= */

@media(max-width:1050px){

    .vittahub-page
    .vh-hero-slider__container {
        width:
            92% !important;

        min-height:
            650px !important;
    }

}


@media(max-width:650px){

    .vittahub-page
    .vh-hero-slider h1 {
        font-size:
            44px !important;

        letter-spacing:
            -2px !important;
    }

    .vittahub-page
    .vh-hero-slider__content > p {
        font-size:
            15px !important;
    }

}

/* ================================================
   VITTAHUB — IDENTIDADE DO SITE PUBLICO
   AZUL PROFUNDO + DOURADO
================================================ */

.vittahub-page,
.vittahub-public {
  --vh-primary:#062B5B;
  --vh-primary-dark:#0B2340;
  --vh-bg:#F8F7F3;
  --vh-bg-soft:#F2F5F8;
  --vh-accent:#D4B15A;
  --vh-gold:#D4B15A;
  --vh-text:#1E2B3A;
  --vh-text-secondary:#5F6C7B;
  --vh-border:#E4E7EC;
}

/* HOVER DOS BOTÕES ELEMENTOR */

.vittahub-page .elementor-button:hover,
.vittahub-public .elementor-button:hover,
.vittahub-page .elementor-button:focus-visible,
.vittahub-public .elementor-button:focus-visible {
  background:#D4B15A!important;
  background-image:none!important;
  border-color:#D4B15A!important;
  color:#0B2340!important;
}

/* TEXTO E ÍCONES DOS BOTÕES */

.vittahub-page .elementor-button:hover *,
.vittahub-public .elementor-button:hover * {
  color:#0B2340!important;
}

/* LINKS DE NAVEGAÇÃO ELEMENTOR */

.vittahub-page .elementor-nav-menu .elementor-item:hover,
.vittahub-public .elementor-nav-menu .elementor-item:hover {
  color:#8A6419!important;
}

/* BOTÕES DOURADOS ESPECÍFICOS */

.vittahub-page .vh-gold-button:hover,
.vittahub-public .vh-gold-button:hover {
  background:#E6C97A!important;
  border-color:#E6C97A!important;
  color:#0B2340!important;
}

/* ======================================================
   VITTAHUB — CORREÇÃO DA HOME V2.2
   AZUL PROFUNDO + DOURADO
   COMPATIBILIDADE COM WIDGETS HTML DO ELEMENTOR
====================================================== */

/* 01 — CORES OFICIAIS */

.vittahub-page,
.vittahub-public,
.vh-header-clean,
.vh-hero-slider,
.vh-search-clean__form {
  --vh-primary: #062B5B !important;
  --vh-primary-dark: #0B2340 !important;
  --vh-gold: #D4B15A !important;
  --vh-gold-light: #E6C97A !important;
  --vh-bg: #F8F7F3 !important;
  --vh-bg-soft: #F2F5F8 !important;
  --vh-text: #1E2B3A !important;
  --vh-text-secondary: #5F6C7B !important;
  --vh-border: #E4E7EC !important;
}

/* 02 — CABEÇALHO */

.vh-header-clean {
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1px solid #E4E7EC !important;
}

.vh-header-clean .vh-nav-clean a,
.vh-nav-clean a {
  color: #263A4D !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.vh-nav-clean a:hover,
.vh-nav-clean a:focus-visible,
.vh-nav-clean a.active {
  color: #8A6419 !important;
}

.vh-nav-clean a::after {
  background: #D4B15A !important;
}

/* 03 — BOTÃO PRINCIPAL DO CABEÇALHO */

.vh-header-clean .vh-button-primary,
.vh-button-primary {
  background: #062B5B !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border-color: #062B5B !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-weight: 700 !important;
}

.vh-header-clean .vh-button-primary *,
.vh-button-primary * {
  color: inherit !important;
}

.vh-button-primary:hover,
.vh-button-primary:focus-visible {
  background: #D4B15A !important;
  border-color: #D4B15A !important;
  color: #0B2340 !important;
}

/* 04 — TÍTULO PRINCIPAL DO CARROSSEL */

.vh-hero-slider h1 {
  color: #062B5B !important;
  font-family: "Manrope", "Inter", Arial, sans-serif !important;
  font-size: clamp(38px, 4.3vw, 62px) !important;
  line-height: 1.12 !important;
  letter-spacing: -1.8px !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

.vh-hero-slider h1 span {
  color: #8A6419 !important;
}

/* 05 — TEXTOS DA HERO */

.vh-hero-slider__eyebrow {
  color: #8A6419 !important;
  font-family: "Inter", Arial, sans-serif !important;
}

.vh-hero-slider__content > p {
  color: #40556A !important;
  font-family: "Inter", Arial, sans-serif !important;
}

/* 06 — BOTÃO PRINCIPAL DA HERO */

.vh-hero-slider .vh-hero-slider__primary,
.vh-hero-slider__primary {
  background: #062B5B !important;
  background-color: #062B5B !important;
  background-image: none !important;
  border-color: #062B5B !important;
  color: #FFFFFF !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-weight: 700 !important;
}

.vh-hero-slider__primary * {
  color: inherit !important;
}

.vh-hero-slider__primary:hover,
.vh-hero-slider__primary:focus-visible {
  background: #D4B15A !important;
  background-color: #D4B15A !important;
  border-color: #D4B15A !important;
  color: #0B2340 !important;
}

/* 07 — BOTÃO SECUNDÁRIO */

.vh-hero-slider .vh-hero-slider__secondary,
.vh-hero-slider__secondary {
  background: rgba(255,255,255,.88) !important;
  color: #062B5B !important;
  border: 1px solid #D4B15A !important;
  font-family: "Inter", Arial, sans-serif !important;
}

.vh-hero-slider__secondary:hover,
.vh-hero-slider__secondary:focus-visible {
  background: #F4E9C8 !important;
  color: #0B2340 !important;
  border-color: #D4B15A !important;
}

/* 08 — SETAS DO CARROSSEL: REMOVE O ROXO */

.vh-hero-slider .vh-hero-slider__arrow,
.vh-hero-slider__arrow {
  background: #062B5B !important;
  background-color: #062B5B !important;
  background-image: none !important;
  border: 1px solid #D4B15A !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 18px rgba(6,43,91,.16) !important;
}

.vh-hero-slider__arrow:hover,
.vh-hero-slider__arrow:focus-visible {
  background: #D4B15A !important;
  background-color: #D4B15A !important;
  border-color: #D4B15A !important;
  color: #0B2340 !important;
}

.vh-hero-slider__arrow svg {
  stroke: currentColor !important;
}

/* 09 — INDICADORES DO CARROSSEL */

.vh-hero-slider__dots button {
  background: rgba(6,43,91,.30) !important;
  border-color: transparent !important;
}

.vh-hero-slider__dots button.active,
.vh-hero-slider__dots button[aria-current="true"] {
  background: #D4B15A !important;
}

/* 10 — BOTÃO DE BUSCA */

.vh-search-clean__button {
  background: #062B5B !important;
  background-color: #062B5B !important;
  background-image: none !important;
  border-color: #062B5B !important;
  color: #FFFFFF !important;
  font-family: "Inter", Arial, sans-serif !important;
}

.vh-search-clean__button:hover,
.vh-search-clean__button:focus-visible {
  background: #D4B15A !important;
  border-color: #D4B15A !important;
  color: #0B2340 !important;
}

/* 11 — ACESSIBILIDADE */

.vh-header-clean :is(a,button):focus-visible,
.vh-hero-slider :is(a,button):focus-visible,
.vh-search-clean__form :is(input,select,button):focus-visible {
  outline: 3px solid #D4B15A !important;
  outline-offset: 3px;
}

/* 12 — AJUSTE PARA CELULAR */

@media (max-width: 650px) {
  .vh-hero-slider h1 {
    font-size: clamp(34px, 9vw, 44px) !important;
    letter-spacing: -1.2px !important;
  }

  .vh-hero-slider__content > p {
    font-size: 15px !important;
  }
}/* End custom CSS */