/* Barra de rolagem da marca: azul com neon suave.
   Usada em todas as páginas do site (landing, Termos, Privacidade) e em
   qualquer área com rolagem interna (menu mobile, seletor de idioma). */

/* Chrome, Edge, Safari, Opera, Samsung Internet */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  background: #eef3fc;
  box-shadow: inset 0 0 4px rgba(30, 105, 255, 0.12);
}
::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 999px;
  background:
    linear-gradient(180deg, #4d8bff 0%, #1e69ff 55%, #22d3ee 100%) padding-box;
  box-shadow:
    inset 0 0 6px rgba(255, 255, 255, 0.45),
    inset 0 0 12px rgba(34, 211, 238, 0.55),
    0 0 8px rgba(30, 105, 255, 0.7);
}
::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, #8db3ff 0%, #3b7dff 50%, #5ee6ff 100%) padding-box;
  box-shadow:
    inset 0 0 8px rgba(255, 255, 255, 0.7),
    inset 0 0 14px rgba(34, 211, 238, 0.8),
    0 0 12px rgba(30, 105, 255, 0.9);
}
::-webkit-scrollbar-thumb:active {
  background: linear-gradient(180deg, #1e69ff 0%, #1556d6 100%) padding-box;
}
::-webkit-scrollbar-corner {
  background: #eef3fc;
}

/* Firefox (não suporta degradê nem brilho: cor sólida da marca). */
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-color: #1e69ff #eef3fc;
  }
}