/* ═══ Nexum · páginas legales ═════════════════════════════════════════════════
   Texto largo y poco más. Ancho corto para que se lea, jerarquía clara para que
   se encuentre lo que se busca, y los huecos pendientes marcados igual que en
   la landing. */

.nx-legal {
    max-width: 760px;
    margin: 0 auto;
    padding: 56px 20px 80px;
}

.nx-legal-vuelta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    color: var(--nx-ink-3);
    font-size: 14px;
    text-decoration: none;
}

.nx-legal-vuelta:hover { color: var(--nx-green); }

.nx-legal h1 {
    margin: 0 0 10px;
    font-size: clamp(30px, 5vw, 42px);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.1;
}

.nx-legal-fecha {
    margin: 0 0 40px;
    color: var(--nx-ink-3);
    font-size: 14px;
}

.nx-legal h2 {
    margin: 40px 0 14px;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -.015em;
}

.nx-legal h3 {
    margin: 26px 0 10px;
    font-size: 17px;
    font-weight: 700;
}

.nx-legal p,
.nx-legal li {
    color: var(--nx-ink-2);
    font-size: 16px;
    line-height: 1.7;
}

.nx-legal ul,
.nx-legal ol { padding-left: 22px; }

.nx-legal li { margin-bottom: 8px; }

.nx-legal a { color: var(--nx-green); }

/* La tabla de qué se recoge y para qué. Una lista sería más corta, pero esto
   se consulta buscando una fila concreta, no leyendo de arriba abajo. */
.nx-legal-tabla {
    width: 100%;
    margin: 20px 0;
    border-collapse: collapse;
    font-size: 15px;
}

.nx-legal-tabla th,
.nx-legal-tabla td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--nx-line);
    text-align: left;
    vertical-align: top;
    line-height: 1.55;
}

.nx-legal-tabla th {
    color: var(--nx-ink);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.nx-legal-tabla td { color: var(--nx-ink-2); }

.nx-legal-caja {
    margin: 26px 0;
    padding: 20px 22px;
    border-left: 4px solid var(--nx-green);
    border-radius: var(--nx-radius-sm);
    background: var(--nx-green-soft);
}

.nx-legal-caja p {
    margin: 0;
    color: var(--nx-ink-2);
    font-size: 15px;
}

.nx-legal-caja p + p { margin-top: 10px; }