/* base.css — lo común de HAON Bridge (todos los colores y la medida del hero, igual que en todos los sitios, viven aquí, en variables): paleta de la casa (azul noche, amarillo, blanco), letra, ligas y botones con esquinas de 4 px. */
:root{--blanco:#ffffff;--fondo:#ffffff;--fondo-suave:#f4f6fa;--caja:#ffffff;--texto:#0f2847;--suave:#4a5b78;--linea:#dde3ec;--marca:#0f2847;--boton:#ffd700;--boton-texto:#0f2847;--liga:#1f5fbf;--ok:#e6f6ea;--mal:#fdecea;
  --ancho-contenido:1120px;--ancho-lectura:760px;
  --hero-arriba:96px;--hero-arriba-cel:48px;--hero-logo:80px;--hero-logo-cel:56px;--hero-logo-titulo:32px;
  --hero-titulo:clamp(2.2rem,4.6vw,4.2rem);--hero-titulo-interlinea:1.05;--hero-titulo-peso:700}
@media (prefers-color-scheme:dark){:root{--fondo:#0b1d36;--fondo-suave:var(--fondo);--caja:#10264a;--texto:#f2f5fa;--suave:#b6c2d6;--linea:#24406a;--marca:#ffffff;--liga:#8cb8ff;--ok:#163a25;--mal:#4a1d1d}}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--texto);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--liga)}
.btn,button{display:inline-block;background:var(--boton);color:var(--boton-texto);font:inherit;font-weight:700;padding:12px 18px;border:0;border-radius:4px;text-decoration:none;cursor:pointer}