/* Shared styles for legal pages (privacidad, terminos, eliminacion-datos). Tokens match index.html. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Space+Grotesk:wght@600;700&display=swap");

:root {
  --primary: #0058be;
  --on-surface: #0b1c30;
  --on-surface-variant: #424754;
  --surface: #f8f9ff;
  --outline-variant: #c2c6d6;
  --inverse-surface: #213145;
  --inverse-on-surface: #eaf1ff;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--surface);
  color: var(--on-surface);
  font: 16px/1.65 Inter, system-ui, sans-serif;
}
a { color: var(--primary); }

.top {
  border-bottom: 1px solid var(--outline-variant);
  padding: 16px;
  background: #fff;
}
.brand {
  font: 700 22px Space Grotesk, sans-serif;
  text-decoration: none;
  max-width: 760px;
  display: block;
  margin: 0 auto;
}

main { max-width: 760px; margin: 0 auto; padding: 40px 16px 64px; }
h1 { font: 700 32px/1.25 Space Grotesk, sans-serif; margin: 0 0 8px; letter-spacing: -0.01em; }
h2 { font: 600 20px/1.4 Space Grotesk, sans-serif; margin: 36px 0 8px; }
.meta { color: var(--on-surface-variant); font-size: 14px; margin-top: 0; }
.facts { list-style: none; padding: 16px 20px; background: #fff; border: 1px solid var(--outline-variant); border-radius: 12px; }
li { margin: 6px 0; }

.bottom {
  background: var(--inverse-surface);
  color: var(--inverse-on-surface);
  font-size: 14px;
  text-align: center;
  padding: 24px 16px;
}
.bottom a { color: #adc6ff; }
.bottom p { margin: 4px 0; }