/* legal.css — Estilos de las páginas legales (aviso legal y privacidad)
   Autor: Borja Iturregui — borjaiturregui.github.io */

.legal-wrap {
  max-width: 720px;
  margin: 0 auto;
  padding: 80px 24px 100px;
}

.legal-volver {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: var(--dim);
  text-decoration: none;
  margin-bottom: 48px;
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  transition: color 0.2s;
}

.legal-volver:hover { color: var(--red-text); }
.legal-volver::before { content: '←'; }

.legal-etiqueta {
  font-family: 'JetBrains Mono', 'Courier New', monospace;
  font-size: 0.75rem;
  color: var(--red-text);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.legal-titulo {
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.2;
}

.legal-fecha {
  font-size: 0.8rem;
  color: var(--dim);
  margin-bottom: 56px;
  font-family: 'JetBrains Mono', 'Courier New', monospace;
}

.legal-seccion { margin-bottom: 40px; }

.legal-seccion h2 {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.legal-seccion p,
.legal-seccion li {
  font-size: 0.9rem;
  color: #9E9E9E;
  line-height: 1.8;
}

.legal-seccion ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.legal-seccion ul li {
  padding-left: 16px;
  position: relative;
  margin-bottom: 6px;
}

.legal-seccion ul li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: #7B1A2E;
}

.legal-separador {
  border: none;
  border-top: 1px solid #2A2A2A;
  margin: 40px 0;
}

.legal-destacado {
  background: #111111;
  border-left: 2px solid #7B1A2E;
  padding: 16px 20px;
  border-radius: 0 6px 6px 0;
  margin-top: 12px;
}

.legal-destacado p {
  margin: 0;
  font-size: 0.85rem;
  color: #9E9E9E;
}

/* Enlaces dentro del texto legal */
.legal-enlace { color: var(--red-text); }