/* Ajustes da Horion por cima do CSS do clone. Carregado por último. */

/* botão principal (fundo azul): texto branco */
.cta-button--primary { color: #fff !important; }
.cta-button--primary:hover { color: #fff !important; }

/* menus suspensos do header não existem no site da Horion: os itens viram âncoras */
.nav-dropdown-trigger svg,
.nav-dropdown-trigger .drawer-chevron { display: none !important; }
.nav-dropdown-trigger { cursor: pointer; }
[class*="navigation-menu-content"],
[class*="nav-dropdown-content"],
[class*="dropdown-panel"],
.navigation-menu-viewport { display: none !important; }

/* créditos da agência do site original */
.credits { display: none !important; }

/* selo no rodapé: logo Horion Agro no lugar do Gartner */
.gartner-logo { width: auto !important; height: 44px !important; }

/* logo: os <svg> originais são do Vue; escondemos os desenhos e mostramos o logo Horion como fundo */
svg.logo, svg.mobile-drawer-logo-icon, svg.terminal-logo {
  background: url(/static/images/horion-logo.svg) no-repeat left center / contain !important;
}
svg.logo path, svg.mobile-drawer-logo-icon path, svg.terminal-logo path { display: none !important; }

/* lista de links escondida para SEO (vem do site original) e painéis do menu suspenso */
.nav-hidden-seo,
[id^="reka-navigation-menu"][id*="content"],
[data-reka-navigation-menu-viewport],
[data-navigation-menu-viewport],
.nav-dropdown-trigger .arrow-icon,
.drawer-section, .drawer-sublink, .drawer-chevron { display: none !important; }

/* ===== Tipografia: General Sans em tudo; títulos em semi-bold ===== */
h1, h2, h3,
.title-h1, .title-h2, .title-h3, .title-h4, .title-si, .title-sequence,
.footer-title, .card-title-expanded, .title__wrapper,
.roi-calculator__results-headline, .roi-calculator__results-amount, .roi-calculator__title, .roi-calculator__cta-title,
.scroll-item strong, .scroll-item b { font-weight: 600 !important; }
.title-si, .title-sequence, .title-h1, .title-h2, .footer-title, .card-title-expanded { letter-spacing: -0.015em !important; }
.accordion-item__title { font-weight: 500 !important; }

/* ===== Cabeçalho ===== */
.site-header .inner {
  padding: 12px 14px 12px 22px !important; gap: 34px !important;
  background: rgba(9, 28, 46, 0.86) !important; -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important; /* menos desfoque, navy mais firme */
  border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px !important;
}
.site-header .logo-link { height: 44px !important; }
svg.logo { width: auto !important; height: 34px !important; aspect-ratio: 156 / 44.5; }
.site-header nav.nav > ul { gap: 26px !important; }
.nav-dropdown-trigger, .site-header nav.nav a { font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0 !important; color: rgba(255, 255, 255, 0.88) !important; padding: 10px 0 !important; transition: color .2s; }
.nav-dropdown-trigger:hover, .site-header nav.nav a:hover { color: #fff !important; }
.site-header .header-actions, .site-header .header-cta { margin-left: 6px; }
a.cta-button { height: 44px !important; padding: 0 22px !important; border-radius: 10px !important; letter-spacing: 1.6px !important; white-space: nowrap !important; }
a.cta-button .link-active { display: flex !important; align-items: center; gap: 0.5em; }
.cta-button-word { display: inline-block !important; }
.drawer-cta-button .cta-button-word { display: inline-block !important; margin-right: 0.5em; }


/* ===== Header: um CTA só ===== */
.cta-button--secondary, .cta-button--tertiary,
.drawer-cta-button--secondary, .drawer-cta-button--tertiary { display: none !important; }

/* ===== Rodapé: selo sem segundo logo (fica só o texto) ===== */
.gartner-logo { display: none !important; }

/* ===== Botões de ação: fundo azul, texto branco (site inteiro) ===== */
.product-grid__cta-button, .product-grid__cta-button.button,
.features-carousel-expandable a.cta-button, .card-cta a.cta-button,
.roi-calculator__cta-button, input.button-send, .button-send,
a.button-tilt.header-link, a.cta-button--primary {
  background: #0082fb !important; background-color: #0082fb !important; color: #fff !important;
  border: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  transition: background-color .25s ease, transform .25s ease !important;
}
.product-grid__cta-button:hover, .features-carousel-expandable a.cta-button:hover, .card-cta a.cta-button:hover,
.roi-calculator__cta-button:hover, input.button-send:hover:not(:disabled), a.button-tilt.header-link:hover, a.cta-button--primary:hover {
  background: #006ad1 !important; background-color: #006ad1 !important; color: #fff !important;
}
.product-grid__cta-button *, .features-carousel-expandable a.cta-button *, .card-cta a.cta-button *,
a.button-tilt.header-link *, a.button-tilt.header-link .--char, a.cta-button--primary * { color: #fff !important; }
.cta-button:before { background-color: #006ad1 !important; }
.cta-button .link-active:after, .button .link-active:after, .button-tilt .--line:after { background-color: #fff !important; }
input.button-send:disabled { opacity: .55 !important; }

/* ===== Cards "Comece por um problema": mesmo tamanho, sem pré-título ===== */
.product-grid__eyebrow { display: none !important; }
.product-grid__grid { align-items: stretch !important; }
@media (min-width: 1024px) { .product-grid__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
.product-grid__card { height: 100%; }
.product-grid__card-text { flex: 1 1 auto; }
.product-grid__card-media { flex: none; }
.product-grid__card-cta { margin-top: 0; }

/* ===== Calculadora: sem o card de e-mail dentro do painel ===== */
.roi-calculator__cta { display: none !important; }

/* ===== Plataforma: cards menores (cabem na tela do notebook) ===== */
@media (min-width: 1024px) {
  .features-carousel-expandable-card { aspect-ratio: auto !important; height: 460px !important; }
  .features-carousel-expandable-card .card-content__wrapper { aspect-ratio: auto !important; height: 460px !important; }
  .features-carousel-expandable-card .expanded-content { padding: 2.75rem 3rem 2rem 2.75rem !important; gap: 1.25rem !important; }
  .features-carousel-expandable-card .card-content__wrapper { padding: 2rem 2rem 1.5rem 2rem !important; }
  .features-carousel-expandable-card .card-title-expanded { font-size: 2.25rem !important; line-height: 1.1 !important; }
  .features-carousel-expandable-card .title__wrapper { font-size: 2rem !important; line-height: 1.12 !important; }
  .features-carousel-expandable-card .expanded-content p { font-size: 1.125rem !important; line-height: 1.5 !important; max-width: 40rem; }
}

/* ===== Depoimento removido ===== */
.notch-section__wrapper:has(.quote-block) { display: none !important; }

/* ===== Cabeçalho: 32px do topo; some ao descer, volta ao subir ===== */
.site-header { top: 32px !important; transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .3s ease !important; }
.site-header.hz-oculto { transform: translate3d(0, calc(-100% - 48px), 0) !important; }

/* ===== Seção final de contato ===== */
.form-reference {
  padding: 0 !important; position: relative; overflow: hidden;
  background-color: #091c2e !important;
  background-image:
    radial-gradient(50% 70% at 0% 100%, rgba(0, 130, 251, .30), transparent 62%),
    radial-gradient(40% 55% at 100% 0%, rgba(0, 130, 251, .16), transparent 60%) !important;
  background-size: auto, auto !important;
}
.form-reference .form-wrapper.form-wrapper--dark {
  max-width: 1320px; margin: 0 auto !important; border-radius: 0; position: relative;
  background: transparent !important;
  padding: 128px 64px !important; color: #fff !important;
  display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); column-gap: 96px; row-gap: 0 !important;
  grid-template-areas: "titulo form" "info form"; align-items: start; height: auto !important; min-height: 0 !important;
}
.form-wrapper--dark .form-content { display: contents !important; }
.form-wrapper--dark .form-title { grid-area: titulo; text-align: left !important; margin: 0 0 32px !important; width: auto !important; max-width: 560px; }
.form-wrapper--dark .form-title h2 { text-align: left !important; font-size: 56px !important; line-height: 1.04 !important; letter-spacing: -0.02em !important; color: #fff !important; }
.form-wrapper--dark .form-title h2 strong, .form-wrapper--dark .form-title h2 .--char { color: #fff !important; }
.form-wrapper--dark .form-title h2:nth-of-type(2) strong, .form-wrapper--dark .form-title h2:nth-of-type(2) .--char { color: #5cb2ff !important; }
.form-wrapper--dark .form-title table { display: none !important; }

.form-wrapper--dark .form-info-column { grid-area: info; width: auto !important; max-width: 560px; }
.form-wrapper--dark .form-info > p:first-child, .form-wrapper--dark .form-info > p:first-child span { font-size: 19px !important; line-height: 1.55 !important; color: rgba(255, 255, 255, .72) !important; }
.form-wrapper--dark .form-info > p:first-child { margin: 0 0 36px !important; }
.form-wrapper--dark .form-info ul.unordered-list { list-style: none !important; padding: 0 !important; margin: 0 0 32px !important; border: 0 !important; counter-reset: passo; }
.form-wrapper--dark .form-info ul.unordered-list::before, .form-wrapper--dark .form-info ul.unordered-list::after { display: none !important; }
.form-wrapper--dark .form-info ul.unordered-list li { counter-increment: passo; position: relative; list-style: none !important; padding: 22px 0 22px 52px !important; margin: 0 !important; border-top: 1px solid rgba(255, 255, 255, .1); }
.form-wrapper--dark .form-info ul.unordered-list li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .1); }
.form-wrapper--dark .form-info ul.unordered-list li::marker { content: none; }
.form-wrapper--dark .form-info ul.unordered-list li::before {
  content: "" !important; position: absolute; left: 0; top: 22px; width: 28px; height: 28px;
  display: block !important; background: transparent center / 28px no-repeat !important; border: 0 !important; transform: none !important;
}
.form-wrapper--dark .form-info ul.unordered-list li:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235cb2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z'/%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1'/%3E%3C/svg%3E") !important; }
.form-wrapper--dark .form-info ul.unordered-list li:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235cb2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.1 6.3 9.9 4.2a2 2 0 0 0-1.8 0L3.6 6.5A1 1 0 0 0 3 7.4v12a1 1 0 0 0 1.4.9l3.7-1.9a2 2 0 0 1 1.8 0l4.2 2.1a2 2 0 0 0 1.8 0l4.5-2.3a1 1 0 0 0 .6-.9v-12a1 1 0 0 0-1.4-.9l-3.7 1.9a2 2 0 0 1-1.8 0z'/%3E%3Cpath d='M15 5.8v15M9 3.2v15'/%3E%3C/svg%3E") !important; }
.form-wrapper--dark .form-info ul.unordered-list li:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235cb2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='m9 15 2 2 4-4'/%3E%3C/svg%3E") !important; }
.form-wrapper--dark .form-info ul.unordered-list li p, .form-wrapper--dark .form-info ul.unordered-list li p span { font-size: 20px !important; line-height: 1.3 !important; font-weight: 600 !important; color: #fff !important; margin: 0 !important; padding: 0 !important; }
.form-wrapper--dark .form-info ul.unordered-list li::after { display: block; margin-top: 6px; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, .62); font-weight: 400; }
.form-wrapper--dark .form-info ul.unordered-list li:nth-child(1)::after { content: "Você conta onde a operação trava. A gente escuta e pergunta, sem apresentação de vendas."; }
.form-wrapper--dark .form-info ul.unordered-list li:nth-child(2)::after { content: "Em poucos dias desenhamos o fluxo atual, os gargalos e quanto eles custam por mês."; }
.form-wrapper--dark .form-info ul.unordered-list li:nth-child(3)::after { content: "Escopo, prazo e investimento por etapa, com o ganho estimado antes de começar."; }
.form-wrapper--dark .form-info > p:nth-of-type(2) { margin: 0 !important; }
.form-wrapper--dark .form-info > p:nth-of-type(2) br { display: none !important; }
.form-wrapper--dark .form-info > p:nth-of-type(2) span { display: inline-flex !important; align-items: center; gap: 10px; font-size: 15px !important; line-height: 1.5 !important; color: rgba(255, 255, 255, .7) !important; }
.form-wrapper--dark .form-info > p:nth-of-type(2) span::before { content: ""; flex: none; width: 20px; height: 20px; border-radius: 50%; background: rgba(46, 230, 166, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232ee6a6' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat; }
.form-wrapper--dark .form-info > p:has(img) { display: none !important; }

.form-wrapper--dark .form-section {
  grid-area: form; width: auto !important; max-width: none !important; align-self: start; margin: 0 !important;
  background: rgba(255, 255, 255, .045) !important; border: 1px solid rgba(255, 255, 255, .12); border-radius: 24px !important;
  padding: 40px !important; box-shadow: 0 30px 80px rgba(0, 0, 0, .35) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.form-wrapper--dark .form-section > div { width: 100% !important; max-width: none !important; }
.form-wrapper--dark .form-section > div::before { content: "Conte o seu caso"; display: block; font-size: 22px; font-weight: 600; letter-spacing: -0.01em; color: #fff; margin-bottom: 24px; }
.form-wrapper--dark .form-section .fields-grid { gap: 18px 16px !important; row-gap: 18px !important; }
.form-wrapper--dark .form-section label { font-size: 13px !important; font-weight: 500 !important; color: rgba(255, 255, 255, .72) !important; margin-bottom: 8px !important; letter-spacing: 0 !important; }
.form-wrapper--dark .form-section input:not([type=submit]), .form-wrapper--dark .form-section select, .form-wrapper--dark .form-section textarea {
  width: 100% !important; height: 50px !important; padding: 0 16px !important; border-radius: 12px !important;
  background: rgba(255, 255, 255, .06) !important; border: 1px solid rgba(255, 255, 255, .14) !important; color: #fff !important;
  font-size: 15px !important; transition: border-color .2s, box-shadow .2s, background .2s !important;
}
.form-wrapper--dark .form-section textarea { height: 110px !important; padding: 14px 16px !important; }
.form-wrapper--dark .form-section input::placeholder, .form-wrapper--dark .form-section textarea::placeholder { color: rgba(255, 255, 255, .38) !important; }
.form-wrapper--dark .form-section input:focus, .form-wrapper--dark .form-section select:focus, .form-wrapper--dark .form-section textarea:focus {
  outline: none !important; border-color: #0082fb !important; background: rgba(0, 130, 251, .08) !important; box-shadow: 0 0 0 4px rgba(0, 130, 251, .22) !important;
}
.form-wrapper--dark .form-section select option { color: #091c2e; }
.form-wrapper--dark .form-section .field-wrapper::after, .form-wrapper--dark .form-section .field-wrapper::before { display: none !important; }
.form-wrapper--dark .form-navigation { margin-top: 28px !important; }
.form-wrapper--dark input.button-send { height: 56px !important; border-radius: 12px !important; width: 100% !important; max-width: none !important; font-size: 12px !important; letter-spacing: .16em !important; }

@media (max-width: 1023px) {
  .form-reference .form-wrapper.form-wrapper--dark { grid-template-columns: minmax(0, 1fr); grid-template-areas: "titulo" "info" "form"; padding: 72px 20px !important; border-radius: 0; row-gap: 0; }
  .form-wrapper--dark .form-info ul.unordered-list li { padding-left: 44px !important; }
  .form-wrapper--dark .form-info ul.unordered-list li::before { width: 24px; height: 24px; background-size: 24px !important; }
  .form-wrapper--dark .form-title h2 { font-size: 38px !important; }
  .form-wrapper--dark .form-info ul.unordered-list { margin-bottom: 24px !important; }
  .form-wrapper--dark .form-info-column { margin-bottom: 32px; }
  .form-wrapper--dark .form-section { padding: 24px !important; }
}

/* correções: título do card ativo da plataforma e título/recuo do contato */
@media (min-width: 1024px) {
  .features-carousel-expandable-card .expanded-content .card-title-expanded p { font-size: 2.5rem !important; line-height: 1.08 !important; font-weight: 600 !important; letter-spacing: -0.02em !important; max-width: 36rem; }
}
.form-wrapper--dark .form-title h2 strong, .form-wrapper--dark .form-title h2 strong *, .form-wrapper--dark .form-title h2 .--char { font-weight: 600 !important; }
.form-wrapper--dark .form-info-column, .form-wrapper--dark .form-info, .form-wrapper--dark .form-info > p:first-child { margin-top: 0 !important; padding-top: 0 !important; }
.form-reference .form-wrapper.form-wrapper--dark { align-content: start !important; grid-template-rows: auto 1fr; }

/* ===== Espaçamento entre seções (desktop): 160px entre seções, 72px título → conteúdo ===== */
@media (min-width: 1024px) {
  /* blocos de título (Calculadora, Por que a Horion, Quem está por trás) */
  .section-introduction.hp-si2 { padding-bottom: 72px !important; }
  .product-grid + .notch-separator__wrapper + .notch-section__wrapper .section-introduction.hp-si2,
  .product-grid + .notch-section__wrapper .section-introduction.hp-si2 { padding-top: 70px !important; }
  .roi-calculator-reference + .notch-section__wrapper .section-introduction.hp-si2,
  .roi-calculator-reference + .notch-separator__wrapper + .notch-section__wrapper .section-introduction.hp-si2 { padding-top: 160px !important; }
  .features-carousel-expandable-section + .notch-section__wrapper .section-introduction.hp-si2,
  .features-carousel-expandable-section + .notch-separator__wrapper + .notch-section__wrapper .section-introduction.hp-si2 { padding-top: 112px !important; }

  /* parede de integrações (logo após o hero) */
  .logo-grid-wrapper.logo-wall--pt-sm { padding-top: 115px !important; }
  /* cards "Comece por um problema" */
  .product-grid.product-grid--pt-xl { padding-top: 20px !important; padding-bottom: 90px !important; }
  /* calculadora */
  .roi-calculator { padding-top: 0 !important; padding-bottom: 0 !important; }
  /* pilares (rolagem presa): sobe para colar no título e encurta o fim */
  .features-steps { background: transparent !important; margin-top: -287px !important; padding-bottom: 78px !important; }
  /* plataforma */
  .features-carousel-expandable-section .header-section { margin-bottom: 4px !important; }
  /* grade de parceiros: sem as faixas vazias em volta */
  .notch-section__wrapper + .logo-grid-wrapper .logo-grid,
  .notch-section__wrapper + .logo-grid-wrapper .logo-grid-window { padding-top: 0 !important; padding-bottom: 0 !important; }
  /* FAQ */
  .tabbed-accordion { padding-top: 160px !important; padding-bottom: 160px !important; }
}
@media (min-width: 1024px) {
  .roi-calculator { padding-top: 9px !important; }
  .features-carousel-expandable-section + .notch-section__wrapper .section-introduction.hp-si2,
  .features-carousel-expandable-section + .notch-separator__wrapper + .notch-section__wrapper .section-introduction.hp-si2 { padding-bottom: 0 !important; }
  .form-reference { margin-top: 112px !important; }
  .tabbed-accordion { padding-bottom: 204px !important; }
}

/* ===== Espaçamento entre seções (celular e tablet): 96px entre seções, 48px título → conteúdo ===== */
@media (max-width: 1023px) {
  .section-introduction.hp-si2 .section-content { margin-bottom: 0 !important; }
  .section-introduction.hp-si2 { padding-bottom: 48px !important; }
  .product-grid + .notch-separator__wrapper + .notch-section__wrapper .section-introduction.hp-si2,
  .product-grid + .notch-section__wrapper .section-introduction.hp-si2 { padding-top: 36px !important; padding-bottom: 8px !important; }
  .roi-calculator-reference + .notch-section__wrapper .section-introduction.hp-si2,
  .roi-calculator-reference + .notch-separator__wrapper + .notch-section__wrapper .section-introduction.hp-si2 { padding-top: 48px !important; padding-bottom: 48px !important; }
  .features-carousel-expandable-section + .notch-section__wrapper .section-introduction.hp-si2,
  .features-carousel-expandable-section + .notch-separator__wrapper + .notch-section__wrapper .section-introduction.hp-si2 { padding-top: 48px !important; padding-bottom: 13px !important; }
  .logo-grid-wrapper.logo-wall--pt-sm { padding-top: 56px !important; padding-bottom: 0 !important; }
  .logo-grid-wrapper.logo-wall--pt-sm .logo-grid { padding-bottom: 0 !important; }
  .product-grid.product-grid--pt-xl { padding-top: 69px !important; padding-bottom: 60px !important; }
  .features-steps .inner { padding-bottom: 6px !important; }
  .features-carousel-expandable-section { padding-bottom: 48px !important; }
  .notch-section__wrapper + .logo-grid-wrapper .logo-grid,
  .notch-section__wrapper + .logo-grid-wrapper .logo-grid-window { padding-top: 0 !important; padding-bottom: 0 !important; }
  .form-reference { margin-top: 48px !important; }
  .tabbed-accordion { padding-top: 96px !important; padding-bottom: 166px !important; }
}
@media (max-width: 1023px) {
  .product-grid.product-grid--pt-xl { padding-top: 79px !important; }
  .product-grid + .notch-separator__wrapper + .notch-section__wrapper .section-introduction.hp-si2,
  .product-grid + .notch-section__wrapper .section-introduction.hp-si2 { padding-bottom: 13px !important; }
  .features-carousel-expandable-section + .notch-section__wrapper .section-introduction.hp-si2,
  .features-carousel-expandable-section + .notch-separator__wrapper + .notch-section__wrapper .section-introduction.hp-si2 { padding-bottom: 0 !important; }
}

/* correções da conferência visual */
@media (min-width: 1024px) {
  .features-steps { margin-top: -48px !important; }  /* vídeo dos pilares 72px abaixo do texto de introdução */
  .features-carousel-expandable-section + .notch-section__wrapper .section-introduction.hp-si2,
  .features-carousel-expandable-section + .notch-separator__wrapper + .notch-section__wrapper .section-introduction.hp-si2 { padding-bottom: 72px !important; }
}
@media (max-width: 1023px) {
  .features-carousel-expandable-section + .notch-section__wrapper .section-introduction.hp-si2,
  .features-carousel-expandable-section + .notch-separator__wrapper + .notch-section__wrapper .section-introduction.hp-si2 { padding-bottom: 48px !important; }
}
.notch-section__wrapper:has(+ .logo-grid-wrapper) { position: relative; z-index: 6; }
/* linhas da grade de parceiros: sobem só um pouco, sem cruzar o título */
.notch-section__wrapper + .logo-grid-wrapper .block__visual-divider.vertical-top { height: 56px !important; }
/* o original deixa o 1º logo da grade menor; aqui todos os nomes têm o mesmo tamanho */
.notch-section__wrapper + .logo-grid-wrapper img[src*="parceiro-"] { width: 152px !important; height: 61px !important; max-width: none !important; object-fit: contain; }
@media (max-width: 1023px) { .notch-section__wrapper + .logo-grid-wrapper img[src*="parceiro-"] { width: 125px !important; height: 50px !important; } }

/* ===== Calculadora simplificada: 3 campos (pessoas × horas por semana × custo-hora) ===== */
.roi-calculator__field:has(#roi-spotters),
.roi-calculator__field:has(#roi-checkins),
.roi-calculator__field:has(#roi-wage),
.roi-calculator__field--slider,
.roi-calculator__results-meta { display: none !important; }
/* 1ª linha do resultado mostra horas, não reais */
.roi-calculator__results-item:first-child .roi-calculator__results-item-value > span:first-child { display: none !important; }
.roi-calculator__results-item:first-child .roi-calculator__results-item-value > span:last-child::after { content: " h"; }
/* a conta explicada embaixo dos campos */
.roi-calculator__fields::after {
  content: "A conta: pessoas × horas por semana × 52 semanas × custo-hora. É quanto a sua empresa paga hoje por trabalho repetitivo que um sistema ou uma automação pode assumir.";
  display: block; margin-top: 8px; max-width: 34rem; font-size: 15px; line-height: 1.55; color: #6b7280;
}

/* ===== Calculadora: cartão de resultado (frase curta, número grande, linhas com ícone) ===== */
.roi-calculator__results-header { gap: 10px !important; padding-bottom: 28px !important; }
.roi-calculator__results-headline { font-size: 17px !important; line-height: 1.4 !important; font-weight: 500 !important; letter-spacing: 0 !important; }
.roi-calculator__results-headline-primary { color: rgba(255,255,255,.92) !important; }
.roi-calculator__results-headline-secondary { color: rgba(255,255,255,.6) !important; }
.roi-calculator__results-amount { font-size: 30px !important; line-height: 1 !important; display: flex !important; align-items: baseline; gap: 8px; flex-wrap: wrap; color: #fff !important; }
.roi-calculator__results-amount .animated-number { font-size: 68px !important; line-height: 1 !important; letter-spacing: -.035em !important; }
.roi-calculator__results-amount::after { content: "por ano"; font-size: 17px; font-weight: 500; letter-spacing: 0; color: rgba(255,255,255,.6); margin-left: 4px; }
.roi-calculator__results-breakdown { gap: 0 !important; }
.roi-calculator__results-breakdown-title { font-size: 13px !important; line-height: 1.4 !important; font-weight: 500 !important; letter-spacing: .06em !important; text-transform: uppercase; color: rgba(255,255,255,.5) !important; margin-bottom: 6px !important; }
.roi-calculator__results-item { padding: 13px 0 !important; border-top: 1px solid rgba(255,255,255,.09); align-items: center !important; }
.roi-calculator__results-item-label { display: flex !important; align-items: center; gap: 0; flex-wrap: wrap; color: rgba(255,255,255,.88) !important; }
.roi-calculator__results-item-label::before { content: ""; width: 32px; height: 32px; flex: none; margin-right: 8px; border-radius: 9px; background: rgba(92,178,255,.12) center / 17px no-repeat; }
.roi-calculator__results-item:nth-child(1) .roi-calculator__results-item-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235cb2ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.roi-calculator__results-item:nth-child(2) .roi-calculator__results-item-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235cb2ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2.5'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E"); }
.roi-calculator__results-item:nth-child(3) .roi-calculator__results-item-label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235cb2ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); }
.roi-calculator__results-item-detail { margin: 0 0 0 6px !important; }
.roi-calculator__results-item-value { gap: 5px !important; }
@media (max-width: 1023px) {
  .roi-calculator__results-amount { font-size: 22px !important; }
  .roi-calculator__results-amount .animated-number { font-size: 46px !important; }
  .roi-calculator__results-amount::after { font-size: 15px; }
  .roi-calculator__results-headline { font-size: 15px !important; }
  .roi-calculator__results-item { display: flex !important; flex-direction: row !important; justify-content: space-between; }
  .roi-calculator__results-item-label { font-size: 14px !important; }
  .roi-calculator__results-item-label::before { width: 28px; height: 28px; background-size: 15px; }
  .roi-calculator__results-item-value { font-size: 17px !important; }
}

/* rodapé: só LinkedIn e Instagram */
.network-item:has(a[href*="youtube"]), a.network-link[href*="youtube"] { display: none !important; }

/* "Quem está por trás / Feito por quem constrói software" + grade de parceiros: fora por enquanto (volta quando os cases chegarem) */
.features-carousel-expandable-section + .notch-section__wrapper,
.features-carousel-expandable-section + .notch-separator__wrapper + .notch-section__wrapper,
.notch-section__wrapper + .logo-grid-wrapper { display: none !important; }

/* ===== Check-up do celular ===== */
@media (max-width: 1023px) {
  /* gaveta do menu: fundo sólido (o texto do topo aparecia por trás) */
  .mobile-menu-panel { background: rgba(9, 28, 46, .97) !important; }
  /* botão do menu: área de toque de 44 px; com o menu aberto ele fica por cima da gaveta e vira o X de fechar */
  .toggle-mobile-menu-button::before { content: ""; position: absolute; inset: -10px; }
  .site-header:has(.mobile-menu.is-open) .inner { z-index: 101 !important; background: transparent !important; border-color: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; pointer-events: none; }
  .site-header:has(.mobile-menu.is-open) .inner .logo-link { visibility: hidden; }
  .site-header:has(.mobile-menu.is-open) .toggle-mobile-menu-button { pointer-events: auto; }
  /* FALE CONOSCO da gaveta no padrão dos botões (azul, texto branco) */
  .mobile-menu a.drawer-cta-button--primary { background: #0082fb !important; color: #fff !important; border: none !important; }
  .mobile-menu a.drawer-cta-button--primary * { color: #fff !important; }
  /* a linha do logo da gaveta desce para a altura do X */
  .mobile-menu-panel { padding-top: 39px !important; box-sizing: border-box !important; }
}
/* rodapé: "Contato" aparecia duas vezes na coluna Empresa; texto da marca legível */
.links-list li:nth-child(3):has(a.link[href="#contato"]) { display: none !important; }
.gartner-text { font-size: 13px !important; line-height: 1.5 !important; }

/* ===== Topo no celular: 2 telas de rolagem em vez de 3 (a sequência passava devagar demais) ===== */
@media (max-width: 1023px) {
  .video-carousel .content-sizer { height: 200svh !important; height: calc(var(--svh, 1svh) * 200) !important; }
}

/* ===== Integrações ("Conectamos o que a sua empresa já usa"): faixas baixas em vez de quadrados ===== */
#setores .logo { aspect-ratio: auto !important; height: 92px !important; flex: 0 0 20% !important; }
#setores .logo .border__wrapper, #setores .logo .overflow__wrapper, #setores .logo .slot__wrapper { height: 100% !important; aspect-ratio: auto !important; }
/* o contêiner da imagem tinha a altura do logo original (cada um diferente): fixo e centralizado */
#setores .logo picture, #setores .logo img { width: 175px !important; height: 35px !important; max-width: none !important; }
#setores .logo img { object-fit: contain !important; display: block !important; }
/* sem a entrada em cascata: a última linha levava ~3 s para aparecer e a grade parecia quebrada */
#setores .logo picture { opacity: 1 !important; transform: none !important; visibility: visible !important; }
@media (max-width: 1023px) {
  #setores .logo { flex: 0 0 50% !important; height: 64px !important; }
  #setores .logo picture, #setores .logo img { width: 150px !important; height: 30px !important; }
}
/* as linhas que descem abaixo da "última linha" vinham da grade original (2 linhas de 10) e, com fundo branco, cobriam a 4ª linha */
#setores .block__visual-divider.vertical-bottom { display: none !important; }

/* ===== FAQ: perguntas e textos no tamanho do resto do site (estavam em 22–24 px) ===== */
.accordion-item__title { font-size: 19px !important; line-height: 1.4 !important; letter-spacing: -0.005em !important; font-weight: 500 !important; }
.tabbed-accordion p.body-1, .tabbed-accordion .body-1 p { font-size: 17px !important; line-height: 1.55 !important; }
@media (max-width: 1023px) {
  .accordion-item__title { font-size: 17px !important; }
  .tabbed-accordion p.body-1, .tabbed-accordion .body-1 p { font-size: 16px !important; }
}
/* resposta aberta: menor que a pergunta e alinhada com ela (no computador tinha recuo de 32 px) */
.accordion-item__content p, .accordion-item__content p span { font-size: 16px !important; line-height: 1.6 !important; color: #4b5563 !important; }
@media (min-width: 1024px) { .accordion-item__content { padding: 0 56px 0 0 !important; } }

/* ===== Rodapé: uma grade só, alinhada no topo, espaçamentos padronizados ===== */
.footer .content-wrapper {
  display: grid !important; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr) !important;
  column-gap: 48px !important; row-gap: 0 !important; align-items: start !important; padding-top: 140px !important;
}
.footer .footer-links, .footer .links-wrapper { display: contents !important; }
.footer .logo-section, .footer .links-list, .footer .footer-contact, .footer .copyright { grid-column: auto !important; grid-area: auto !important; margin: 0 !important; width: auto !important; }
.footer .logo-section svg { height: 32px !important; width: auto !important; }
.footer .gartner-section { margin: 16px 0 0 !important; }
.footer .gartner-text { font-size: 14px !important; line-height: 1.6 !important; color: rgba(255, 255, 255, .6) !important; max-width: 260px; }
.footer .links-list { display: flex !important; flex-direction: column !important; gap: 0 !important; }
.footer .links-list .label, .footer .contact-col .label { margin: 0 0 20px !important; padding: 0 !important; height: auto !important; color: rgba(255, 255, 255, .5) !important; }
.footer .links-list ul { display: flex !important; flex-direction: column !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; }
.footer .links-list li { padding: 0 !important; margin: 0 !important; height: auto !important; }
.footer .links-list a, .footer .contact-link { font-size: 16px !important; line-height: 1.5 !important; white-space: normal; }
.footer .contact-link { display: inline-block !important; margin: 0 !important; }
.footer .contact-text { font-size: 14px !important; line-height: 1.5 !important; margin: 4px 0 0 !important; color: rgba(255, 255, 255, .5) !important; }
.footer .networks { margin: 20px 0 0 !important; }
.footer .copyright {
  grid-column: 1 / -1 !important; margin-top: 80px !important; padding: 24px 0 0 !important; border-top: 1px solid rgba(255, 255, 255, .1);
  display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 16px; flex-wrap: wrap;
}
.footer .copyright p, .footer .copyright a { font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; width: auto !important; color: rgba(255, 255, 255, .45) !important; }
@media (max-width: 1023px) {
  .footer .content-wrapper { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 24px !important; row-gap: 40px !important; padding-top: 96px !important; }
  .footer .logo-section, .footer .footer-contact, .footer .copyright { grid-column: 1 / -1 !important; }
  .footer .copyright { margin-top: 8px !important; flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; }
}
.footer .logo-section { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; }
.footer .logo-section > *, .footer .gartner-section, .footer .gartner-section > *, .footer .gartner-text { margin: 0 !important; padding: 0 !important; }
.footer .gartner-section { height: auto !important; min-height: 0 !important; }

/* ===== Preloader da Horion (coreografia copiada do original, quadro a quadro) ===== */
.app-loader { visibility: hidden !important; }
#horion-loader { position: fixed; inset: 0; z-index: 1001; pointer-events: none; overflow: hidden; }
#horion-loader.hl-fim { display: none; }
#horion-loader .hl-overlay { position: absolute; inset: 0; background: #ededed; }
#horion-loader .hl-half { position: absolute; left: 0; width: 100%; height: 50%; overflow: hidden; background: #ededed; will-change: transform; }
#horion-loader .hl-top { top: 0; border-radius: 0 0 var(--hl-r, 0px) var(--hl-r, 0px); }
#horion-loader .hl-bottom { top: 50%; border-radius: var(--hl-r, 0px) var(--hl-r, 0px) 0 0; }
#horion-loader .hl-full { position: absolute; left: 0; width: 100%; height: 200%; will-change: transform; }
#horion-loader .hl-top .hl-full { top: 0; }
#horion-loader .hl-bottom .hl-full { top: -100%; }
#horion-loader .hl-bg { position: absolute; inset: 0; opacity: 0; transform-origin: 50% 50%; will-change: transform, opacity; }
#horion-loader .hl-bg svg { width: 100%; height: 100%; display: block; }
#horion-loader .hl-logo { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; visibility: hidden; }
#horion-loader .hl-lockup { display: flex; align-items: center; }
#horion-loader .hl-icone { display: block; flex: none; }
#horion-loader .hl-icone-g { transform-origin: 50% 50%; transform-box: fill-box; transform: scale(0); }
#horion-loader .hl-word { position: relative; flex: none; }
#horion-loader .hl-letra { position: absolute; display: block; overflow: hidden; }
#horion-loader .hl-letra-p { transform: translateY(100%); transform-box: view-box; }