@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&family=JetBrains+Mono:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Cuneiform&display=swap');

:root{
  --clay-50:#FAF6EF;
  --clay-100:#F0E8D8;
  --clay-200:#E2D4B7;
  --clay-700:#6B5B3A;
  --clay-900:#3A3022;
  --ink:#241F18;
  --terracotta:#B5562F;
  --terracotta-dark:#8E4222;
  --lapis:#2D4A5E;
  --line:#D8C9A3;
  --paper:#FAF6EF;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--paper);
  background-image:
    radial-gradient(ellipse at top left, rgba(181,86,47,0.05), transparent 50%),
    radial-gradient(ellipse at bottom right, rgba(45,74,94,0.04), transparent 50%);
  color:var(--ink);
  font-family:'Source Serif 4', serif;
  min-height:100vh;
}

.wrap{
  max-width:1080px;
  margin:0 auto;
  padding:0 28px 80px;
}

/* ---------- Navegación ---------- */
.site-nav{
  border-bottom:1px solid var(--line);
  background:var(--clay-50);
}
.site-nav .nav-inner{
  max-width:1080px;
  margin:0 auto;
  padding:16px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
}
.wordmark{
  font-family:'Spectral', serif;
  font-weight:600;
  font-size:19px;
  color:var(--clay-900);
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:9px;
  letter-spacing:-0.01em;
}
.wordmark .glyph{
  font-family:'Noto Sans Cuneiform', serif;
  font-size:20px;
  color:var(--terracotta);
}
.nav-links{
  display:flex;
  gap:4px;
  flex-wrap:wrap;
}
.nav-links a{
  font-family:'JetBrains Mono', monospace;
  font-size:11.5px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--clay-700);
  padding:8px 12px;
  border-radius:2px;
  transition:color 0.12s ease, background 0.12s ease;
}
.nav-links a:hover{
  color:var(--clay-900);
  background:var(--clay-100);
}
.nav-links a.active{
  color:var(--terracotta-dark);
  background:#fff;
  box-shadow:inset 0 -2px 0 var(--terracotta);
}

.wrap > header{
  padding-top:44px;
}

header{
  border-bottom:2px solid var(--clay-900);
  padding-bottom:22px;
  margin-bottom:30px;
  position:relative;
}
.eyebrow{
  font-family:'JetBrains Mono', monospace;
  font-size:11px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--terracotta-dark);
  margin-bottom:10px;
  display:flex;
  align-items:center;
  gap:10px;
}
.eyebrow .glyph-rule{
  font-family:'Noto Sans Cuneiform', serif;
  font-size:14px;
  color:var(--clay-700);
  letter-spacing:0.05em;
}
h1{
  font-family:'Spectral', serif;
  font-weight:600;
  font-size:clamp(28px,4vw,38px);
  margin:0 0 8px;
  letter-spacing:-0.01em;
  color:var(--clay-900);
}
.subtitle{
  font-size:15.5px;
  color:var(--clay-700);
  max-width:64ch;
  line-height:1.55;
  margin:0;
}

footer{
  margin-top:48px;
  padding-top:18px;
  border-top:1px solid var(--line);
  font-size:12px;
  color:var(--clay-700);
  font-family:'JetBrains Mono', monospace;
}
footer a{ color:var(--terracotta-dark); }

/* ---------- Utilidades compartidas ---------- */
.site-footer{
  max-width:1080px;
  margin:0 auto;
  padding:28px 28px 40px;
  font-family:'JetBrains Mono', monospace;
  font-size:11.5px;
  color:var(--clay-700);
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
}
.site-footer a{ color:var(--terracotta-dark); text-decoration:none; }
.site-footer a:hover{ text-decoration:underline; }

@media (max-width:640px){
  .site-nav .nav-inner{ padding:14px 18px; }
  .wrap{ padding:0 18px 60px; }
  .wrap > header{ padding-top:30px; }
}