/* ============================================
   BUFETE JMC Y ASOCIADOS — base.css
   ============================================ */

:root {
  --color-navy: #0f1f38;
  --color-navy-dark: #0a1526;
  --color-ivory: #f6f1e7;
  --color-gold: #c9a15a;
  --color-gold-dark: #a9813f;
  --color-black: #0b0b0c;
  --color-white: #ffffff;
  --color-text: #1c2430;
  --color-text-light: #5c6470;
  --color-border: #e3ddcd;

  --font-titulos: 'EB Garamond', Georgia, serif;
  --font-texto: 'Inter', system-ui, sans-serif;

  --fs-h1: clamp(2.1rem, 4.2vw, 3.2rem);
  --fs-h2: clamp(1.5rem, 3vw, 2.1rem);

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4.5rem;
  --radius: 8px;
  --shadow: 0 10px 32px rgba(15, 31, 56, 0.14);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-texto);
  color: var(--color-text);
  background: var(--color-white);
  line-height: 1.7;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }

h1, h2, h3 {
  font-family: var(--font-titulos);
  color: var(--color-navy);
  line-height: 1.22;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin: 0 0 var(--space-sm) 0;
}

h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }

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

section {
  padding: var(--space-lg) var(--space-md);
  max-width: 1220px;
  margin: 0 auto;
}