/* ==========================================================================
   AVISO LEGAL — Estilos exclusivos de la página
   --------------------------------------------------------------------------
   El componente de documento legal (`.site-legal`) lo comparten las cinco
   páginas legales y vive en `global.css`. Aquí solo está la ficha de datos
   identificativos, que solo existe en este documento.
   ========================================================================== */

/* ==========================================================
   1. DATOS IDENTIFICATIVOS — #legal_content
   ========================================================== */

#legal_content .legal-identity {
    display: grid;
    gap: 1px;
    background-color: var(--border-color);
    border: 1px solid var(--border-color);
}

#legal_content .legal-identity__row {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: var(--space-4);
    padding: var(--space-4);
    background-color: var(--body-color);
}

#legal_content .legal-identity__term {
    font-family: var(--mono-font);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--muted-color);
}

#legal_content .legal-identity__value {
    font-size: 0.9375rem;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    #legal_content .legal-identity__row {
        grid-template-columns: 1fr;
        gap: var(--space-1);
    }
}