:root { --vt-header-space: 77px; }
body { margin: 0; }
.vt-page { position: relative; display: flow-root; }
section[style*="min-height:100vh"] { min-height: 0 !important; }
section.vt-hero-full { min-height: 100svh !important; }
.vt-ura-slot { display: contents; }
@media (max-width: 440px) {
  .vt-ura-acoes { justify-content: center; }
}
@media (max-width: 1023px) {
  .vt-ura-fluxo {
    transform: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-self: center !important;
  }
}
@media (max-width: 560px) {
  .vt-ura-slot {
    display: block;
    width: 100%;
    aspect-ratio: 1.2 / 1;
    container-type: inline-size;
    position: relative;
  }
  .vt-ura-fluxo {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 520px !important;
    max-width: none !important;
    height: 433px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    transform: scale(calc(100cqw / 520px)) !important;
    transform-origin: top left !important;
  }
}
.vt-fluxo { container-type: inline-size; }
.vt-fluxo-seta { display: flex; flex: none; align-items: center; justify-content: center; }
@keyframes vt-na-baixo {
  0%, 100% { transform: rotate(90deg); }
  50% { transform: rotate(90deg) translateX(6px); }
}
@container (max-width: 760px) {
  .vt-fluxo > div:first-child,
  .vt-fluxo > div:last-child { flex-basis: 100% !important; }
  .vt-fluxo-seta { flex: 1 0 100% !important; }
  .vt-fluxo-seta svg { animation-name: vt-na-baixo !important; }
}
#vt-card { contain: layout style; }
#vt-car { will-change: auto !important; }
#vt-cookies, #vt-cookies *, .vt-switch, .vt-lang-btn, .vt-menu-btn { box-sizing: border-box; }

.vt-only-desktop,
.vt-only-desktop-flex { display: none; }
.vt-only-mobile { display: flex; }
.vt-drawer { display: none; }

.vt-header {
  margin-top: 0;
  margin-bottom: -77px;
  background: transparent;
  border-bottom: 1px solid transparent;
}
.vt-nav-fg,
.vt-sol { color: #003285; }
.vt-nav-cta {
  --b: #003285;
  --bh: #00205A;
  background: var(--b);
}
.vt-menu-btn { color: #003285; }
.vt-tile { background: #F6F8FF; }
.vt-tile-ico { color: #003285; }
a:hover > .vt-tile,
a:hover .vt-tile { background: #FF7F3E; }
a:hover > .vt-tile .vt-tile-ico,
a:hover .vt-tile-ico { color: #fff; }

.vt-mega {
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: none;
}
.vt-topbar-slide a:hover { color: #FF7F3E !important; }
body.hero-escuro .vt-topbar-slide { border-bottom-color: rgba(154,164,200,.32) !important; }
body.hero-escuro .vt-topbar-slide a,
body.hero-escuro .vt-topbar-slide span { color: #9AA4C8 !important; }
body.hero-escuro .vt-topbar-slide a:hover { color: #FF7F3E !important; }

@media (min-width: 1024px) {
  :root { --vt-header-space: 111px; }
  .vt-only-desktop { display: block; }
  .vt-only-desktop-flex { display: flex; }
  .vt-only-mobile { display: none !important; }
  .vt-header { margin-top: 34px; margin-bottom: -111px; }
  [data-vt-action="mega-open"]:hover .vt-mega,
  [data-vt-action="mega-open"].is-open .vt-mega {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
}

body.is-scrolled .vt-header { margin-top: 0; margin-bottom: -77px; }
body.is-scrolled .vt-topbar-slide {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
body.hero-escuro:not(.is-scrolled):not(.menu-open) .vt-nav-fg,
body.hero-escuro:not(.is-scrolled):not(.menu-open) .vt-sol,
body.is-over-dark:not(.menu-open) .vt-nav-fg,
body.is-over-dark:not(.menu-open) .vt-sol,
body.hero-escuro:not(.is-scrolled):not(.menu-open) .vt-menu-btn,
body.is-over-dark:not(.menu-open) .vt-menu-btn { color: #fff; }
body.hero-escuro:not(.is-scrolled):not(.menu-open) .vt-nav-cta,
body.is-over-dark:not(.menu-open) .vt-nav-cta { --b: #FF7F3E; --bh: #FF9460; }
body.menu-open .vt-nav-fg,
body.menu-open .vt-sol,
body.menu-open .vt-menu-btn { color: #003285; }
body.menu-open .vt-nav-cta { --b: #003285; --bh: #00205A; }
body.is-scrolled:not(.is-over-dark) .vt-header,
body.menu-open .vt-header {
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(16px) saturate(1.5);
  -webkit-backdrop-filter: blur(16px) saturate(1.5);
  border-bottom-color: rgba(10,15,36,.08);
}
body.is-scrolled.is-over-dark:not(.menu-open) .vt-header {
  background: rgba(0,50,133,.82);
  backdrop-filter: blur(16px) saturate(1.4);
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  border-bottom-color: rgba(255,255,255,.1);
}
body.menu-open .vt-drawer { display: flex; }
@media (min-width: 1024px) {
  body.menu-open .vt-drawer { display: none; }
}

.vt-hero-grid { grid-template-columns: 1fr; }
@media (min-width: 1024px) {
  .vt-hero-grid { grid-template-columns: 1.3fr 1fr; }
  .vt-hero-grid.vt-hero-flip { grid-template-columns: 1fr 1.2fr; }
}

.vt-panel { display: none !important; }
.vt-panel.is-on { display: var(--vt-show, block) !important; }

.vt-tab {
  background: #fff !important;
  color: #003285 !important;
  border-color: #D5DBEE !important;
}
.vt-tab[data-vt-tab="pl"].is-on,
.vt-lang-btn.is-on {
  background: #003285 !important;
  color: #fff !important;
  border-color: #003285 !important;
}
.vt-tab[data-vt-tab="fn"].is-on,
.vt-tab[data-vt-tab="vb"].is-on {
  background: #FF7F3E !important;
  border-color: #FF7F3E !important;
  color: #fff !important;
}
.vt-tab[data-vt-tab="vb"].is-on { color: #003285 !important; }
.vt-lang-btn {
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  padding: 7px 11px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  color: #003285;
}
.vt-faq-chevron { transition: transform .2s ease; }
.vt-faq-btn[aria-expanded="true"] .vt-faq-chevron,
button[data-vt-faq][aria-expanded="true"] .vt-faq-chevron { transform: rotate(180deg); }
button[data-vt-faq][aria-expanded="true"] + .vt-faq-panel { grid-template-rows: 1fr !important; }

.vt-cob-slide { transition: transform .26s cubic-bezier(.4,0,.2,1); transform: translateX(0); }
[data-cob-mode="uf"] .vt-cob-slide { transform: translateX(calc(100% + 6px)); }
[data-vt-tab="cob-mode"] { color: #003285; }
[data-vt-tab="cob-mode"].is-on { color: #fff; }
[data-vt-cob-result].is-open { grid-template-rows: 1fr !important; }
.vt-cookies__badge.vt-panel.is-on { display: inline-block !important; }
.vt-ddd:focus,
#vt-cookies button:focus-visible,
select:focus { outline: 2px solid #003285; outline-offset: 2px; }

#vt-cookies {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 16px;
  z-index: 80;
  display: flex;
  justify-content: center;
  padding: 0 16px;
  pointer-events: none;
}
.vt-cookies__bar,
.vt-cookies__dialog { pointer-events: auto; }
.vt-cookies__bar {
  width: min(980px, 100%);
  background: #fff;
  color: #0A0F24;
  border: 1px solid #E6E9F4;
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(0,30,80,.32);
  padding: 22px 24px;
}
.vt-cookies__top { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-bottom: 8px; text-align: center; }
.vt-cookies__top h2 { margin: 0; font-size: 18px; color: #003285; text-align: center; }
.vt-cookies__langs { display: flex; gap: 4px; background: #F6F8FF; border: 1px solid #E6E9F4; border-radius: 999px; padding: 3px; }
.vt-cookies__bar p { margin: 0 auto 16px; max-width: 720px; font-size: 15px; line-height: 1.6; color: #2B3355; text-align: center; }
.vt-cookies__actions, .vt-cookies__dialog-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.vt-cookies__actions button, .vt-cookies__dialog-actions button {
  flex: 1 1 170px;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 800;
  padding: 14px 18px;
  border-radius: 12px;
  border: 1.5px solid #003285;
  background: #fff;
  color: #003285;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#vt-cookies .vt-cookies__accept,
#vt-cookies .vt-cookies__dialog-actions [data-vt-cookie="save"] {
  background: #FF7F3E !important;
  border-color: #FF7F3E !important;
  color: #fff !important;
}
.vt-cookies__modal {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(0,20,60,.42);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.vt-cookies__modal[hidden] { display: none !important; }
.vt-cookies__dialog {
  width: min(620px, 100%);
  max-height: 100%;
  overflow: auto;
  background: #fff;
  border-radius: 24px;
  padding: 28px;
}
.vt-cookies__dialog h3 { margin: 0 0 8px; color: #003285; font-size: 22px; }
.vt-cookies__dialog p { margin: 0; color: #4A5272; font-size: 14.5px; line-height: 1.55; }
.vt-cookies__row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
  padding: 16px;
  border: 1px solid #E6E9F4;
  border-radius: 16px;
}
.vt-cookies__row--lock { background: #F6F8FF; }
.vt-cookies__badge {
  display: inline-block;
  margin-left: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #003285;
  background: #FFDA78;
  border-radius: 999px;
  padding: 3px 9px;
}
.vt-cookies__badge--opt { color: #4A5272; background: #E6E9F4; }
.vt-switch {
  flex: none;
  width: 46px;
  height: 27px;
  border: 0;
  border-radius: 999px;
  background: #C3CAE0;
  position: relative;
  cursor: pointer;
}
.vt-switch::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #fff;
  transition: left .2s ease;
}
.vt-switch.is-on { background: #003285; }
.vt-switch.is-on::after { left: 22px; }
.vt-switch:disabled { opacity: .55; cursor: not-allowed; }
.vt-cookies__dialog-actions { justify-content: flex-end; margin-top: 22px; }
.vt-cookies__dialog-actions button { flex: none; }

#vt-car { cursor: grab; }
#vt-car::-webkit-scrollbar { display: none; }

#vt-cookies { min-width: 0; max-width: 100%; }
.vt-cookies__bar,
.vt-cookies__actions,
.vt-cookies__row > div { min-width: 0; }

@media (max-width: 1023px) {
  .vt-drawer {
    max-height: calc(100dvh - 76px);
    overflow: auto;
  }
  body.menu-open #vt-wa { visibility: hidden; }
  .vt-drawer-label {
    display: block;
    color: #6E6E6E;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 14px 0 8px;
    text-decoration: none;
  }
  .vt-drawer-sub + .vt-drawer-label {
    margin-top: 6px;
  }
  .vt-sp-vol {
    top: 0 !important;
    height: 100% !important;
  }
  .vt-sp-vol > i:first-child {
    height: 100% !important;
  }
  .vt-drawer-sub {
    display: block;
    color: #0A0F24;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    padding: 10px 0 10px 12px;
    border-bottom: 1px solid #E6EAFB;
  }

  .vt-hero-grid { overflow: hidden; }
  .vt-hero-grid > div {
    transform: none !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  h1[style*="nowrap"],
  h2[style*="nowrap"],
  h3[style*="nowrap"] { white-space: normal !important; }

  .vt-page [style*="width: 472px"],
  .vt-page [style*="width:472px"],
  .vt-page [style*="width: 520px"],
  .vt-page [style*="width:520px"],
  .vt-page [style*="width: 548px"],
  .vt-page [style*="width:548px"],
  .vt-page [style*="width: 577px"],
  .vt-page [style*="width:577px"],
  .vt-page [style*="width: 658px"],
  .vt-page [style*="width:658px"],
  .vt-page [style*="width: 686px"],
  .vt-page [style*="width:686px"],
  .vt-page [style*="width: 804px"],
  .vt-page [style*="width:804px"],
  .vt-page [style*="width: 852px"],
  .vt-page [style*="width:852px"],
  .vt-page [style*="width: 906px"],
  .vt-page [style*="width:906px"] {
    width: auto !important;
    max-width: 100% !important;
    left: auto !important;
    transform: none !important;
  }

  .vt-page [style*="width:560px"],
  .vt-page [style*="width: 560px"] {
    width: min(420px, 78vw) !important;
    height: min(420px, 78vw) !important;
  }

  .vt-cards { grid-template-rows: none !important; }
  .vt-compare {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
  }
  .vt-compare > div { min-width: 640px; }

  .vt-page [style*="min-width:1040px"] {
    min-width: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 28px !important;
  }
  #vt-hwl { display: none !important; }
  .vt-hws { width: 100% !important; }
  .vt-hws [style*="nowrap"] { white-space: normal !important; text-align: center !important; }

  img, video { max-width: 100%; }
  .vt-cookies__actions { flex-direction: column; }
  .vt-cookies__actions button { flex: none; width: 100%; }
  .vt-cookies__bar { padding: 16px; border-radius: 18px; }
  .vt-cookies__dialog { padding: 18px; }
  #vt-cookies { bottom: 8px; padding: 0 10px; }
}

@media (max-width: 699px) {
  .vt-cards { grid-template-columns: 1fr !important; }
  #solucoes a[style*="flex:1 1 150px"] { flex-basis: 100% !important; }
}
@media (min-width: 700px) and (max-width: 1023px) {
  .vt-cards { grid-template-columns: 1fr 1fr !important; }
}

.vt-carrossel-setas { display: none; }
@media (max-width: 1023px) {
  .vt-carrossel-setas-topo { display: none !important; }
  .vt-carrossel-miolo { position: relative; }
  .vt-carrossel-setas {
    display: flex;
    justify-content: space-between;
    position: absolute;
    z-index: 5;
    left: 8px;
    right: 8px;
    top: calc((100% - 64px) / 2);
    height: 48px;
    pointer-events: none;
  }
  .vt-carrossel-setas button {
    position: relative;
    z-index: 1;
    pointer-events: auto !important;
    touch-action: manipulation;
    box-shadow: 0 8px 22px rgba(10,15,36,.16);
  }
  #vt-car {
    position: relative;
    z-index: 1;
    padding-left: 68px !important;
    padding-right: 68px !important;
    scroll-padding-left: 68px !important;
  }
}

@media (max-width: 700px) {
  #vt-car > a { width: min(280px, calc(100vw - 152px)) !important; }
  .vt-colagem {
    width: 100% !important;
    justify-self: center !important;
  }
  .vt-selo {
    width: 42% !important;
    height: auto !important;
    right: 0 !important;
    padding: 8px 10px !important;
  }
  .vt-selo:nth-child(5) { top: 4% !important; }
  .vt-selo:nth-child(6) { top: 24% !important; }
  .vt-selo:nth-child(7) { top: 72% !important; }
  .vt-selo > div:first-child { font-size: 16px !important; }
  .vt-selo > div:last-child { font-size: 11px !important; line-height: 1.2 !important; }
}

#detalhes {
  scroll-margin-top: var(--vt-header-space, 77px);
}

.vt-kpi {
  container-type: inline-size;
}
@container (max-width: 449px) {
  .vt-kpi > :last-child {
    grid-column: 1 / -1;
  }
}
@container (max-width: 689px) {
  .vt-kpi--lg > :last-child {
    grid-column: 1 / -1;
  }
}
