/* Marca safeweb conforme a proposta do Trust Button: azul #0583F2, navy #0D1B4A, Poppins. */
@font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; font-display: swap; src: url("/static/fonts/poppins-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 500; font-style: normal; font-display: swap; src: url("/static/fonts/poppins-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; font-display: swap; src: url("/static/fonts/poppins-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; font-display: swap; src: url("/static/fonts/poppins-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 800; font-style: normal; font-display: swap; src: url("/static/fonts/poppins-latin-800-normal.woff2") format("woff2"); }

:root {
  --azul: #0583F2;
  --azul-claro: #3DA3FF;
  --azul-botao: #1B6FD1;
  --navy: #0D1B4A;
  --navy-fundo: #081236;
  --navy-base: #0D1F50;
  --tecla: #21305C;
  --trilha: #283358;
  --texto-suave: #C5CCE6;
  --texto-apagado: #9AA4C7;
  --branco: #FFFFFF;
  --erro: #FF8A7A;
  --ok: #5EE2A0;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Poppins", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
[hidden] { display: none !important; }
button { font: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Telas de palco fixo (TV 1920x1080 e cofre 960x1440): o JS só ajusta a escala. */
.palco-fundo { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.palco { position: absolute; left: 50%; top: 50%; transform-origin: 50% 50%; overflow: hidden; }