/* BóvedaBTC · «Cámara acorazada»
   Grafito y acero con un solo acento de latón, como los cerrojos de una puerta de caja fuerte.
   Archivo (ancho variable) para textos y titulares; IBM Plex Mono para cifras y direcciones. */
@font-face { font-family: 'Archivo'; src: url('/comun/fuentes/archivo-latin-wdth-normal.woff2') format('woff2'); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: 'Plex Mono'; src: url('/comun/fuentes/ibm-plex-mono-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Plex Mono'; src: url('/comun/fuentes/ibm-plex-mono-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-display: swap; }

:root {
  /* Un único mundo visual (oscuro), elegido a propósito */
  --acero: #111518;      /* fondo de la cámara */
  --placa: #181E22;      /* superficies */
  --placa-alta: #1E252A; /* superficie resaltada */
  --pizarra: #E6E2D8;    /* tinta principal (marfil frío) */
  --gris: #9AA4AB;       /* texto secundario */
  --linea: #2A3238;
  --boveda: #C9A15B;     /* latón: el acento de la marca */
  --boveda-texto: #15191C; /* texto sobre latón */
  --comercio: #C9A15B;   /* acento del comercio en la pantalla de pago */
  --ok: #6FBF8E;
  --aviso: #E8C27A;
  --mal: #E58A7B;
  --info: #8FC1D4;
  --radio-s: 6px;
  --radio-l: 14px;
  --letra: 'Archivo', system-ui, sans-serif;
  --mono: 'Plex Mono', ui-monospace, monospace;
  color-scheme: dark;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--acero); color: var(--pizarra); font: 400 16px/1.5 var(--letra); }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--boveda); outline-offset: 2px; }
.mono { font-family: var(--mono); }
[hidden] { display: none !important; }
.oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

.enlaces-legales { margin-top: 10px; font-size: 13px; color: var(--gris); }
.enlaces-legales a { color: var(--gris); }

/* Marca: ™ discreto y línea de copyright */
.tm { font-size: .5em; vertical-align: super; line-height: 0; margin-left: 1px; font-weight: 500; letter-spacing: 0; }
.copy { color: var(--gris); font-size: 12px; opacity: .85; }