/* ============================================================
   archmindset.com — estilos compartidos
   ============================================================ */

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

:root {
  --accent: #3498db;
  --dark:   #1a252f;
  --text:   #1a1a1a;
  --muted:  #666;
  --light:  #f8f8f8;
  --border: #e0e0e0;
  --max:    740px;
}

html { font-size: 18px; }

body {
  font-family: Georgia, 'Times New Roman', serif;
  color: var(--text);
  background: #fff;
  line-height: 1.7;
}

/* ---- NAV ---- */
nav {
  border-bottom: 1px solid var(--border);
  padding: 0 24px;
}
.nav-inner {
  max-width: var(--max);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
}
.nav-logo {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--dark);
  text-decoration: none;
  letter-spacing: 0.5px;
}
.nav-logo span { color: var(--accent); }
.nav-links {
  list-style: none;
  display: flex;
  gap: 28px;
}
.nav-links a {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.85rem;
  color: var(--muted);
  text-decoration: none;
  transition: color 0.2s;
}
.nav-links a:hover,
.nav-links a.active { color: var(--dark); }

/* ---- FOOTER ---- */
footer {
  border-top: 1px solid var(--border);
  padding: 32px 24px;
  margin-top: 80px;
}
.footer-inner {
  max-width: var(--max);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.footer-inner p {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.8rem;
  color: #aaa;
}
.footer-links {
  display: flex;
  gap: 20px;
  list-style: none;
}
.footer-links a {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.8rem;
  color: #aaa;
  text-decoration: none;
}
.footer-links a:hover { color: var(--muted); }

/* ---- CONTENIDO PRINCIPAL ---- */
.page-content {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 24px;
}

/* ---- TIPOGRAFÍA GENERAL ---- */
h1, h2, h3 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--dark);
}
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ---- LANG SWITCH ---- */
.lang-switch {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.85rem;
}
.lang-switch a {
  color: var(--muted);
  text-decoration: none;
  padding: 2px 6px;
  border-radius: 3px;
  transition: background 0.15s;
}
.lang-switch a:hover { background: var(--light); color: var(--dark); text-decoration: none; }
.lang-switch .lang-sep { color: var(--border); font-size: 0.75rem; }
.lang-switch .lang-active { opacity: 0.4; cursor: default; font-size: 0.85rem; }

/* ---- SKILL TAGS (compartido con sobre.html) ---- */
.tag {
  display: inline-block;
  background: #eef6fc;
  color: #2980b9;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.72rem;
  padding: 3px 10px;
  border-radius: 3px;
  margin: 2px 2px 2px 0;
}