:root {
  --azul: #0b5a8a;
  --texto: #14212b;
  --fondo: #ffffff;
  --gris: #eef2f5;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 18px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--texto);
  background: var(--fondo);
}
.barra { background: var(--azul); color: #fff; padding: 12px 16px; }
.barra h1 { margin: 0; font-size: 1.1rem; }
main { padding: 16px; max-width: 640px; margin: 0 auto; }
.boton {
  display: block; width: 100%; min-height: 48px; padding: 12px 16px;
  border: 0; border-radius: 10px; background: var(--azul); color: #fff;
  font: inherit; font-weight: 600; text-align: center; text-decoration: none;
}
.boton.secundario { background: var(--gris); color: var(--texto); }