/* Acabamento compartilhado pelas três páginas do institucional. */
#institutional-site :where(.btn, button:not(.wave-motion-toggle):not(.demo-tab), .mobile-cta, .contato-channel, .term-more-toggle, .hero-proof) {
  color: var(--liquid-ink, var(--c-text));
  border: 1px solid var(--liquid-edge, #ffffffbd);
  border-radius: var(--liquid-radius, 999px);
  background: linear-gradient(135deg, #ffffff26, #ffffff00 42%, #ffffff03 58%, #ffffff26), var(--liquid-fill, #ffffff59);
  box-shadow: inset 0 1px 0 #ffffffd9, inset 1px 0 0 #ffffff38, inset 0 -1px 1px #06303b1f, 0 7px 18px -13px #06303b66;
  transition: background-color 180ms ease-out, border-color 180ms ease-out, box-shadow 180ms ease-out, transform 180ms ease-out, color 180ms ease-out;
}

/* Fundo e tinta pertencem à ação; o hover muda apenas o reflexo. */
#institutional-site .btn-primary { --liquid-ink: var(--c-on-dark); --liquid-fill: #06303bd1; --liquid-edge: #ffffff80; }
#institutional-site .btn-ghost { --liquid-ink: var(--c-dark); --liquid-fill: #ffffff4d; --liquid-edge: #167d9138; }
#institutional-site .hero .btn-primary,
#institutional-site .section--dark .btn-primary,
#institutional-site .plan--featured .btn { --liquid-ink: var(--c-dark); --liquid-fill: #f2e5c7b3; --liquid-edge: #fff8e8b3; }
#institutional-site .hero .btn-ghost { --liquid-ink: var(--c-on-dark); --liquid-fill: #ffffff14; --liquid-edge: #ffffff66; }
#institutional-site .na-pratica .demo-copy .btn,
#institutional-site .totem .btn-ghost,
#institutional-site .plan:not(.plan--featured) .btn { --liquid-ink: var(--c-dark); --liquid-fill: #ffffff59; --liquid-edge: #167d9138; }
#institutional-site .stock-alert .btn { --liquid-ink: var(--c-on-dark); --liquid-fill: #06303bd1; --liquid-edge: #ffffff80; }
#institutional-site .mobile-cta { --liquid-ink: #fff; --liquid-fill: #168447e3; --liquid-edge: #ffffff99; }
#institutional-site .contato-channel { --liquid-radius: 1.25rem; }
#institutional-site .hero-proof { --liquid-ink: var(--c-on-dark); --liquid-radius: 1.15rem; --liquid-fill: #04222bb3; --liquid-edge: #ffffff80; }
#institutional-site .hero-proof strong { color: #9be5ef; }

#institutional-site :where(.plan-mode-btn, .stock-product, .price-scenarios button) { --liquid-radius: 1.1rem; }
#institutional-site .plan-mode-btn:not(.is-active) { --liquid-fill: transparent; --liquid-edge: transparent; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
#institutional-site .plan-mode-btn.is-active,
#institutional-site .price-plan-choices button[aria-pressed="true"] { --liquid-ink: var(--c-on-dark); --liquid-fill: #06303bd1; --liquid-edge: #ffffff80; }
#institutional-site .plan-mode-btn.is-active .plan-mode-sub { color: var(--c-on-dark); }
#institutional-site .stock-product.is-selected,
#institutional-site .price-scenarios button[aria-pressed="true"] { --liquid-ink: var(--c-primary-strong); --liquid-fill: #dceef0b3; --liquid-edge: #167d9173; }
#institutional-site .stock-lab-reset { padding-inline: .85rem; }
#institutional-site :where(.demo-toggle, .demo-expand, .stock-lab-reset) { --liquid-ink: var(--c-primary-strong); }
#institutional-site .price-plan-choices button:not([aria-pressed="true"]),
#institutional-site .price-scenarios button:not([aria-pressed="true"]) { --liquid-ink: var(--c-muted); }
#institutional-site .faq-question { --liquid-radius: 1.25rem; --liquid-fill: #ffffff33; --liquid-edge: #ffffff8c; }
#institutional-site .term-more-toggle { --liquid-ink: var(--c-primary-strong); --liquid-radius: 1rem; --liquid-fill: #ffffff33; --liquid-edge: #ffffff8c; padding-inline: 1rem 2.5rem; }
#institutional-site .term-more-toggle::after { right: .85rem; }
#institutional-site :where(.intro-skip, .demo-lightbox-full, .demo-lightbox-close) { --liquid-ink: var(--c-on-dark); --liquid-fill: #ffffff1a; --liquid-edge: #ffffff59; }
#institutional-site :where(.btn, button):disabled { transform: none; }

/* A navbar mantém a leitura sobre fotografia e sobre as seções claras. */
#institutional-site .site-header { background: transparent; border: 0; }
#institutional-site .site-header .header-inner {
  position: relative;
  isolation: isolate;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#institutional-site .site-header .header-inner::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -.45rem .75rem;
  border: 1px solid #ffffff59;
  border-radius: 1.6rem;
  background: linear-gradient(125deg, #ffffff17, #ffffff03 50%, #ffffff0d), #04222bc7;
  box-shadow: inset 0 1px 0 #ffffff66, inset 0 -1px 1px #04222b33, 0 14px 34px -25px #04222b80;
  opacity: 1;
  transform: none;
  transition: opacity 260ms ease-out, transform 260ms ease-out, background-color 260ms ease-out, box-shadow 260ms ease-out;
  pointer-events: none;
}
#institutional-site .site-header.is-scrolled .header-inner::before { background-color: #04222bd6; box-shadow: inset 0 1px 0 #ffffff80, inset 0 -1px 1px #04222b33, 0 16px 38px -26px #04222b99; }
/* A placa da home aparece só ao rolar; o CTA mantém seu próprio vidro. */
#institutional-site.evolution .site-header .header-inner::before { opacity: 0; transform: translateY(-6px); }
#institutional-site.evolution .site-header.is-scrolled .header-inner::before { opacity: 1; transform: none; }
#institutional-site:not(.evolution) .site-header .header-inner::before { inset: -.45rem 0; }
#institutional-site .site-header .btn,
#institutional-site .site-header .nav-toggle { --liquid-ink: var(--c-on-dark); --liquid-fill: #ffffff0d; --liquid-edge: #ffffff99; }
#institutional-site .site-header .nav-toggle { --liquid-radius: .9rem; }
#institutional-site .site-header .nav-link { color: var(--c-on-dark); border-radius: 999px; }
#institutional-site .site-header .nav-link[aria-current="true"] { background: #ffffff0d; box-shadow: inset 0 1px 0 #ffffff26; }

@supports ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))) {
  #institutional-site :where(.btn, button:not(.wave-motion-toggle):not(.demo-tab), .mobile-cta, .contato-channel, .term-more-toggle, .hero-proof) { backdrop-filter: blur(14px) saturate(155%); -webkit-backdrop-filter: blur(14px) saturate(155%); }
  #institutional-site .hero-proof { --liquid-fill: #04222b66; backdrop-filter: blur(18px) saturate(165%); -webkit-backdrop-filter: blur(18px) saturate(165%); }
  #institutional-site .site-header .btn { backdrop-filter: blur(18px) saturate(165%); -webkit-backdrop-filter: blur(18px) saturate(165%); }
  #institutional-site .site-header .header-inner::before { backdrop-filter: blur(20px) saturate(155%); -webkit-backdrop-filter: blur(20px) saturate(155%); }
}
@media (hover: hover) and (pointer: fine) {
  #institutional-site :where(.btn, button:not(.wave-motion-toggle):not(.demo-tab), .mobile-cta, .contato-channel, .term-more-toggle):not(:disabled):not([aria-disabled="true"]):hover { box-shadow: inset 0 1px 0 #ffffffd9, inset 0 -1px 2px #06303b1f, 0 9px 24px -14px #06303b66; }
  #institutional-site .site-header .nav-link:hover { background: #ffffff14; box-shadow: inset 0 1px 0 #ffffff40; }
}
@media (max-width: 63.99rem) {
  #institutional-site .main-nav { border: 1px solid #ffffff59; border-radius: 1.4rem; background: linear-gradient(135deg, #ffffff17, #ffffff03), #04222be0; box-shadow: inset 0 1px 0 #ffffff66, 0 18px 42px -24px #04222b80; backdrop-filter: blur(20px) saturate(145%); -webkit-backdrop-filter: blur(20px) saturate(145%); }
}
@media (prefers-reduced-motion: reduce) {
  #institutional-site :where(.btn, button:not(.wave-motion-toggle):not(.demo-tab), .mobile-cta, .contato-channel, .term-more-toggle, .hero-proof),
  #institutional-site .site-header .header-inner::before { transition: none; }
}