/* Botão "Entrar" (quem já é aluno): fica ao lado do rótulo do topo, no desktop e no celular. Arquivo separado de propósito
   (como video.css e demo.css): mexer na aba de inscrição ou no cenário não mexe aqui. O destino é a tela de entrada da plataforma. */
.hud-row { display: flex; align-items: center; gap: 8px; max-width: 100%; min-width: 0; }
.hud-row .tag { flex: 0 1 auto; min-width: 0; }
.entrar-pill {
  pointer-events: auto; flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 34px; padding: 0 11px 0 10px;
  border-radius: 999px; font: inherit; font-size: 12px; font-weight: 750; line-height: 1; letter-spacing: 0.01em; text-decoration: none; white-space: nowrap;
  color: #f1f1f8; background: rgba(9, 9, 15, 0.62); border: 1px solid rgba(185, 173, 255, 0.42);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: background 0.2s, border-color 0.2s;
}
.entrar-pill svg { flex: none; display: block; }
.entrar-pill:focus-visible { outline: 3px solid var(--accent, #ffb547); outline-offset: 3px; }
@media (hover: hover) { .entrar-pill:hover { background: rgba(124, 92, 255, 0.36); border-color: rgba(185, 173, 255, 0.75); } }
/* celular estreito (até 384 px, ex.: iPhone SE e Galaxy 360): só o ícone, para o rótulo do topo continuar em uma linha só */
@media (max-width: 384px) {
  .entrar-pill { width: 34px; padding: 0; }
  .entrar-pill .entrar-t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}