/* =====================================================================
   NIX Arc — Páginas legales (Privacidad, Términos)
   Contenido provisional: tipografía y estructura estándar del sitio,
   sin componentes nuevos ni animaciones propias.
   ===================================================================== */

.legal-shell { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }

.legal-hero { padding: clamp(6.5rem, 12vw, 9rem) 0 clamp(2rem, 4vw, 3rem); }

.legal-breadcrumbs { margin-bottom: 1.4rem; }
.legal-breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; padding: 0; margin: 0; list-style: none; }
.legal-breadcrumbs li { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.82rem; color: var(--text-faint); }
.legal-breadcrumbs li + li::before { content: "/"; opacity: 0.5; }
.legal-breadcrumbs a { color: var(--text-muted); transition: color var(--dur-1) var(--ease); }
.legal-breadcrumbs a:hover { color: var(--text); }

.legal-kicker { color: var(--violet-bright); font: 700 0.75rem/1.2 var(--font-body); letter-spacing: 0.16em; text-transform: uppercase; margin: 0 0 1rem; }
.legal-hero__title { font-size: clamp(2rem, 4.4vw, 3rem); max-width: 24ch; }
.legal-hero__lead { font-size: var(--fs-lead); color: var(--text-muted); max-width: 60ch; margin: 1.4rem 0 0; }

.legal-notice {
  max-width: 60ch; margin-top: 1.6rem; padding: 1rem 1.25rem;
  border: 1px solid var(--border-strong); border-left: 2px solid var(--violet);
  background: rgba(255, 255, 255, 0.02);
}
.legal-notice p { color: var(--text-muted); font-size: 0.9rem; line-height: 1.6; margin: 0; }

.legal-body { padding-bottom: clamp(4rem, 8vw, 6rem); }
.legal-section { max-width: 68ch; padding: clamp(1.6rem, 3vw, 2.2rem) 0; border-top: 1px solid var(--border); }
.legal-section:first-child { border-top: none; padding-top: 0; }
.legal-section h2 { font-size: var(--fs-h3); margin-bottom: 0.9rem; }
.legal-section p { color: var(--text-muted); font-size: 1rem; line-height: 1.7; }
.legal-section p + p { margin-top: 0.9rem; }
.legal-section ul { margin: 0.9rem 0 0; padding-left: 1.1rem; color: var(--text-muted); font-size: 1rem; line-height: 1.7; }
.legal-section li + li { margin-top: 0.4rem; }
.legal-section a { color: var(--text); text-decoration: underline; text-decoration-color: var(--border-strong); text-underline-offset: 2px; }
.legal-section a:hover { color: var(--violet-bright); text-decoration-color: var(--violet-bright); }

.legal-back { margin-top: 2.4rem; display: inline-block; }