/* ENTRAR COM O GOOGLE — placa escura com o traço laranja do banner embaixo.
   Fica reta de propósito: as diretrizes de marca do Google pedem botão
   retangular ou pílula, o G oficial sem alteração e um texto aprovado — o G e
   o texto são os de src/auth.js. Arquivo independente.
   Estados: :hover, :active, :focus-visible, :disabled (login em andamento).

   <button type="button" class="bv-google">
     <span class="bv-google-g"><svg viewBox="0 0 48 48" aria-hidden="true">…G oficial…</svg></span>
     <span>Entrar com o Google</span>
   </button> */
.bv-google {
  position: relative; isolation: isolate; overflow: hidden;
  display: inline-flex; align-items: center; gap: 10px;
  height: 34px; padding: 0 16px 0 5px;
  border: 1px solid #ffffff2e; border-radius: 4px;
  background: linear-gradient(180deg, #17191f, #0e1015); color: #f4f5f7; cursor: pointer;
  font: 600 12px/1 "Segoe UI", system-ui, sans-serif; letter-spacing: .02em; white-space: nowrap;
  transition: border-color .16s, box-shadow .16s;
  -webkit-tap-highlight-color: transparent;
}
.bv-google-g {
  display: grid; place-items: center; flex: none;
  width: 24px; height: 24px; border-radius: 50%; background: #fff;
}
.bv-google-g svg { width: 15px; height: 15px; }
.bv-google::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: linear-gradient(90deg, #ffb000, #ff7400);
  transform: scaleX(0); transform-origin: left; transition: transform .22s ease;
}
.bv-google:hover:not(:disabled) { border-color: #ffffff5c; box-shadow: 0 0 18px #ff7a0026; }
.bv-google:hover:not(:disabled)::after { transform: scaleX(1); }
.bv-google:active:not(:disabled) { transform: translateY(1px); }
.bv-google:focus-visible { outline: none; box-shadow: 0 0 0 2px #07080b, 0 0 0 4px #ffd84a; }
.bv-google:disabled { opacity: .6; cursor: progress; }
.bv-google[data-preparando] { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .bv-google::after { transition: none; } }
/* O display acima venceria o [hidden] do navegador. */
.bv-google[hidden] { display: none; }