/* hoovie core · estilos dos widgets. Cores sempre pelos globais do Kit (--e-global-color-*). */ .hv-w-root, [class*="elementor-widget-hv-"] { --hv-navy: var(--e-global-color-primary, #1A1F4D); --hv-purple: var(--e-global-color-secondary, #812990); --hv-mg: var(--e-global-color-accent, #D1007C); --hv-mg-link: var(--e-global-color-hvmglink, #C8007A); --hv-mg-hover: var(--e-global-color-hvmghover, #A80066); --hv-lilac: var(--e-global-color-hvlilas, #F4E6EF); --hv-bg: var(--e-global-color-hvfundo, #FBF7F8); --hv-txt: var(--e-global-color-text, #33333B); --hv-muted: var(--e-global-color-hvtxsuave, #5C5C66); --hv-navy-l: var(--e-global-color-hvmarclaro, #D8D9EA); --hv-line: var(--e-global-color-hvlinha, #D9D2DA); --hv-line-s: var(--e-global-color-hvlinhasv, #EEE8EE); } .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; } .hv-editor-note { padding: 12px 16px; border: 1px dashed var(--hv-purple); border-radius: 12px; color: var(--hv-purple); font: 500 13px/18px Inter, system-ui, sans-serif; background: rgba(255,255,255,.7); } .hv-hide-empty:has(.hv-empty-flag) { display: none !important; } .hv-eyebrow { display: block; font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hv-purple); } .hv-tag { display: inline-flex; align-items: center; font: 500 12px/18px Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hv-muted); border: 1px solid currentColor; border-radius: 999px; padding: 1px 10px; white-space: nowrap; } .hv-tag--dashed { border-style: dashed; } .hv-tag--small { font-size: 11px; padding: 0 8px; margin-top: 6px; } .hv-link { color: var(--hv-mg-link); font-weight: 500; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; } .hv-link:hover { color: var(--hv-mg-hover); } .hv-avatar { width: 56px; height: 56px; border-radius: 16px; object-fit: cover; flex: none; } .hv-avatar--initials { display: inline-flex; align-items: center; justify-content: center; background: var(--hv-lilac); color: var(--hv-purple); font: 600 18px/1 Inter, system-ui, sans-serif; } .hv-quote-mark { display: block; font: 700 96px/.8 Inter, system-ui, sans-serif; color: var(--hv-mg); height: 48px; } .hv-pills { display: flex; flex-wrap: wrap; gap: 8px; } html body .elementor .hv-pill { appearance: none; border: 1px solid var(--hv-line); background: #fff; color: var(--hv-navy); border-radius: 999px; padding: 8px 16px; font: 500 15px/20px Inter, system-ui, sans-serif; cursor: pointer; text-decoration: none; } html body .elementor .hv-pill:hover { border-color: var(--hv-navy); } html body .elementor .hv-pill.is-active { background: var(--hv-navy); border-color: var(--hv-navy); color: #fff; } html body .elementor .hv-btn-outline { appearance: none; border: 1.5px solid var(--hv-navy); background: transparent; color: var(--hv-navy); border-radius: 999px; padding: 12px 24px; font: 600 16px/24px Inter, system-ui, sans-serif; cursor: pointer; } html body .elementor .hv-btn-outline:hover { background: var(--hv-purple); border-color: var(--hv-purple); color: #fff; } .hv-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } .hv-chip { display: inline-block; border: 1px solid currentColor; border-radius: 999px; padding: 6px 14px; font: 500 14px/20px Inter, system-ui, sans-serif; color: inherit; text-decoration: none; } /* ---------- Navegação ---------- */ .hv-nav { position: relative; font-family: Inter, system-ui, sans-serif; } .hv-nav__list { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; align-items: center; } .hv-nav__item { position: relative; } .hv-nav__link { appearance: none; background: none; border: 0; border-bottom: 2px solid transparent; padding: 8px 14px; font: 500 16px/24px Inter, system-ui, sans-serif; color: var(--hv-navy); text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; } .hv-nav__link:hover { color: var(--hv-mg-hover); } .hv-nav__item.is-current > .hv-nav__link { border-bottom-color: var(--hv-navy); } .hv-nav__caret { width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform 150ms; } .hv-nav__link[aria-expanded="true"] .hv-nav__caret { transform: rotate(-135deg) translateY(-2px); } .hv-nav__sub { list-style: none; margin: 0; padding: 8px; position: absolute; top: calc(100% + 8px); left: 0; min-width: 240px; background: #fff; border-radius: 20px; box-shadow: 0 12px 40px rgba(26,31,77,.12); display: none; z-index: 50; } .hv-nav__link[aria-expanded="true"] + .hv-nav__sub { display: block; } .hv-nav__sublink { display: block; padding: 10px 14px; border-radius: 12px; color: var(--hv-navy); text-decoration: none; font: 500 16px/24px Inter, system-ui, sans-serif; } .hv-nav__sublink:hover, .hv-nav__sublink[aria-current] { background: var(--hv-bg); color: var(--hv-navy); } .hv-nav__toggle { display: none; appearance: none; background: none; border: 1px solid var(--hv-line); border-radius: 999px; padding: 8px 14px; font: 600 15px/20px Inter, system-ui, sans-serif; color: var(--hv-navy); align-items: center; gap: 8px; cursor: pointer; } .hv-nav__burger, .hv-nav__burger::before, .hv-nav__burger::after { display: block; width: 16px; height: 1.5px; background: currentColor; position: relative; transition: transform 200ms; } .hv-nav__burger::before, .hv-nav__burger::after { content: ""; position: absolute; left: 0; } .hv-nav__burger::before { top: -5px; } .hv-nav__burger::after { top: 5px; } .hv-nav__toggle[aria-expanded="true"] .hv-nav__burger { background: transparent; } .hv-nav__toggle[aria-expanded="true"] .hv-nav__burger::before { transform: translateY(5px) rotate(45deg); } .hv-nav__toggle[aria-expanded="true"] .hv-nav__burger::after { transform: translateY(-5px) rotate(-45deg); } @media (max-width: 1024px) { .hv-nav__toggle { display: inline-flex; } .hv-nav__list { display: none; position: fixed; inset: 72px 0 0 0; background: var(--hv-bg); flex-direction: column; align-items: stretch; padding: 24px; gap: 0; overflow-y: auto; z-index: 999; } .hv-nav.is-open .hv-nav__list { display: flex; } .hv-nav__link { width: 100%; justify-content: space-between; font-size: 22px; line-height: 32px; padding: 16px 0; border-bottom: 1px solid var(--hv-line); } .hv-nav__item.is-current > .hv-nav__link { border-bottom-color: var(--hv-line); color: var(--hv-purple); } .hv-nav__sub { position: static; box-shadow: none; background: transparent; padding: 0 0 8px 12px; min-width: 0; } .hv-nav__sublink { font-size: 18px; padding: 10px 0; } body.hv-nav-open { overflow: hidden; } } /* ---------- Idioma ---------- */ .hv-lang { display: inline-flex; gap: 6px; align-items: center; font: 500 14px/20px Inter, system-ui, sans-serif; color: var(--hv-navy); } .hv-lang a { color: inherit; text-decoration: none; } .hv-lang a:hover { color: var(--hv-mg-hover); } .hv-lang .is-active { font-weight: 600; } .hv-on-dark .hv-lang { color: #fff; } /* ---------- Big numbers ---------- */ .hv-num { display: grid; } .hv-num--row { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; row-gap: 32px; } .hv-num__item { border-top: 1px solid var(--hv-line); padding-top: 24px; } .hv-num--stack { gap: 0; } .hv-num--stack .hv-num__item { padding: 24px 0; border-bottom: 1px solid var(--hv-line); border-top: 0; } .hv-num--stack .hv-num__item:first-child { border-top: 1px solid var(--hv-line); } .hv-num__value { font: 700 60px/64px Inter, system-ui, sans-serif; letter-spacing: -.04em; color: var(--hv-navy); } .hv-num__cap { margin-top: 8px; font: 400 16px/23px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-on-dark .hv-num__item { border-color: rgba(255,255,255,.3); } .hv-on-dark .hv-num__value { color: #fff; } .hv-on-dark .hv-num__cap { color: var(--hv-navy-l); } /* ---------- Gráfico ---------- */ .hv-bars { margin: 0; } .hv-bars__plot { display: flex; align-items: flex-end; gap: 12px; height: 220px; } .hv-bars__col { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 8px; height: 100%; } .hv-bars__bar { display: block; width: 100%; height: var(--h); border-radius: 6px 6px 0 0; background: var(--hv-navy-l); transform-origin: bottom; transition: transform 1200ms cubic-bezier(.2,.6,.25,1); } .hv-bars__col:last-child .hv-bars__bar { background: var(--hv-navy); } html.hv-js body:not(.elementor-editor-active) .hv-bars:not(.hv-in) .hv-bars__bar { transform: scaleY(0); } .hv-bars__year { font: 400 13px/18px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-bars__cap { margin-top: 16px; font: 400 14px/20px Inter, system-ui, sans-serif; color: var(--hv-muted); } /* ---------- Na mídia ---------- */ .hv-press__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--hv-line); } .hv-press__item { display: grid; grid-template-columns: 200px 1fr auto; gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--hv-line); align-items: baseline; } .hv-press__outlet { font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hv-muted); } .hv-press__outlet small { display: block; letter-spacing: 0; text-transform: none; margin-top: 4px; } .hv-press__title { font: 500 18px/26px Inter, system-ui, sans-serif; color: var(--hv-navy); } .hv-press__link { color: var(--hv-mg-link); font: 600 16px/24px Inter, system-ui, sans-serif; text-decoration: none; white-space: nowrap; } .hv-press__link:hover { color: var(--hv-mg-hover); text-decoration: underline; } .hv-press__year { list-style: none; padding: 32px 0 8px; font: 600 24px/30px Inter, system-ui, sans-serif; color: var(--hv-navy); } @media (max-width: 767px) { .hv-press__item { grid-template-columns: 1fr; gap: 8px; } } /* ---------- Trajetória ---------- */ .hv-tl { position: relative; } .hv-tl__nav { position: absolute; right: 0; top: -88px; display: flex; gap: 12px; } html body .elementor .hv-tl__btn { width: 52px; height: 52px; border-radius: 999px; border: 1.5px solid var(--hv-navy); background: transparent; color: var(--hv-navy); font: 500 18px/1 Inter, system-ui, sans-serif; cursor: pointer; } html body .elementor .hv-tl__btn.is-filled { background: var(--hv-navy); color: #fff; } html body .elementor .hv-tl__btn:disabled { opacity: .35; cursor: default; } .hv-tl__viewport { position: relative; overflow: hidden; } .hv-tl__viewport::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 120px; background: linear-gradient(90deg, rgba(251,247,248,0), var(--hv-bg)); pointer-events: none; transition: opacity 200ms; } .hv-tl.is-end .hv-tl__viewport::after { opacity: 0; } .hv-tl__track { list-style: none; margin: 0; padding: 0 0 8px; display: flex; gap: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; cursor: grab; } .hv-tl__track::-webkit-scrollbar { display: none; } .hv-tl__track.is-dragging { cursor: grabbing; scroll-snap-type: none; } .hv-tl__item { flex: 0 0 264px; padding-right: 32px; position: relative; scroll-snap-align: start; } .hv-tl__item::before { content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 1px; background: var(--hv-line); } .hv-tl__dot { position: relative; display: block; width: 14px; height: 14px; border-radius: 999px; border: 2px solid var(--hv-navy); background: var(--hv-bg); margin-bottom: 24px; } .hv-tl__item.is-highlight .hv-tl__dot { background: var(--hv-mg); border-color: var(--hv-mg); } .hv-tl__year { display: block; font: 600 24px/30px Inter, system-ui, sans-serif; letter-spacing: -.02em; color: var(--hv-navy); margin-bottom: 8px; } .hv-tl__text { margin: 0; font: 400 16px/23px Inter, system-ui, sans-serif; color: var(--hv-txt); } .hv-tl__foot { display: flex; align-items: center; gap: 32px; margin-top: 40px; } .hv-tl__bar { flex: 1; height: 2px; background: var(--hv-line); position: relative; overflow: hidden; } .hv-tl__bar span { position: absolute; left: 0; top: 0; bottom: 0; width: var(--p, 20%); background: var(--hv-navy); transition: width 150ms linear; } .hv-tl__hint { margin: 0; font: 400 14px/20px Inter, system-ui, sans-serif; color: var(--hv-muted); white-space: nowrap; } @media (max-width: 767px) { .hv-tl__nav, .hv-tl__foot, .hv-tl__viewport::after { display: none; } .hv-tl__track { flex-direction: column; overflow: visible; cursor: auto; } .hv-tl__item { flex: none; padding: 0 0 28px 32px; } .hv-tl__item::before { left: 6px; right: auto; top: 14px; bottom: 0; width: 1px; height: auto; } .hv-tl__dot { position: absolute; left: 0; top: 4px; margin: 0; } } /* ---------- Integrações ---------- */ .hv-int__search { display: flex; align-items: center; max-width: 520px; height: 56px; border: 1px solid var(--hv-line); border-radius: 999px; background: #fff; padding: 0 20px 0 48px; margin-bottom: 72px; position: relative; } .hv-int__search::before { content: ""; position: absolute; left: 20px; top: 50%; width: 14px; height: 14px; border: 1.5px solid var(--hv-muted); border-radius: 999px; transform: translateY(-60%); } .hv-int__search::after { content: ""; position: absolute; left: 32px; top: 33px; width: 6px; height: 1.5px; background: var(--hv-muted); transform: rotate(45deg); } .hv-int__search input { flex: 1; border: 0; outline: 0; background: transparent; font: 400 16px/24px Inter, system-ui, sans-serif; color: var(--hv-txt); } .hv-int__section { margin-bottom: 72px; } .hv-int__head { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; margin-bottom: 16px; } .hv-int__title { margin: 0; font: 600 24px/30px Inter, system-ui, sans-serif; letter-spacing: -.02em; color: var(--hv-navy); } .hv-int__note { margin: 0; font: 400 13px/18px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-int__table { width: 100%; border-collapse: collapse; table-layout: fixed; } .hv-int__table th[scope=col] { text-align: left; font: 500 12px/18px Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hv-muted); padding: 0 24px 10px 0; border-bottom: 1.5px solid var(--hv-navy); } .hv-int__table th[scope=col]:first-child { width: 23%; } .hv-int__table th[scope=col]:nth-child(2) { width: 36%; } .hv-int__table.is-two th[scope=col]:nth-child(2) { width: auto; } .hv-int__row > * { text-align: left; vertical-align: top; padding: 20px 24px 20px 0; border-bottom: 1px solid var(--hv-line); } .hv-int__name { font: 600 16px/24px Inter, system-ui, sans-serif; color: var(--hv-navy); } .hv-int__name .hv-tag { display: table; } .hv-int__cell { font: 400 16px/24px Inter, system-ui, sans-serif; color: var(--hv-txt); } .hv-int__cell--prev { color: var(--hv-muted); } .hv-int__rownote { display: block; margin-top: 8px; font-size: 14px; line-height: 20px; } .hv-int__row[hidden], .hv-int__section[hidden] { display: none; } .hv-int__empty { padding: 32px; border-radius: 20px; background: var(--hv-lilac); color: var(--hv-navy); font: 500 18px/26px Inter, system-ui, sans-serif; } .hv-int mark { background: var(--hv-lilac); color: inherit; border-radius: 3px; } @media (max-width: 767px) { .hv-int__table, .hv-int__table tbody, .hv-int__row, .hv-int__row > * { display: block; width: auto !important; } .hv-int__table thead { display: none; } .hv-int__row { border-bottom: 1px solid var(--hv-line); padding: 16px 0; } .hv-int__row > * { border: 0; padding: 4px 0; } .hv-int__head { flex-direction: column; } } /* ---------- Moldura de tela e abas ---------- */ .hv-frame { border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 30px 70px rgba(26,31,77,.18); } .hv-frame__bar { display: flex; align-items: center; gap: 6px; height: 40px; padding: 0 16px; background: #F2EEF2; } .hv-frame__bar i { width: 10px; height: 10px; border-radius: 999px; background: #D3CBD4; } .hv-frame__bar span { margin-left: 16px; background: #fff; border-radius: 999px; padding: 2px 16px; font: 400 13px/20px Inter, system-ui, sans-serif; color: var(--hv-muted); min-width: 40%; } .hv-tabs__list { display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: #F2EEF2; } html body .elementor .hv-tabs__tab { appearance: none; border: 0; background: transparent; border-radius: 999px; padding: 10px 20px; font: 500 16px/24px Inter, system-ui, sans-serif; color: var(--hv-navy); cursor: pointer; } html body .elementor .hv-tabs__tab[aria-selected="true"] { background: var(--hv-navy); color: #fff; } .hv-demo__top { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; } .hv-demo__count { font: 400 14px/20px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-demo__desc { margin: 0 0 16px; color: var(--hv-muted); } .hv-demo__screen { height: 640px; background: #F7F5F7; position: relative; } .hv-demo__screen iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .hv-demo__anchor { position: relative; top: -120px; display: block; } .hv-demo__open { display: none !important; margin-top: 16px; } @media (max-width: 767px) { } /* ---------- Vídeo ---------- */ html body .elementor .hv-video, html body .elementor .hv-video:hover, html body .elementor .hv-video:focus { appearance: none; border: 0 !important; background: none !important; padding: 0 !important; border-radius: 0 !important; display: inline-flex; align-items: center; gap: 16px; cursor: pointer; font: 600 16px/24px Inter, system-ui, sans-serif; color: #fff; } .hv-video--dark { color: var(--hv-navy); } .hv-video__play { width: 64px; height: 64px; border-radius: 999px; background: var(--hv-mg); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; padding-left: 4px; transition: background 150ms, transform 150ms; } html body .elementor .hv-video:hover .hv-video__play { background: var(--hv-purple); transform: scale(1.04); } html body .elementor .hv-video[disabled] { opacity: .6; cursor: default; } .hv-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(10,12,32,.92); display: flex; align-items: center; justify-content: center; padding: 24px; } .hv-modal__box { width: min(1280px, 100%); aspect-ratio: 16/9; position: relative; } .hv-modal__box iframe { width: 100%; height: 100%; border: 0; border-radius: 12px; } .hv-modal__close { position: absolute; top: -48px; right: 0; appearance: none; background: none; border: 1px solid rgba(255,255,255,.5); color: #fff; border-radius: 999px; padding: 6px 16px; font: 600 14px/20px Inter, system-ui, sans-serif; cursor: pointer; } /* ---------- Copiar texto ---------- */ .hv-copy { background: #fff; border-radius: 24px; padding: 40px; } .hv-copy__head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; } .hv-copy__title { margin: 0; font: 600 24px/30px Inter, system-ui, sans-serif; color: var(--hv-navy); } html body .elementor .hv-copy__btn { appearance: none; border: 1.5px solid var(--hv-navy); background: transparent; color: var(--hv-navy); border-radius: 999px; padding: 8px 18px; font: 600 15px/20px Inter, system-ui, sans-serif; cursor: pointer; } html body .elementor .hv-copy__btn.is-done { background: var(--hv-navy); color: #fff; } .hv-copy__text p { margin: 0 0 16px; } /* ---------- Depoimentos ---------- */ .hv-testi__head { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; margin-bottom: 40px; } .hv-testi__title { margin: 0; } .hv-testi__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; } .hv-testi__item { margin: 0; background: #fff; border-radius: 24px; padding: 32px; display: flex; flex-direction: column; gap: 20px; } .hv-testi__quote { margin: 0; font: 500 22px/30px Inter, system-ui, sans-serif; color: var(--hv-navy); } .hv-testi__by { display: flex; gap: 16px; align-items: center; } .hv-testi__who { font: 400 15px/22px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-testi__who strong { color: var(--hv-navy); font-weight: 600; } /* ---------- Casos ---------- */ .hv-cases__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .hv-case { background: #fff; border-radius: 28px; padding: 12px; display: flex; flex-direction: column; } .hv-case__media { display: block; border-radius: 20px; overflow: hidden; aspect-ratio: 4/3; } .hv-case__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 600ms cubic-bezier(.2,.6,.25,1); } .hv-case:hover .hv-case__media img { transform: scale(1.03); } .hv-case__media--symbol { display: flex; align-items: center; justify-content: center; padding: 56px; } .hv-case__media--symbol.is-marinho { background: var(--hv-navy); } .hv-case__media--symbol.is-lilas { background: var(--hv-lilac); } .hv-case__media--symbol img { width: 60%; height: auto; object-fit: contain; } .hv-case__body { padding: 24px 16px 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; } .hv-case__eyebrow { font: 500 13px/18px Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hv-purple); } .hv-case__metric { font: 700 48px/52px Inter, system-ui, sans-serif; letter-spacing: -.04em; color: var(--hv-navy); } .hv-case__legend { margin: 0; color: var(--hv-muted); font: 400 15px/22px Inter, system-ui, sans-serif; } .hv-case__title { margin: 8px 0 auto; font: 600 20px/26px Inter, system-ui, sans-serif; color: var(--hv-navy); } .hv-case__title a { color: inherit; text-decoration: none; } .hv-case__title a::after { content: ""; position: absolute; inset: 0; } .hv-case { position: relative; } .hv-case .hv-link { margin-top: 16px; } .hv-cases__empty { background: var(--hv-lilac); border-radius: 28px; padding: 56px; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; } .hv-cases__empty p { margin: 0; font: 500 30px/38px Inter, system-ui, sans-serif; letter-spacing: -.02em; color: var(--hv-navy); max-width: 640px; } .hv-cases .hv-pills { margin-bottom: 32px; } .hv-pagination { margin-top: 48px; display: flex; gap: 8px; align-items: center; } .hv-pagination .page-numbers { min-width: 44px; height: 44px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; color: var(--hv-navy); text-decoration: none; font: 500 16px/1 Inter, system-ui, sans-serif; } .hv-pagination .current { background: var(--hv-navy); color: #fff; } @media (max-width: 1024px) { .hv-cases__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .hv-cases__grid { grid-template-columns: 1fr; } .hv-cases__empty { padding: 32px; } .hv-cases__empty p { font-size: 22px; line-height: 30px; } } /* Caso · hero, contexto, resultados, citação, corpo */ .hv-chero { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: center; } .hv-chero__text { grid-column: 1 / 7; display: flex; flex-direction: column; gap: 16px; padding-right: 32px; } .hv-chero__media { grid-column: 7 / 13; border-radius: 32px; overflow: hidden; aspect-ratio: 4/3; } .hv-chero__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .hv-chero__back { color: var(--hv-mg-link); font: 600 15px/20px Inter, system-ui, sans-serif; text-decoration: none; } .hv-chero__title { margin: 0; font: 700 64px/68px Inter, system-ui, sans-serif; letter-spacing: -.045em; color: var(--hv-navy); } .hv-chero__support { margin: 0; font: 400 18px/26px Inter, system-ui, sans-serif; color: var(--hv-txt); } .hv-chero__logo { max-height: 48px; width: auto; } @media (max-width: 767px) { .hv-chero__text, .hv-chero__media { grid-column: 1 / -1; padding: 0; } .hv-chero__title { font-size: 36px; line-height: 38px; } } .hv-cctx__text { grid-column: 1 / 8; } .hv-cctx { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: start; } .hv-cctx__text p { margin: 16px 0 0; font: 400 18px/26px Inter, system-ui, sans-serif; color: var(--hv-txt); } .hv-sheet { grid-column: 9 / 13; margin: 0; background: #fff; border: 1px solid #E6DEE5; border-radius: 24px; padding: 8px 24px; } .hv-sheet > div { padding: 14px 0; border-bottom: 1px solid var(--hv-line-s); } .hv-sheet > div:last-child { border-bottom: 0; } .hv-sheet dt { font: 500 12px/18px Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hv-muted); } .hv-sheet dd { margin: 2px 0 0; font: 600 16px/24px Inter, system-ui, sans-serif; color: var(--hv-navy); } @media (max-width: 767px) { .hv-cctx__text, .hv-sheet { grid-column: 1 / -1; } } .hv-cres .hv-eyebrow { color: var(--hv-navy-l); } .hv-cres__period { margin: 12px 0 40px; color: var(--hv-navy-l); font: 400 18px/26px Inter, system-ui, sans-serif; } .hv-cquote { margin: 0; max-width: 900px; } .hv-cquote__text { margin: 16px 0 32px; font: 300 40px/48px Inter, system-ui, sans-serif; letter-spacing: -.03em; color: var(--hv-navy); } .hv-cquote--inline { border-top: 2px solid var(--hv-navy); padding-top: 24px; margin: 40px 0; } .hv-cquote--inline .hv-quote-mark { display: none; } .hv-cquote--inline .hv-cquote__text { font: 500 22px/30px Inter, system-ui, sans-serif; margin-top: 0; } .hv-cquote__by { display: flex; gap: 16px; align-items: center; } .hv-cquote__who { font: 400 15px/22px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-cquote__who strong { color: var(--hv-navy); } @media (max-width: 767px) { .hv-cquote__text { font-size: 26px; line-height: 34px; } } .hv-cbody { max-width: 680px; } .hv-cbody__sec h2 { font: 500 30px/36px Inter, system-ui, sans-serif; letter-spacing: -.03em; color: var(--hv-navy); margin: 48px 0 16px; } .hv-cbody__rich { font: 400 18px/28px Inter, system-ui, sans-serif; color: var(--hv-txt); } .hv-cbody__fig { margin: 40px 0; border-radius: 16px; overflow: hidden; } .hv-cbody__fig img { display: block; width: 100%; height: auto; box-shadow: 0 12px 40px rgba(26,31,77,.12); } .hv-cbody__fig figcaption { margin-top: 12px; font: 400 14px/20px Inter, system-ui, sans-serif; color: var(--hv-muted); } /* ---------- Blog ---------- */ .hv-posts__bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 40px; flex-wrap: wrap; } .hv-posts__count { font: 400 14px/20px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-posts__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 24px; } .hv-posts__grid.is-loading { opacity: .5; transition: opacity 150ms; } .hv-post { position: relative; display: flex; flex-direction: column; gap: 8px; } .hv-post__media { display: block; aspect-ratio: 16/11; border-radius: 24px; overflow: hidden; background: var(--hv-lilac); margin-bottom: 16px; } .hv-post__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 600ms cubic-bezier(.2,.6,.25,1); } .hv-post:hover .hv-post__media img { transform: scale(1.03); } .hv-post__ph { display: block; width: 100%; height: 100%; } .hv-post__cat { font: 500 13px/18px Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hv-purple); } .hv-post__title { margin: 0; font: 600 22px/28px Inter, system-ui, sans-serif; letter-spacing: -.02em; color: var(--hv-navy); } .hv-post__title a { color: inherit; text-decoration: none; } .hv-post__title a::after { content: ""; position: absolute; inset: 0; } .hv-post__meta { font: 400 14px/20px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-posts__more { display: flex; justify-content: center; margin-top: 56px; } @media (max-width: 1024px) { .hv-posts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .hv-posts__grid { grid-template-columns: 1fr; gap: 40px; } } .hv-feat { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: center; } .hv-feat__media { grid-column: 1 / 8; border-radius: 32px; overflow: hidden; aspect-ratio: 16/10; background: var(--hv-lilac); } .hv-feat__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .hv-feat__body { grid-column: 8 / 13; display: flex; flex-direction: column; gap: 16px; padding-left: 24px; } .hv-feat__title { margin: 0; font: 500 40px/46px Inter, system-ui, sans-serif; letter-spacing: -.03em; color: var(--hv-navy); } .hv-feat__title a { color: inherit; text-decoration: none; } .hv-feat__excerpt { margin: 0; font: 400 16px/23px Inter, system-ui, sans-serif; color: var(--hv-txt); } @media (max-width: 767px) { .hv-feat__media, .hv-feat__body { grid-column: 1 / -1; padding: 0; } .hv-feat__title { font-size: 27px; line-height: 31px; } } .hv-crumb { font: 500 13px/18px Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hv-purple); } .hv-crumb a { color: inherit; text-decoration: none; } .hv-crumb a:hover { color: var(--hv-mg-hover); } .hv-author { display: flex; gap: 14px; align-items: center; font: 400 14px/20px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-author strong { color: var(--hv-navy); font-weight: 600; } .hv-toc { position: sticky; top: 120px; } .hv-toc summary { cursor: pointer; list-style: none; margin-bottom: 12px; } .hv-toc summary::-webkit-details-marker { display: none; } .hv-toc ol { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--hv-line); } .hv-toc a { display: block; padding: 8px 0 8px 16px; margin-left: -1px; border-left: 2px solid transparent; color: var(--hv-muted); text-decoration: none; font: 400 15px/22px Inter, system-ui, sans-serif; } .hv-toc a:hover { color: var(--hv-navy); } .hv-toc a.is-active { color: var(--hv-navy); border-left-color: var(--hv-navy); font-weight: 500; } @media (max-width: 1024px) { .hv-toc { position: static; background: #fff; border-radius: 20px; padding: 16px 20px; } .hv-toc summary::after { content: " ▾"; } } .hv-post-cta { margin: 48px 0; } /* Corpo do post (widget Conteúdo do post do Elementor Pro) */ .single-post .elementor-widget-theme-post-content { font: 400 18px/28px Inter, system-ui, sans-serif; color: var(--hv-txt); } .single-post .elementor-widget-theme-post-content h2 { font: 500 30px/36px Inter, system-ui, sans-serif; letter-spacing: -.03em; color: var(--hv-navy); margin: 48px 0 16px; scroll-margin-top: 120px; } .single-post .elementor-widget-theme-post-content h2, .single-post .elementor-widget-theme-post-content h3 { scroll-margin-top: 160px; } .single-post .elementor-widget-theme-post-content h3 { font: 600 22px/28px Inter, system-ui, sans-serif; color: var(--hv-navy); margin: 32px 0 12px; } .single-post .elementor-widget-theme-post-content img { border-radius: 16px; height: auto; } /* ---------- Simulação de IA ---------- */ .hv-ai { background: #fff; border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 16px; min-height: 640px; color: var(--hv-navy); } .hv-ai__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .hv-ai__label { font: 500 14px/20px Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hv-muted); } .hv-ai__stage { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; gap: 12px; overflow: hidden; } .hv-ai__user { align-self: flex-end; max-width: 85%; background: var(--hv-navy); color: #fff; border-radius: 18px 18px 4px 18px; padding: 12px 16px; font: 400 16px/23px Inter, system-ui, sans-serif; } .hv-ai__msg { display: flex; align-items: center; gap: 10px; font: 400 16px/23px Inter, system-ui, sans-serif; } .hv-ai__msg img { width: 36px; height: auto; } .hv-ai__thinking { color: var(--hv-muted); } .hv-ai__thinking span::after { content: ""; animation: hv-dots 1.2s steps(4) infinite; } @keyframes hv-dots { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75% { content: "..."; } } .hv-ai__group { display: flex; flex-direction: column; gap: 12px; } .hv-ai__chips { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .hv-ai__chip { background: #F4F4FA; border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; } .hv-ai__chip span { font: 400 14px/20px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-ai__chip strong { font: 600 16px/24px Inter, system-ui, sans-serif; } .hv-ai__results { display: flex; flex-direction: column; gap: 8px; } .hv-ai__result { display: flex; gap: 12px; padding: 12px; border-radius: 12px; border: 1px solid var(--hv-line-s); } .hv-ai__icon { width: 36px; height: 36px; flex: none; border-radius: 10px; background: var(--hv-navy); position: relative; } .hv-ai__icon::after { content: "✈"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; } .hv-ai__icon--hotel::after { content: "▤"; } .hv-ai__rbody { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; } .hv-ai__rtop { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font: 600 15px/22px Inter, system-ui, sans-serif; } .hv-ai__detail { font: 400 14px/20px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-ai__ok { align-self: flex-start; padding: 2px 10px; border-radius: 999px; background: #DCF0E8; color: #1E7A4F; font: 600 13px/18px Inter, system-ui, sans-serif; } .hv-ai__ok::before { content: "✓ "; } .hv-ai__summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 12px 12px 16px; border-radius: 12px; border: 1px solid var(--hv-purple); } .hv-ai__summary div { display: flex; flex-direction: column; } .hv-ai__summary span { font: 400 13px/18px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-ai__summary strong { font: 700 18px/24px Inter, system-ui, sans-serif; } html body .elementor .hv-ai__send { appearance: none; border: 0; border-radius: 999px; background: var(--hv-navy); color: #fff; padding: 0 18px; min-height: 44px; font: 600 15px/20px Inter, system-ui, sans-serif; cursor: pointer; } html body .elementor .hv-ai__send:hover { background: var(--hv-purple); } .hv-ai__sent { font: 600 15px/20px Inter, system-ui, sans-serif; color: #1E7A4F; } .hv-ai__sent::before { content: "✓ "; } .hv-ai__input { min-height: 48px; display: flex; align-items: center; padding: 0 16px; border-radius: 999px; border: 1px solid var(--hv-line); font: 400 16px/23px Inter, system-ui, sans-serif; color: var(--hv-txt); white-space: nowrap; overflow: hidden; } .hv-ai__placeholder { color: var(--hv-muted); } .hv-ai__typing:not(:empty)::after { content: "|"; animation: hv-blink 1s steps(2) infinite; margin-left: 1px; } @keyframes hv-blink { 50% { opacity: 0; } } html body .elementor .hv-ai__replay { align-self: flex-end; appearance: none; background: none; border: 0; color: var(--hv-navy); font: 500 15px/20px Inter, system-ui, sans-serif; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; } /* Estados: data-step no card controla o que aparece. Sem JS, mostra o estado final. */ .hv-ai [data-from], .hv-ai [data-only] { transition: opacity 380ms cubic-bezier(.2,.6,.25,1), transform 380ms cubic-bezier(.2,.6,.25,1); } .hv-ai[data-step="0"] [data-from], .hv-ai[data-step="1"] [data-from="2"], .hv-ai[data-step="1"] [data-from="3"], .hv-ai[data-step="1"] [data-from="4"], .hv-ai[data-step="1"] [data-from="5"], .hv-ai[data-step="2"] [data-from="3"], .hv-ai[data-step="2"] [data-from="4"], .hv-ai[data-step="2"] [data-from="5"], .hv-ai[data-step="3"] [data-from="4"], .hv-ai[data-step="3"] [data-from="5"], .hv-ai[data-step="4"] [data-from="5"] { display: none; } .hv-ai:not([data-step="1"]) [data-only="1"], .hv-ai:not([data-step="4"]) [data-only="4"] { display: none; } .hv-ai[data-step="0"] .hv-ai__placeholder, .hv-ai:not([data-step="0"]) .hv-ai__typing { } .hv-ai.is-typing .hv-ai__placeholder { display: none; } .hv-ai:not(.is-typing) .hv-ai__typing { display: none; } .hv-ai:not([data-step="0"]) .hv-ai__placeholder { display: inline; } .hv-ai .is-new { animation: hv-fade 380ms cubic-bezier(.2,.6,.25,1) both; } @keyframes hv-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } @media (max-width: 767px) { .hv-ai { min-height: 560px; padding: 20px; } .hv-ai__chips { grid-template-columns: 1fr 1fr; } } /* ---------- Obrigado e banner ---------- */ .hv-thanks { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; } .hv-thanks__title { margin: 0; font: 700 64px/68px Inter, system-ui, sans-serif; letter-spacing: -.045em; color: var(--hv-navy); } .hv-thanks__text { margin: 0; max-width: 560px; font: 400 18px/26px Inter, system-ui, sans-serif; } @media (max-width: 767px) { .hv-thanks__title { font-size: 36px; line-height: 38px; } } .hv-promo { display: block; } .hv-promo img { display: block; width: 100%; height: auto; border-radius: 24px; } .hv-opt a { color: inherit; } .hv-opt__name { display: block; font-weight: 600; color: var(--hv-navy); } .hv-opt__note { display: block; color: var(--hv-muted); margin-top: 4px; } .hv-channels { margin: 0; display: grid; gap: 12px; } .hv-channels dt { font: 500 13px/18px Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hv-muted); } .hv-channels dd { margin: 2px 0 0; } .hv-channels a { color: var(--hv-navy); font-weight: 500; } @media (prefers-reduced-motion: reduce) { .hv-bars__bar, .hv-case__media img, .hv-post__media img { transition: none !important; transform: none !important; } .hv-ai .is-new, .hv-ai__thinking span::after, .hv-ai__typing::after { animation: none !important; } } /* ---------- Kit de imprensa ---------- */ .hv-kit { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .hv-kit__item { background: #fff; border-radius: 24px; padding: 32px; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; min-height: 240px; } .hv-kit__item.is-highlight { background: var(--hv-lilac); } .hv-kit__title { margin: 0 0 8px; font: 600 22px/30px Inter, system-ui, sans-serif; color: var(--hv-navy); } .hv-kit__desc { margin: 0 0 12px; font: 400 16px/24px Inter, system-ui, sans-serif; color: var(--hv-txt); } .hv-kit__meta { font: 400 14px/20px Inter, system-ui, sans-serif; color: var(--hv-muted); } .hv-kit__btn { align-self: flex-start; border: 1.5px solid var(--hv-navy); border-radius: 999px; padding: 8px 18px; color: var(--hv-navy); font: 600 15px/20px Inter, system-ui, sans-serif; text-decoration: none; } .hv-kit__btn:hover { background: var(--hv-purple); border-color: var(--hv-purple); color: #fff; } .hv-kit__soon { align-self: flex-start; font: 500 13px/18px Inter, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--hv-muted); } @media (max-width: 1024px) { .hv-kit { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .hv-kit { grid-template-columns: 1fr; } } /* Menu: o Kit do Elementor estiliza todo e