/* ==========================================================================
   MAGRANIT — estilos exclusivos del aviso legal
   Ficha de datos identificativos — #legal_identification
   El resto del documento usa el componente legal de global.css.
   ========================================================================== */

#legal_content .legal-identity {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--divider-color);
}

#legal_content .legal-identity__row {
    display: grid;
    grid-template-columns: 2rem minmax(8rem, 0.32fr) 1fr;
    gap: var(--spacing-xs) var(--spacing-sm);
    align-items: baseline;
    padding-block: 0.8125rem;
    border-bottom: 1px solid var(--divider-color);
}

#legal_content .legal-identity__icon {
    display: block;
    width: 18px;
    height: 18px;
    color: var(--primary-color);
}

#legal_content .legal-identity__term {
    font-size: 0.625rem;
    font-weight: var(--font-semibold);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--muted-color);
}

#legal_content .legal-identity__value {
    font-size: 0.875rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

@media (max-width: 560px) {
    #legal_content .legal-identity__row {
        grid-template-columns: 2rem 1fr;
    }

    #legal_content .legal-identity__value {
        grid-column: 2;
    }
}