/* Los Archivos de Harmondez — base */

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background-color: var(--parchment-100);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at top, rgba(36, 28, 20, 0.06), transparent 60%),
    radial-gradient(ellipse at bottom, rgba(36, 28, 20, 0.07), transparent 55%);
  background-repeat: repeat, no-repeat, no-repeat;
  color: var(--ink);
  font-family: var(--font-body);
  font-size: var(--step-body);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }

a { color: var(--oxblood); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--ink); }

h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--ink);
  margin: 0 0 var(--space-2);
}

h1 { font-size: var(--step-h1); line-height: 1.15; }
h2 { font-size: var(--step-h2); line-height: 1.2; }
h3 { font-size: var(--step-h3); line-height: 1.3; }

p { margin: 0 0 var(--space-3); }

.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--space-3);
}

.eyebrow {
  font-family: var(--font-display);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 0.78rem;
  color: var(--gold);
}

.lead {
  font-size: var(--step-lead);
  color: var(--ink-soft);
}

.rule {
  border: none;
  border-top: 1px solid var(--border-strong);
  margin: var(--space-5) 0;
}

.rule--ornament {
  border: none;
  text-align: center;
  margin: var(--space-5) 0;
  color: var(--gold);
  letter-spacing: 0.6em;
}

::selection { background: var(--gold); color: var(--parchment-100); }