/* legal.css — Prosa de las páginas legales públicas (/privacy, /terms).
 *
 * Las legales las lee un revisor de Google (OAuth Consent Screen) y las
 * indexa el buscador: son texto largo, sin interacción. Todo el color sale
 * de tokens.css (INV-UI-TOKENS-1); acá no hay ni un hex.
 *
 * Se carga junto a landing.css, que aporta la cáscara pública (.topbar,
 * .foot) — ver templates/layout_public.html.
 */

.legal {
    position: relative;
    z-index: 1;
    width: min(900px, 100%);
    margin: 0 auto;
    padding: 5.6rem 1.1rem 3rem;
}

.legal h1 {
    font-size: clamp(1.5rem, 3.4vw, 2rem);
    font-weight: 640;
    letter-spacing: -0.02em;
    color: var(--mc-ink);
    margin: 0 0 0.35rem;
}

.legal__meta {
    font-size: 0.8rem;
    color: var(--mc-ink-faint);
    margin: 0 0 1.6rem;
}

/* La ficha: el documento entero vive adentro de una sola superficie. */
.legal__card {
    background: var(--mc-surface);
    border: 1px solid var(--mc-line-faint);
    border-radius: var(--mc-radius-box);
}

.legal__body {
    padding: clamp(1.1rem, 3vw, 1.9rem);
}

/* Los títulos de sección son h2 y no h5: la página se indexa, y el nivel
   del encabezado es lo que le dice al buscador cómo está armada. */
.legal h2 {
    font-size: 0.98rem;
    font-weight: 620;
    letter-spacing: -0.01em;
    color: var(--mc-ink);
    margin: 1.7rem 0 0.5rem;
}

.legal h2:first-child {
    margin-top: 0;
}

.legal p,
.legal li {
    font-size: 0.9rem;
    line-height: 1.65;
    color: var(--mc-ink-soft);
}

.legal p {
    margin: 0 0 0.85rem;
}

.legal ul {
    margin: 0 0 0.9rem;
    padding-left: 1.15rem;
}

.legal li {
    margin-bottom: 0.4rem;
}

.legal strong {
    color: var(--mc-ink);
    font-weight: 600;
}

.legal a {
    color: var(--mc-info);
    text-decoration: none;
    border-bottom: 1px solid var(--mc-line-soft);
}

.legal a:hover {
    border-bottom-color: currentColor;
}

.legal code {
    font-family: var(--mc-mono);
    font-size: 0.84em;
    padding: 0.1em 0.34em;
    border-radius: 5px;
    background: var(--mc-surface-3);
    color: var(--mc-ink);
}

.legal hr {
    margin: 1.6rem 0 1rem;
    border: 0;
    border-top: 1px solid var(--mc-line-faint);
}

/* Nota al pie del documento (el "borrador sujeto a revisión legal"). */
.legal__note {
    font-size: 0.78rem;
    color: var(--mc-ink-faint);
    margin: 0;
}