/* ============================================================
   CURSO — estilos de las páginas legales (politicas/*.html)

   ÍNDICE
   1. Base
   2. Cabecera
   3. Contenido
   4. Pie
   5. Móvil
   ============================================================ */

/* 1. BASE */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --bg: #ffffff;
  --text: #111318;
  --text-2: #5a606b;
  --line: #e3e5e9;
  --accent: #2470b8;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
.wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; }

/* 2. CABECERA */
header { position: sticky; top: 0; z-index: 10; background: var(--bg); border-bottom: 1px solid var(--line); }
.header-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; }
.header-right { display: flex; align-items: center; gap: 24px; }

.back { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: var(--text-2); transition: color 0.2s; }
.back:hover { color: var(--accent); }

.lang { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; }
.lang button { font: inherit; background: none; border: none; cursor: pointer; color: var(--text-2); padding: 2px; transition: color 0.2s; }
.lang button:hover { color: var(--text); }
.lang button.active { color: var(--accent); }
.lang span { color: var(--line); }

/* 3. CONTENIDO */
main { padding: 48px 0 72px; }
h1 { font-size: 30px; font-weight: 600; letter-spacing: -0.02em; }
.updated { margin-top: 8px; font-size: 14px; color: var(--text-2); }
h2 { margin-top: 36px; font-size: 18px; font-weight: 600; }
main p { margin-top: 10px; color: var(--text-2); font-size: 15px; }
a.mail { color: var(--accent); }

/* 4. PIE */
footer { border-top: 1px solid var(--line); padding: 24px 16px; }
.footer-inner { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.footer-links { display: flex; align-items: center; gap: 0; flex-wrap: wrap; justify-content: center; }
.footer-links a { display: inline-flex; align-items: center; font-size: 0.8125rem; color: #6e6259; transition: color 0.15s ease; }
.footer-links a + a::before { content: "|"; font-size: 0.8rem; line-height: 1; margin: 0 0.75rem; color: #6e6259; opacity: 0.5; }
.footer-links a.footer-social + a.footer-social::before { content: none; }
.footer-links a.footer-social + a.footer-social { margin-left: 0.65rem; }
.footer-links a:hover { color: #2e7d32; }
.footer-links svg { display: block; }
.footer-copyright { font-size: 0.75rem; color: #6e6259; opacity: 0.7; }

/* 5. MÓVIL */
@media (max-width: 720px) {
  .wrap { padding: 0 20px; }
  .header-inner { height: 60px; }
  .header-right { gap: 14px; }
  h1 { font-size: 26px; }
}