/* Gravity Consulting · estilos comunes */
/* Los azules del kit de edición de Arnau (Edicion/kits/arnau.json): un solo tema oscuro. */
:root {
  --fondo: #081528;
  --papel: #0d1f3d;
  --tinta: #f2ede3;
  --suave: #a8c0e4;
  --linea: #1c3460;
  --acento: #2f5bff;
  --acento-oscuro: #4a72ff;
  --acento-claro: #11264a;
  --display: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --texto: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--fondo); color: var(--tinta);
  font: 17px/1.6 var(--texto);
  padding-left: max(20px, env(safe-area-inset-left, 0px));
  padding-right: max(20px, env(safe-area-inset-right, 0px));
}
a { color: #8fb0ff; }
.marca { display: flex; align-items: center; gap: 10px; font: 700 15px/1 var(--display); letter-spacing: .01em; color: var(--tinta); text-decoration: none; }
.marca .punto { width: 22px; height: 22px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, var(--acento) 0 38%, transparent 40%), conic-gradient(from 210deg, var(--acento) 0 18%, transparent 18% 100%); border: 2px solid var(--acento); }
.cabecera { max-width: 1080px; margin: 0 auto; padding: 22px 0; display: flex; justify-content: space-between; align-items: center; }
.pie { max-width: 1080px; margin: 64px auto 0; padding: 24px 0 40px; border-top: 1px solid var(--linea); color: var(--suave); font-size: 14px; display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; }
h1, h2, h3 { font-family: var(--display); letter-spacing: -0.02em; text-wrap: balance; margin: 0; }
.etiqueta { font: 600 12px/1 var(--texto); letter-spacing: .12em; text-transform: uppercase; color: #8fb0ff; }
.boton { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--acento); color: #fff; border: 0; border-radius: 10px; padding: 15px 22px; font: 600 16px/1 var(--texto); cursor: pointer; text-decoration: none; }
.boton:hover { background: var(--acento-oscuro); }
.boton:focus-visible, input:focus-visible { outline: 3px solid var(--acento); outline-offset: 2px; }
.boton[disabled] { opacity: .6; cursor: default; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }