/*
 * Skin do header do SOCEO.
 * O conteúdo e os contratos de navegação são de shell/header.html e
 * shell/inject.js; este arquivo cuida só da aparência.
 */

:host {
  --soceo-violet: #7839ee;
  --soceo-violet-deep: #6728d4;
  --soceo-blue: #3238f2;
  --soceo-ink: #16033a;
  --soceo-muted: #625b73;
  --soceo-border: #ece9f8;
  --soceo-violet-soft: #f4eeff;
  --soceo-surface-soft: #f7f5ff;
  --soceo-announcement-cta-bg: #fff;
  --soceo-announcement-cta-text: var(--soceo-ink);
  --soceo-shadow-nav: 0 2px 20px rgba(22, 3, 58, .05);
  --soceo-shadow-menu: 0 20px 60px rgba(22, 3, 58, .12);
  display: block;
  position: relative;
  z-index: 999;
}

.soceo-scope,
.soceo-scope * {
  box-sizing: border-box;
}

/* O header é markup da Soceo e vem acompanhado do soceo-scoped.css, que manda
   tudo para a Polysans — a fonte deles. O resto do site é Inter, então os
   menus destoavam. Como o skin inteiro trabalha sobrescrevendo aquela folha,
   a família também precisa do !important para vencer os seletores dela. */
:host,
.soceo-scope,
.soceo-scope * {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
}

.soceo-scope .nav-25_outer-wrap {
  --soceo-header-scroll-offset: 0px;
  color: var(--soceo-ink);
  background: transparent !important;
  transform: translate3d(
    0,
    calc(-1 * var(--soceo-header-scroll-offset)),
    0
  ) !important;
  transition: none !important;
  will-change: transform;
}

.soceo-scope .navbar_banner {
  color: #fff;
  background:
    radial-gradient(circle at 72% -80%, rgba(120, 57, 238, .72), transparent 52%),
    linear-gradient(100deg, #16033a 0%, #24105d 52%, #3238f2 135%) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.soceo-scope #announcement-banner {
  color: inherit;
  background: transparent !important;
}

.soceo-scope .navbar_banner_content-wrap {
  color: inherit;
}

.soceo-scope .nanobar-button {
  min-height: 32px;
  color: var(--soceo-announcement-cta-text) !important;
  background: var(--soceo-announcement-cta-bg) !important;
  border: 1px solid var(--soceo-announcement-cta-bg) !important;
  border-radius: 9px;
  box-shadow: none !important;
  filter: none !important;
  transform-origin: center;
  will-change: transform;
  transition: transform .18s cubic-bezier(.2, .8, .2, 1) !important;
}

.soceo-scope .nanobar-button:hover {
  color: var(--soceo-announcement-cta-text) !important;
  background: var(--soceo-announcement-cta-bg) !important;
  border-color: var(--soceo-announcement-cta-bg) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: scale(1.035);
}

.soceo-scope .nanobar-button:focus-visible {
  color: var(--soceo-announcement-cta-text) !important;
  background: var(--soceo-announcement-cta-bg) !important;
  border-color: var(--soceo-announcement-cta-bg) !important;
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: none !important;
  filter: none !important;
  transform: scale(1.035);
}

.soceo-scope .nanobar-button .nav-banner-link-text-wrap,
.soceo-scope .nanobar-button .nanobar-button-text,
.soceo-scope .nanobar-button .is-nav-banner-icon {
  color: var(--soceo-announcement-cta-text) !important;
  transition: none !important;
}

.soceo-scope .nanobar-button .nanobar-button-text {
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}

.soceo-scope .nanobar-button .is-nav-banner-icon svg,
.soceo-scope .nanobar-button .is-nav-banner-icon path {
  color: var(--soceo-announcement-cta-text) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.soceo-scope .nanobar-button .navbar_banner_link_underline {
  display: none !important;
}

.soceo-scope .soceo-nav-icon,
.soceo-scope .soceo-nav-icon svg {
  display: block;
  width: 20px;
  height: 20px;
  color: currentColor;
  pointer-events: none;
}

.soceo-scope .soceo-nav-icon {
  flex: 0 0 20px;
}

.soceo-scope .soceo-nav-icon path,
.soceo-scope .nanobar-button .is-nav-banner-icon .soceo-nav-icon path,
.soceo-scope .navbar_banner_close-icon .soceo-nav-icon path {
  fill: none !important;
  stroke: currentColor !important;
}

.soceo-scope .nanobar-button .is-nav-banner-icon,
.soceo-scope .navbar_banner_close-icon {
  display: grid !important;
  place-items: center;
  width: 20px !important;
  height: 20px !important;
}

.soceo-scope .navbar_banner_close {
  display: grid !important;
  place-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0 !important;
  color: #fff !important;
  border-radius: 10px;
  transition: background-color .2s ease;
}

.soceo-scope .navbar_banner_close-icon {
  display: grid !important;
  place-items: center;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  color: #fff !important;
}

.soceo-scope .navbar_banner_close-icon svg {
  display: block;
  width: 16px;
  height: 16px;
  color: #fff !important;
}

.soceo-scope .navbar_banner_close-icon path {
  fill: #fff !important;
}

.soceo-scope .navbar_banner_close:hover,
.soceo-scope .navbar_banner_close:focus-visible {
  background: rgba(255, 255, 255, .12);
}

.soceo-scope .navbar_banner_close .navbar_banner_close-icon,
.soceo-scope .navbar_banner_close .navbar_banner_close-icon .soceo-nav-icon,
.soceo-scope .navbar_banner_close .navbar_banner_close-icon .soceo-nav-icon svg {
  width: 20px !important;
  height: 20px !important;
}

.soceo-scope .nav-25_component {
  width: 100%;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  perspective: none !important;
  transform: none !important;
}

.soceo-scope .nav-25_component > .page-padding {
  background: #fff;
  border: 1px solid var(--soceo-border);
  border-radius: 18px;
  box-shadow: var(--soceo-shadow-nav);
  overflow: visible;
}

.soceo-scope .nav-25_component > .page-padding > .nav-25_container {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: visible;
}

.soceo-scope .brand-link,
.soceo-scope .nav-25_left-wrap,
.soceo-scope .nav-25_right-wrap {
  min-height: 44px;
}

.soceo-scope .brand-link {
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
}

.soceo-scope .brand-link:focus-visible {
  outline: 3px solid rgba(120, 57, 238, .28);
  outline-offset: 3px;
}

/* O logomark da Soceo era mais compacto; o nosso é horizontal e o traço
   ocupa menos altura dentro do desenho, então 36px deixava a marca pequena
   ao lado do menu. Largura automática pela proporção do SVG. */
.soceo-scope .brand_link_logo {
  display: block;
  width: auto;
  height: 40px;
}

.soceo-scope .nav-25_list {
  align-items: center;
  gap: 2px;
}

.soceo-scope .nav-25_list_item {
  position: relative;
  color: var(--soceo-ink);
}

.soceo-scope .nav-25_dpdown-toggle,
.soceo-scope .nav-25_middle_wrap > .nav-25_list > a {
  min-height: 40px;
  margin: 0;
  padding: 8px 12px !important;
  color: var(--soceo-ink) !important;
  font-size: 15px;
  line-height: 1.5;
  white-space: nowrap;
  background: transparent;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
  cursor: pointer;
  transition:
    color .2s ease,
    background-color .2s ease,
    box-shadow .2s ease;
}

.soceo-scope button.nav-25_dpdown-toggle {
  appearance: none;
  font-size: 15px;
  line-height: 1.5;
}

.soceo-scope .nav-25_dpdown-toggle:hover,
.soceo-scope .nav-25_middle_wrap > .nav-25_list > a:hover,
.soceo-scope .nav-25_list_item.trigger-enter > .nav-25_dpdown-toggle,
.soceo-scope .nav-25_list_item.trigger-enter-active > .nav-25_dpdown-toggle {
  color: var(--soceo-violet-deep) !important;
  background: var(--soceo-violet-soft);
}

.soceo-scope .nav-25_dpdown-toggle:focus-visible,
.soceo-scope .nav-25_middle_wrap > .nav-25_list > a:focus-visible,
.soceo-scope .button-24:focus-visible,
.soceo-scope .nav-25_mobile_menu-icon:focus-visible,
.soceo-scope .nav-25_mobile-menu_close:focus-visible {
  outline: 3px solid rgba(120, 57, 238, .3) !important;
  outline-offset: 2px;
}

.soceo-scope .nav-25_dpdown-toggle_icon {
  display: grid;
  flex: 0 0 20px;
  place-items: center;
  width: 20px;
  height: 20px;
  color: currentColor;
  transition: transform .2s ease;
}

.soceo-scope .nav-25_list_item.trigger-enter > .nav-25_dpdown-toggle .nav-25_dpdown-toggle_icon,
.soceo-scope .nav-25_list_item.trigger-enter-active > .nav-25_dpdown-toggle .nav-25_dpdown-toggle_icon {
  transform: rotate(180deg);
}

.soceo-scope .navbar-buttons {
  align-items: center;
  gap: 8px;
}

.soceo-scope .nav-demo-cta-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  overflow: visible !important;
}

.soceo-scope .nav-demo-cta-wrapper::before,
.soceo-scope .nav-demo-cta-wrapper::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.soceo-scope .button-24,
.soceo-scope #nav-get-demo-desktop,
.soceo-scope #nav-get-demo-mobile {
  min-height: 44px;
  padding: 10px 18px;
  color: #fff !important;
  background-color: var(--soceo-violet) !important;
  background-image: linear-gradient(135deg, var(--soceo-violet), var(--soceo-blue)) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(91, 33, 201, .2);
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    filter .2s ease;
}

.soceo-scope .button-24:hover,
.soceo-scope #nav-get-demo-desktop:hover,
.soceo-scope #nav-get-demo-mobile:hover {
  transform: translateY(-1px);
  box-shadow: 0 11px 26px rgba(91, 33, 201, .26);
  filter: saturate(1.08);
}

.soceo-scope .button-24::before,
.soceo-scope #nav-get-demo-desktop::before,
.soceo-scope #nav-get-demo-mobile::before {
  content: none !important;
  display: none !important;
  background: none !important;
  transform: none !important;
}

.soceo-scope .button-24.is-secondary {
  color: var(--soceo-ink) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
}

.soceo-scope .button-24.is-secondary:hover {
  color: var(--soceo-violet-deep) !important;
  background: var(--soceo-violet-soft) !important;
  transform: none;
}

/* Floating desktop menus */
.soceo-scope .nav-25_list_item > .nav-25_dpdown {
  position: fixed !important;
  top: calc(var(--soceo-header-height, 140px) - 17px) !important;
  right: auto !important;
  left: var(--soceo-menu-left, max(32px, calc(50% - 390px))) !important;
  display: block !important;
  width: min(780px, calc(100vw - 64px)) !important;
  height: auto !important;
  max-height: calc(100dvh - var(--soceo-header-height, 140px) - 16px);
  margin: 0 !important;
  padding: 16px !important;
  color: var(--soceo-ink);
  background: #fff !important;
  border: 1px solid var(--soceo-border);
  border-radius: 18px;
  box-shadow: var(--soceo-shadow-menu) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  pointer-events: none !important;
  transform: none !important;
  transform-origin: 50% 0;
  transition: opacity .18s ease !important;
}

.soceo-scope [data-soceo-menu="product"] > .nav-25_dpdown {
  left: var(--soceo-menu-left, max(32px, calc(50% - 618px))) !important;
  width: min(1236px, calc(100vw - 64px)) !important;
}

.soceo-scope [data-soceo-menu="solutions"] > .nav-25_dpdown {
  width: min(780px, calc(100vw - 64px)) !important;
}

.soceo-scope .nav-25_list_item.trigger-enter > .nav-25_dpdown,
.soceo-scope .nav-25_list_item.trigger-enter-active > .nav-25_dpdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

.soceo-scope .nav-25_list_item > .nav-25_dpdown > div {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  visibility: inherit !important;
  transition: none !important;
}

.soceo-scope .nav-25_list_item > .nav-25_dpdown * {
  visibility: inherit !important;
}

.soceo-scope .nav-25_list_item > .nav-25_dpdown .page-padding,
.soceo-scope .nav-25_list_item > .nav-25_dpdown .container-large {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.soceo-scope .nav_product_dpdown_v2_wrap,
.soceo-scope .nav26_solutions_dpdown_wrap,
.soceo-scope .nav26_resources_dpdown_wrap {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 16px !important;
  color: var(--soceo-ink);
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.soceo-scope .nav_product_dpdown_v2_wrap {
  align-items: stretch;
}

.soceo-scope .nav_product_dpdown_v2_left-wrap {
  flex: 0 0 248px !important;
  width: 248px !important;
  padding: 14px !important;
  background: linear-gradient(145deg, #f4eeff, #ebe0ff) !important;
  border: 1px solid #e4dbfb;
  border-radius: 18px;
}

.soceo-scope .nav_product_dpdown_v2_right-wrap {
  flex: 1 1 auto !important;
  min-width: 0;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
}

.soceo-scope [data-soceo-motors-grid] {
  display: grid !important;
  box-sizing: border-box;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start;
  gap: 8px !important;
  width: 100%;
  min-width: 0;
  padding-right: 20px !important;
}

.soceo-scope .soceo-product-motor {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.soceo-scope .soceo-product-motor__heading,
.soceo-scope .soceo-product-motor__item {
  box-sizing: border-box;
  color: var(--soceo-ink);
  border: 1px solid transparent;
  border-radius: 13px;
  text-decoration: none;
  transition:
    color .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.soceo-scope .soceo-product-motor__heading {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: 34px auto;
  align-items: center;
  column-gap: 8px;
  row-gap: 2px;
  min-height: 72px;
  margin-bottom: 2px;
  padding: 8px;
  background:
    linear-gradient(
      145deg,
      rgba(244, 238, 255, .88),
      rgba(235, 224, 255, .56)
    );
  border-color: rgba(120, 57, 238, .12);
}

.soceo-scope .soceo-product-motor__item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 62px;
  padding: 6px 8px;
}

.soceo-scope .soceo-product-motor__heading:hover,
.soceo-scope .soceo-product-motor__item:hover {
  color: var(--soceo-violet-deep);
  background: var(--soceo-surface-soft);
  border-color: rgba(120, 57, 238, .14);
}

.soceo-scope .soceo-product-motor__item:hover
  .soceo-product-motor__item-title,
.soceo-scope .soceo-product-motor__item:focus-visible
  .soceo-product-motor__item-title {
  transform: translateY(0);
}

.soceo-scope .soceo-product-motor__item:hover
  .soceo-product-motor__item-description,
.soceo-scope .soceo-product-motor__item:focus-visible
  .soceo-product-motor__item-description {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

.soceo-scope .soceo-product-motor__heading:focus-visible,
.soceo-scope .soceo-product-motor__item:focus-visible {
  color: var(--soceo-violet-deep);
  background: var(--soceo-surface-soft);
  border-color: rgba(120, 57, 238, .36);
  outline: none;
  box-shadow: 0 0 0 2px rgba(120, 57, 238, .16);
}

.soceo-scope .soceo-product-motor__heading-icon,
.soceo-scope .soceo-product-motor__item-icon {
  display: grid;
  box-sizing: border-box;
  place-items: center;
  color: var(--soceo-violet);
  background: var(--soceo-violet-soft);
  border: 1px solid rgba(120, 57, 238, .08);
  border-radius: 9px;
  line-height: 0;
}

.soceo-scope .soceo-product-motor__heading-icon {
  width: 34px;
  height: 34px;
}

.soceo-scope .soceo-product-motor__item-icon {
  justify-self: center;
  width: 30px;
  height: 30px;
}

.soceo-scope [data-soceo-motor-icon] {
  display: block;
  width: 20px;
  height: 20px;
}

.soceo-scope .soceo-product-motor__heading-copy,
.soceo-scope .soceo-product-motor__item-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.soceo-scope .soceo-product-motor__heading-copy {
  display: contents;
}

.soceo-scope .soceo-product-motor__item-copy {
  display: grid;
  grid-template-rows: auto 15.18px;
  align-content: center;
  gap: 0;
  overflow: hidden;
}

.soceo-scope .soceo-product-motor__heading-title {
  grid-column: 2;
  grid-row: 1;
  color: currentColor;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.2;
}

.soceo-scope .soceo-product-motor__heading-summary,
.soceo-scope .soceo-product-motor__item-description {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: var(--soceo-muted);
  font-size: 11.5px;
  line-height: 1.32;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.soceo-scope .soceo-product-motor__heading-summary {
  grid-column: 2;
  grid-row: 2;
  font-size: 11.25px;
}

.soceo-scope .soceo-product-motor__item-description {
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition:
    opacity .18s ease,
    transform .18s ease,
    visibility 0s linear .18s;
  will-change: opacity, transform;
}

.soceo-scope .soceo-product-motor__item-title {
  min-width: 0;
  overflow: visible;
  color: currentColor;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: clip;
  white-space: normal;
  transform: translateY(7px);
  transition: transform .18s ease;
}

@media (min-width: 992px) {
  /* Os subtítulos aprovados do Motor Conecta são mais longos que a antiga
     copy provisória. A segunda linha usa toda a largura do item, por baixo do
     eixo ícone+título, sem aumentar o card nem invadir a coluna vizinha. */
  .soceo-scope .soceo-product-motor__item {
    grid-template-rows: minmax(30px, auto) 14px;
    column-gap: 8px;
    row-gap: 0;
    align-content: center;
  }

  .soceo-scope .soceo-product-motor__item-icon {
    grid-column: 1;
    grid-row: 1;
  }

  .soceo-scope .soceo-product-motor__item-copy {
    display: contents;
  }

  .soceo-scope .soceo-product-motor__item-title {
    grid-column: 2;
    grid-row: 1;
  }

  .soceo-scope .soceo-product-motor__item-description {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
    width: 100%;
  }

  .soceo-scope [data-soceo-motor="conecta"]
    .soceo-product-motor__item-description {
    font-size: 10.5px;
    letter-spacing: -.038em;
  }
}

.soceo-scope .nav_product_dpdown_v2_hero {
  min-height: 78px;
  margin-bottom: 8px;
  padding: 12px !important;
  color: var(--soceo-ink) !important;
  background: rgba(255, 255, 255, .62);
  border: 1px solid rgba(228, 219, 251, .9);
  border-radius: 14px;
}

.soceo-scope .nav_product_dpdown_v2_hero:hover {
  color: var(--soceo-violet-deep) !important;
  background: #fff;
}

.soceo-scope .nav_product_dpdown_v2_sidelist_item,
.soceo-scope .nav_product_dpdown_v2_link,
.soceo-scope .nav_department_dpdown-wrap,
.soceo-scope .soceo-about-item,
.soceo-scope .nav_company_dpdown-wrap {
  min-height: 64px;
  padding: 12px !important;
  color: var(--soceo-ink) !important;
  background: transparent;
  border: 0 !important;
  border-radius: 14px;
  transition:
    color .2s ease,
    background-color .2s ease,
    transform .2s ease;
}

.soceo-scope .nav_product_dpdown_v2_sidelist_item:hover,
.soceo-scope .nav_product_dpdown_v2_link:hover,
.soceo-scope .nav_department_dpdown-wrap:hover,
.soceo-scope .soceo-about-item:hover,
.soceo-scope .nav_company_dpdown-wrap:hover {
  color: var(--soceo-violet-deep) !important;
  background: var(--soceo-surface-soft) !important;
  transform: translateY(-1px);
}

.soceo-scope .nav_product_dpdown_v2_link-icon,
.soceo-scope .nav_department_dpdown_link_icon,
.soceo-scope .nav_department_dpdown_link_icon.is-width-none {
  display: grid !important;
  flex: 0 0 40px !important;
  place-items: center;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  color: var(--soceo-violet) !important;
  background: var(--soceo-violet-soft) !important;
  border-radius: 10px;
}

.soceo-scope .nav_product_dpdown_v2_link-icon svg,
.soceo-scope .nav_department_dpdown_link_icon svg {
  width: 18px !important;
  height: 18px !important;
}

.soceo-scope .nav_product_dpdown_v2_heading_icon svg rect {
  fill: var(--soceo-violet) !important;
}

.soceo-scope .nav_product_dpdown_v2_link,
.soceo-scope .nav_department_dpdown-content,
.soceo-scope .nav_product_dpdown_v2_sidelist_itemicon_wrap {
  align-items: center !important;
  gap: 12px !important;
}

.soceo-scope .nav_product_dpdown_v2_link_description,
.soceo-scope .nav_product_dpdown_v2_sidelist_item_description,
.soceo-scope .nav_department_dpdown_link_description,
.soceo-scope .nav-featured-resource-subtext {
  color: var(--soceo-muted) !important;
}

.soceo-scope .nav_product_dpdown_v2_link_description,
.soceo-scope .nav_product_dpdown_v2_sidelist_item_description {
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.soceo-scope .nav_product_dpdown_v2_bottom-link,
.soceo-scope .nav_resource-center_link.is-nav26 {
  min-height: 44px;
  margin-top: 8px;
  padding: 10px 12px !important;
  color: var(--soceo-violet-deep) !important;
  background: var(--soceo-violet-soft);
  border-radius: 12px;
}

.soceo-scope .nav_product_dpdown_v2_bottom-link:hover,
.soceo-scope .nav_resource-center_link.is-nav26:hover {
  color: #fff !important;
  background: linear-gradient(135deg, var(--soceo-violet), var(--soceo-blue));
}

.soceo-scope .soceo-product-roadmap-strip {
  grid-template-columns: minmax(0, 1fr) !important;
}

.soceo-scope .soceo-product-roadmap-bar {
  isolation: isolate;
  position: relative;
  width: 100%;
  min-height: 56px;
  margin: 8px 0 0 !important;
  overflow: hidden;
  border: 1px solid rgba(120, 57, 238, .12);
  box-shadow: 0 8px 24px rgba(91, 33, 201, .08);
  transition:
    color .2s ease,
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

/* ---- cartão do roadmap dentro do menu Produto ----
   Convite de um lado, prévia da fase atual do outro. A borda arredondada da
   esquerda da prévia é o recorte curvo que separa os dois lados. O padding
   do próprio link vira zero porque o cartão passa a mandar no espaçamento. */
/* O item herdado pinta um gradiente roxo-azul por cima de tudo no hover e vira
   o texto para branco. No cartão isso engolia a prévia e ficava pesado: a
   resposta ao mouse passa a ser só o brilho que atravessa, mais um leve
   levantar. A cor de repouso fica travada nos três estados. */
.soceo-scope .soceo-product-roadmap-bar:has(.soceo-roadmap-cartao),
.soceo-scope .soceo-product-roadmap-bar:has(.soceo-roadmap-cartao):hover,
.soceo-scope .soceo-product-roadmap-bar:has(.soceo-roadmap-cartao):focus-visible {
  padding: 0 !important;
  min-height: 0;
  color: var(--soceo-violet-deep) !important;
  background-color: var(--soceo-violet-soft) !important;
  background-image: none !important;
}

.soceo-scope .soceo-product-roadmap-bar:has(.soceo-roadmap-cartao):hover,
.soceo-scope .soceo-product-roadmap-bar:has(.soceo-roadmap-cartao):focus-visible {
  border-color: rgba(120, 57, 238, .22);
  box-shadow: 0 14px 30px rgba(91, 33, 201, .16);
}

/* O ícone também tinha estado de hover branco herdado. */
.soceo-scope .soceo-product-roadmap-bar:hover .soceo-roadmap-cartao .nav_product_dpdown_v2_link-icon,
.soceo-scope .soceo-product-roadmap-bar:focus-visible .soceo-roadmap-cartao .nav_product_dpdown_v2_link-icon {
  color: var(--soceo-violet-deep) !important;
  background: rgba(255, 255, 255, .78) !important;
  border-color: rgba(120, 57, 238, .12);
}

.soceo-scope .soceo-roadmap-cartao {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 264px);
  align-items: stretch;
  width: 100%;
  gap: 0;
}

.soceo-scope .soceo-roadmap-cartao__texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 18px 20px;
  min-width: 0;
}

.soceo-scope .soceo-roadmap-cartao__titulo {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--soceo-ink);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.2;
}

.soceo-scope .soceo-roadmap-cartao__descricao {
  max-width: 46ch;
  color: var(--soceo-muted);
  font-size: 13px;
  line-height: 1.45;
}

.soceo-scope .soceo-roadmap-cartao__cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  margin-top: 6px;
  padding: 0 15px;
  color: #fff;
  border-radius: 999px;
  background: var(--soceo-violet);
  font-size: 13px;
  font-weight: 600;
  transition: background .2s ease, transform .2s ease;
}

.soceo-scope .soceo-roadmap-cartao__cta svg {
  transition: transform .2s ease;
}

.soceo-scope .soceo-product-roadmap-bar:hover .soceo-roadmap-cartao__cta,
.soceo-scope .soceo-product-roadmap-bar:focus-visible .soceo-roadmap-cartao__cta {
  background: var(--soceo-violet-deep);
}

.soceo-scope .soceo-product-roadmap-bar:hover .soceo-roadmap-cartao__cta svg,
.soceo-scope .soceo-product-roadmap-bar:focus-visible .soceo-roadmap-cartao__cta svg {
  transform: translateX(3px);
}

.soceo-scope .soceo-roadmap-cartao__previa {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 16px 18px;
  overflow: hidden;
  border-radius: 52px 0 0 52px;
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 46%),
    linear-gradient(122deg, var(--soceo-ink) 0%, var(--soceo-violet-deep) 78%, var(--soceo-blue) 130%);
}

.soceo-scope .soceo-roadmap-cartao__selo {
  align-self: flex-start;
  padding: 3px 9px;
  color: #fff;
  border-radius: 999px;
  background: rgba(255, 255, 255, .16);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.soceo-scope .soceo-roadmap-cartao__fase {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.2;
}

.soceo-scope .soceo-roadmap-cartao__itens {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: rgba(255, 255, 255, .74);
  font-size: 11.5px;
  line-height: 1.35;
}

.soceo-scope .soceo-roadmap-cartao__itens > span {
  position: relative;
  padding-left: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.soceo-scope .soceo-roadmap-cartao__itens > span::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .5);
}

/* No menu móvel o cartão não tem largura para duas colunas. */
@media screen and (max-width: 991px) {
  .soceo-scope .soceo-roadmap-cartao {
    grid-template-columns: minmax(0, 1fr);
  }

  .soceo-scope .soceo-roadmap-cartao__previa {
    border-radius: 0;
  }

  .soceo-scope .soceo-roadmap-cartao__itens > span:nth-child(n + 3) {
    display: none;
  }
}

/* Brilho que atravessa o cartão. Era um véu roxo por baixo do conteúdo, que
   sujava a cor em vez de brilhar; agora é uma faixa de luz branca por cima,
   estreita e com as pontas dissolvidas — some no lado claro e acende no lado
   escuro, como reflexo passando. */
.soceo-scope .soceo-product-roadmap-bar::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background:
    linear-gradient(
      100deg,
      rgba(255, 255, 255, 0) 34%,
      rgba(255, 255, 255, .34) 44%,
      rgba(255, 255, 255, .88) 50%,
      rgba(255, 255, 255, .34) 56%,
      rgba(255, 255, 255, 0) 66%
    );
  pointer-events: none;
  transform: translateX(-100%);
}

.soceo-scope .soceo-product-roadmap-bar > * {
  position: relative;
  z-index: 1;
}

.soceo-scope .soceo-product-roadmap-bar.is-sweeping::after {
  animation: soceo-product-roadmap-sweep 1.05s cubic-bezier(.32, .5, .38, 1) forwards;
}

.soceo-scope .soceo-product-roadmap-bar:hover,
.soceo-scope .soceo-product-roadmap-bar:focus-visible {
  border-color: transparent;
  box-shadow: 0 12px 28px rgba(91, 33, 201, .2);
  transform: translateY(-1px);
}

.soceo-scope .soceo-product-roadmap-bar .nav_product_dpdown_v2_link-icon {
  color: var(--soceo-violet-deep) !important;
  background: rgba(255, 255, 255, .78) !important;
  border: 1px solid rgba(120, 57, 238, .12);
}

.soceo-scope .soceo-product-roadmap-bar:hover .nav_product_dpdown_v2_link-icon,
.soceo-scope .soceo-product-roadmap-bar:focus-visible .nav_product_dpdown_v2_link-icon {
  color: #fff !important;
  background: rgba(255, 255, 255, .16) !important;
  border-color: rgba(255, 255, 255, .2);
}

.soceo-scope .soceo-product-roadmap-bar .nav_product_dpdown_v2_arrow-is-vis {
  transition: transform .2s ease;
}

.soceo-scope .soceo-product-roadmap-bar:hover .nav_product_dpdown_v2_arrow-is-vis,
.soceo-scope .soceo-product-roadmap-bar:focus-visible .nav_product_dpdown_v2_arrow-is-vis {
  transform: translateX(3px);
}

@keyframes soceo-product-roadmap-sweep {
  from { transform: translateX(-100%); }
  to { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
  .soceo-scope .soceo-product-roadmap-bar {
    transition: none;
  }

  .soceo-scope .soceo-product-roadmap-bar.is-sweeping::after {
    animation: none;
  }
}

.soceo-scope [data-soceo-menu="solutions"] .nav_solutions_dpdown_left-wrap,
.soceo-scope [data-soceo-menu="solutions"] .nav_solutions_dpdow_col {
  width: 100% !important;
  padding: 0 !important;
}

.soceo-scope [data-soceo-menu="solutions"] .nav_solutions_dpdow_col_incontainer {
  display: block !important;
  width: 100% !important;
}

.soceo-scope [data-soceo-menu="solutions"] .nav_solutions_dpdow_col_inner-col {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
}

.soceo-scope [data-soceo-menu="solutions"] .nav_department_dpdown-wrap {
  min-height: 82px;
}

.soceo-scope .nav26_dpdown-col-heading,
.soceo-scope .nav-26_mobile-menu_top-text {
  color: var(--soceo-violet-deep) !important;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .09em;
}

.soceo-scope .nav26_solutions_dpdow_divider,
.soceo-scope .nav-26_mobile_menu-divider_line {
  background: var(--soceo-border) !important;
}

.soceo-scope [data-soceo-menu="blog"] .nav26_resources_dpdown_wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
}

.soceo-scope [data-soceo-menu="about"] .nav26_resources_dpdown_wrap {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

.soceo-scope [data-soceo-menu="blog"] .nav26_resources_dpdown_left-wrap,
.soceo-scope [data-soceo-menu="about"] .nav26_resources_dpdown_left-wrap {
  gap: 6px !important;
  padding: 0 !important;
}

.soceo-scope [data-soceo-menu="blog"] .nav26_resources_dpdown_left-wrap {
  grid-area: 1 / 1 / 2 / 2 !important;
  width: auto !important;
  min-width: 0;
}

.soceo-scope [data-soceo-menu="blog"] .nav26_resources_dpdown_right-wrap {
  grid-area: 1 / 2 / 2 / 3 !important;
  width: 260px !important;
  padding: 0 !important;
  color: var(--soceo-ink) !important;
  background: linear-gradient(145deg, #f4eeff, #ebe0ff) !important;
  border: 0 !important;
  border-radius: 18px;
  box-shadow: inset 0 0 0 1px #e4dbfb;
  overflow: hidden;
}

.soceo-scope .nav-resources-featured-resource-thumbnail {
  border-radius: 18px 18px 12px 12px;
}

.soceo-scope [data-soceo-menu="blog"] .nav26-resources-featured-resource-content_wrap {
  padding: 14px !important;
}

.soceo-scope [data-soceo-menu="about"] .nav26_resources_dpdow_col {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.soceo-scope :is(
  [data-soceo-menu="product"],
  [data-soceo-menu="about"]
) .nav_product_dpdown_v2_sidelist_item .nav_text_link_v2_wrapper > .nav_text_link_v2_label {
  display: -webkit-box !important;
  height: 28px;
  max-height: 28px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.soceo-scope :is(
  [data-soceo-menu="product"],
  [data-soceo-menu="about"]
) .nav_product_dpdown_v2_sidelist_item .nav_text_link_v2_sub {
  width: 136px;
  max-width: 136px;
  height: 28px;
  font-size: 12px;
  line-height: 14px;
}

.soceo-scope :is(
  [data-soceo-menu="product"],
  [data-soceo-menu="about"]
) .nav_product_dpdown_v2_sidelist_item:is(:hover, :focus-visible)
  .nav_text_link_v2_wrapper > .nav_text_link_v2_label {
  color: var(--soceo-violet-deep) !important;
}

.soceo-scope [data-soceo-menu="about"] .nav26_resources_dpdown_left-wrap {
  grid-area: 1 / 1 / 2 / 4 !important;
  grid-template-columns: repeat(3, minmax(0, 236px)) !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0;
}

.soceo-scope .nav-blur-overlay {
  opacity: 0 !important;
  visibility: hidden !important;
  background: transparent !important;
  backdrop-filter: none !important;
  pointer-events: none !important;
}

@media (min-width: 992px) {
  .soceo-scope .navbar_banner,
  .soceo-scope #announcement-banner,
  .soceo-scope .navbar_banner_content-wrap {
    height: 44px !important;
    min-height: 44px !important;
  }

  .soceo-scope .navbar_banner_content-wrap {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 0 20px !important;
    font-size: 14px;
    line-height: 1.35;
    justify-content: center !important;
  }

  .soceo-scope .nav-25_component {
    height: 96px !important;
    min-height: 96px !important;
    padding: 16px 32px !important;
  }

  .soceo-scope .nav-25_component > .page-padding {
    width: min(100%, 1236px) !important;
    max-width: 1236px !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 auto !important;
    padding: 0 22px !important;
  }

  .soceo-scope .nav-25_component > .page-padding > .nav-25_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .soceo-scope #nav-get-demo-desktop {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px !important;
    min-height: 44px !important;
    padding-block: 0 !important;
  }

  .soceo-scope .nav-25_left-wrap,
  .soceo-scope .nav-25_right-wrap,
  .soceo-scope .nav-25_middle_wrap,
  .soceo-scope .nav-25_list {
    height: 100%;
  }

  .soceo-scope .nav-25_left-wrap,
  .soceo-scope .nav-25_middle_wrap,
  .soceo-scope .nav-25_list,
  .soceo-scope .nav-25_right-wrap {
    display: flex;
    align-items: center;
  }

  .soceo-scope .nav-25_list_item {
    display: flex;
    align-items: center;
    height: 100%;
  }
}

@media (max-width: 991px) {
  :host {
    --soceo-mobile-banner-height: 72px;
  }

  .soceo-scope .navbar_banner {
    height: var(--soceo-mobile-banner-height) !important;
    min-height: var(--soceo-mobile-banner-height) !important;
    max-height: var(--soceo-mobile-banner-height) !important;
    overflow: hidden !important;
  }

  .soceo-scope #announcement-banner,
  .soceo-scope .navbar_banner_content-wrap {
    height: var(--soceo-mobile-banner-height) !important;
    min-height: var(--soceo-mobile-banner-height) !important;
    max-height: var(--soceo-mobile-banner-height) !important;
  }

  .soceo-scope .navbar_banner_content-wrap {
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 64px !important;
    gap: 8px !important;
    font-size: 11px;
    line-height: 14px;
  }

  .soceo-scope .navbar-banner_mobile-text {
    display: -webkit-box !important;
    flex: 1 1 auto;
    min-width: 0;
    max-height: 28px;
    margin: 0 !important;
    overflow: hidden;
    font-size: 11px;
    line-height: 14px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .soceo-scope .nanobar-button {
    display: flex !important;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0 !important;
  }

  .soceo-scope .nanobar-button .nav-banner-link-text-wrap {
    display: none !important;
  }

  .soceo-scope .nanobar-button .is-nav-banner-icon {
    display: grid !important;
    place-items: center;
    width: 20px !important;
    height: 20px !important;
    color: var(--soceo-announcement-cta-text) !important;
  }

  .soceo-scope .navbar_banner_close {
    display: grid !important;
    place-items: center;
    position: absolute;
    top: 14px;
    right: 8px;
    padding: 0 !important;
  }

  .soceo-scope .navbar_banner_close-icon {
    display: grid !important;
    place-items: center;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
  }

  .soceo-scope .nav-25_component {
    height: 96px !important;
    min-height: 96px !important;
    padding: 16px !important;
  }

  .soceo-scope .nav-25_component > .page-padding {
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 0 10px 0 16px !important;
  }

  .soceo-scope .nav-25_component > .page-padding > .nav-25_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .soceo-scope .nav-25_component .brand-link {
    min-height: 44px;
  }

  .soceo-scope .nav-25_component .brand-link img {
    width: auto;
    max-width: 82px;
    height: 34px;
  }

  .soceo-scope .nav-demo-cta-wrapper {
    display: flex;
    align-items: center;
  }

  .soceo-scope #nav-get-demo-mobile {
    min-height: 40px;
    padding: 8px 12px !important;
    font-size: 13px;
    white-space: nowrap;
  }

  .soceo-scope .nav-25_mobile_menu-icon {
    display: grid;
    flex: 0 0 44px;
    place-content: center;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin-left: 4px;
    padding: 11px !important;
    color: var(--soceo-ink);
    background: var(--soceo-violet-soft);
    border: 0;
    border-radius: 11px;
  }

  .soceo-scope .mobile-nav_icon_line-top,
  .soceo-scope .mobile-nav_icon_line-middle,
  .soceo-scope .mobile-nav_icon_line-bottom,
  .soceo-scope .menu-icon_line-middle-inner {
    background-color: currentColor !important;
  }

  .soceo-scope .nav26_mobile-menu {
    position: fixed !important;
    inset: var(--soceo-mobile-banner-height) 0 0 !important;
    width: 100vw !important;
    height: calc(100dvh - var(--soceo-mobile-banner-height)) !important;
    max-height: none !important;
    padding: 16px 16px max(24px, env(safe-area-inset-bottom)) !important;
    color: var(--soceo-ink) !important;
    background: #fff !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .soceo-scope.soceo-banner-closed .nav26_mobile-menu {
    inset-block-start: 0 !important;
    height: 100dvh !important;
  }

  .soceo-scope .nav26_mobile-menu > .page-padding {
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 0 12px !important;
    padding: 0 10px 0 16px !important;
    background: #fff;
    border: 1px solid var(--soceo-border);
    border-radius: 18px;
    box-shadow: var(--soceo-shadow-nav);
  }

  .soceo-scope .nav26_mobile-menu > .page-padding > .nav-25_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0;
  }

  .soceo-scope .nav-25_mobile-menu_close,
  .soceo-scope .nav-26_mobile-menu_back {
    display: grid;
    flex: 0 0 44px;
    place-items: center;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    color: var(--soceo-ink);
    background: var(--soceo-violet-soft) !important;
    border-radius: 11px;
    cursor: pointer;
  }

  .soceo-scope .nav-25_dpdown-toggle_mobile .nav-25_dpdown-toggle_icon,
  .soceo-scope .nav-25_mobile-menu_back-icon,
  .soceo-scope .nav_text_link_signin_arrow {
    display: grid;
    flex: 0 0 20px;
    place-items: center;
    width: 20px;
    height: 20px;
    margin-left: auto;
  }

  .soceo-scope .nav-26_mobile-menu_list {
    gap: 4px !important;
    padding: 4px 0 0 !important;
  }

  .soceo-scope .nav-25_dpdown-toggle_mobile,
  .soceo-scope .nav-26_mobile-menu_list > a {
    min-height: 54px;
    margin: 0;
    padding: 12px 14px !important;
    color: var(--soceo-ink) !important;
    font-size: 17px;
    background: transparent;
    border: 0 !important;
    border-radius: 13px;
  }

  .soceo-scope .nav-25_dpdown-toggle_mobile:hover,
  .soceo-scope .nav-25_dpdown-toggle_mobile:focus-visible,
  .soceo-scope .nav-26_mobile-menu_list > a:hover,
  .soceo-scope .nav-26_mobile-menu_list > a:focus-visible {
    color: var(--soceo-violet-deep) !important;
    background: var(--soceo-violet-soft);
  }

  .soceo-scope .nav-25_buttons-wrap {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--soceo-border);
  }

  .soceo-scope .nav_text_link_signin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    padding: 12px 14px;
    color: var(--soceo-violet-deep) !important;
    background: var(--soceo-violet-soft);
    border-radius: 13px;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    min-height: 100% !important;
    padding: 16px 16px max(24px, env(safe-area-inset-bottom)) !important;
    color: var(--soceo-ink) !important;
    background: #fff !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane > div {
    color: var(--soceo-ink) !important;
    background: #fff !important;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane > div > .page-padding {
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 0 12px !important;
    padding: 0 10px 0 16px !important;
    background: #fff !important;
    border: 1px solid var(--soceo-border);
    border-radius: 18px;
    box-shadow: var(--soceo-shadow-nav);
  }

  .soceo-scope .nav-26_mobile-menu_top {
    min-height: 52px;
    margin-bottom: 8px;
    padding: 0 4px;
    border-bottom: 1px solid var(--soceo-border);
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .nav_product_dpdown_v2_wrap,
  .soceo-scope .nav-25_mobile-menu_side-pane .nav26_solutions_dpdown_wrap,
  .soceo-scope .nav-25_mobile-menu_side-pane .nav26_resources_dpdown_wrap {
    display: block !important;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .nav_product_dpdown_v2_left-wrap,
  .soceo-scope .nav-25_mobile-menu_side-pane .nav_product_dpdown_v2_right-wrap,
  .soceo-scope .nav-25_mobile-menu_side-pane .nav26_resources_dpdown_right-wrap {
    width: 100% !important;
    margin-bottom: 12px;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane [data-soceo-motors-grid] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    padding-right: 0 !important;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .soceo-product-motor {
    gap: 4px;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--soceo-border);
    border-radius: 16px;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .soceo-product-motor__heading {
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: auto;
    min-height: 60px;
    padding: 9px;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane
    .soceo-product-motor__heading-copy {
    display: flex;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .soceo-product-motor__heading-icon {
    width: 40px;
    height: 40px;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .soceo-product-motor__item {
    grid-template-columns: 40px minmax(0, 1fr);
    min-height: 60px;
    padding: 8px 9px;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .soceo-product-motor__item-icon {
    width: 36px;
    height: 36px;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .soceo-product-motor__heading-title {
    font-size: 15px;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .soceo-product-motor__item-title {
    font-size: 13.5px;
    transform: none;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .soceo-product-motor__heading-summary,
  .soceo-scope .nav-25_mobile-menu_side-pane .soceo-product-motor__item-description {
    font-size: 12px;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane
    .soceo-product-motor__heading-title,
  .soceo-scope .nav-25_mobile-menu_side-pane
    .soceo-product-motor__heading-summary {
    grid-column: auto;
    grid-row: auto;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane
    .soceo-product-motor__item-description {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .nav_product_dpdown_v2_left-wrap {
    padding: 12px !important;
  }

  .soceo-scope .nav-25_mobile-menu_side-pane .nav26_resources_dpdow_col {
    display: block !important;
  }

  .soceo-scope .nav26_mobile-menu .nav-25_mobile-menu_close,
  .soceo-scope .nav-25_mobile-menu_side-pane .nav-26_mobile-menu_back {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .soceo-scope .nav-25_list_item > .nav-25_dpdown {
    display: none !important;
  }
}

@media (max-width: 420px) {
  .soceo-scope .nav-25_component > .page-padding {
    padding-left: 12px !important;
    padding-right: 8px !important;
  }

  .soceo-scope .nav-25_component .brand-link img {
    max-width: 76px;
  }

  .soceo-scope #nav-get-demo-mobile {
    padding-right: 10px !important;
    padding-left: 10px !important;
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .soceo-scope *,
  .soceo-scope *::before,
  .soceo-scope *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Logo do SOCEO
 * O logomark da Soceo era mais compacto; o nosso é horizontal e o traço ocupa
 * menos altura dentro do próprio desenho, então os 2.25rem herdados do clone
 * deixavam a marca pequena demais ao lado do menu. A largura segue automática
 * pela proporção do SVG.
 */

/* O SVG dentro da pastilha era inline: participava da linha de texto, e a
   entrelinha empurrava o desenho para baixo — 16,5px de folga em cima contra
   5,5px embaixo numa pastilha de 40px. Como bloco, o grid centraliza de
   verdade. */
.soceo-scope .nav_product_dpdown_v2_link-icon,
.soceo-scope .nav_department_dpdown_link_icon,
.soceo-scope .nav_text_link_v2_icon {
  line-height: 0;
  place-content: center;
}

.soceo-scope .nav_product_dpdown_v2_link-icon > svg,
.soceo-scope .nav_department_dpdown_link_icon > svg,
.soceo-scope .nav_text_link_v2_icon > svg {
  display: block;
  align-self: center;
  justify-self: center;
}

/* A pastilha tem 40px e o título, uma ou duas linhas. Alinhados pelo topo, a
   pastilha sobrava para baixo e o título parecia colado no alto. Centralizados
   um contra o outro, os dois ficam na mesma linha do olho. */
.soceo-scope .nav_product_dpdown_v2_linkicon-wrap:not(.is-center-align) {
  align-items: center;
}