/* Página legal — hereda tokens y fuentes de styles.css */

.legal-header {
  background: var(--tinta);
  color: var(--niebla);
  border-bottom: 1px solid var(--linea-oscura);
}
.legal-header .container {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 68px; gap: var(--e4);
}
.legal-header .brand-name { color: var(--blanco); font-size: 16px; }
.legal-header a { color: var(--niebla); }
.legal-header .volver { font-family: var(--mono); font-size: 13px; color: #B9BBBF; }
.legal-header .volver:hover { color: var(--blanco); }

.legal-main { padding-block: var(--e8); }
.legal-main .container { max-width: 800px; }
.legal-main h1 { font-size: clamp(30px, 5vw, 44px); margin-bottom: var(--e2); }
.legal-main .eyebrow { margin-bottom: var(--e4); }
.legal-main .actualizado { font-family: var(--mono); font-size: 13px; color: var(--grafito); margin-bottom: var(--e7); }

.legal-seccion { padding-top: var(--e7); margin-top: var(--e7); border-top: 1px solid var(--linea); }
.legal-seccion h2 { font-size: clamp(22px, 3vw, 30px); margin-bottom: var(--e4); }
.legal-seccion p { color: var(--grafito); margin-bottom: var(--e3); }
.legal-seccion ul { list-style: none; display: grid; gap: var(--e2); margin-top: var(--e3); }
.legal-seccion li { position: relative; padding-left: var(--e4); color: var(--grafito); }
.legal-seccion li::before { content: ""; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: var(--senal); }
.legal-seccion a { color: var(--senal); }

.legal-footer { background: var(--tinta); color: #8A8D93; padding-block: var(--e5); }
.legal-footer .container { font-size: 13px; }