/* Kyon Agents em manutencao (/kyon-agents) -- o que o styles.css do export tem
   de diferente do /lp/styles.css do projeto. O resto do export ficou ATRAS do
   projeto (divisor do megamenu 2x2, .foot__wa) e por isso nao entra.
   Ordem: /lp/styles.css -> este arquivo -> espera.css. */

/* Topo com o vidro do cabecalho da Kyon Med (export, styles.css:280-289). */
.topbar__pill {
  background: rgba(255,255,255,0.05);
  -webkit-backdrop-filter: blur(10px) saturate(150%) brightness(1.05);
  backdrop-filter: url(#liquid-glass) blur(10px) saturate(150%) brightness(1.05);
  border: 0.5px solid rgba(255,255,255,0.08);
  box-shadow:
    inset 0 0.5px 0.5px rgba(255,255,255,0.20),
    inset 0 -0.5px 0.5px rgba(255,255,255,0.07),
    inset 0.5px 0 0.5px rgba(255,255,255,0.05),
    inset -0.5px 0 0.5px rgba(255,255,255,0.05),
    0 6px 20px rgba(0,0,0,0.015);
}

/* Safari e WebViews (Instagram/WhatsApp) aceitam url(#liquid-glass) na sintaxe
   mas nao desenham o filtro SVG: o @supports nao pega e a pilula fica sem blur
   nenhum. Mesmo conserto do /lp/kyonmed.css: so blur nativo nessas telas. */
@media (max-width: 1180px), (hover: none) {
  .topbar__pill {
    backdrop-filter: blur(10px) saturate(150%) brightness(1.05);
  }
}

/* Mega menu glass fix (export, styles.css:2510-2517): esmaecer o wrapper
   .megamenu fazia dele a raiz do backdrop, e o blur do painel so aparecia no
   fim da transicao. O painel e que esmaece; o wrapper so troca a visibilidade. */
.megamenu{opacity:1!important;transition:visibility .3s ease!important}
.megamenu__panel{opacity:0;transition:opacity .28s ease,transform .3s cubic-bezier(.22,.61,.36,1)!important;will-change:opacity,transform}
.topbar.is-open .megamenu__panel{opacity:1}
.topbar__pill{clip-path:inset(0 round 999px);-webkit-clip-path:inset(0 round 999px)}