.legal-pagina {
    min-height: calc(100vh - 150px);
    padding: 48px 20px 72px;
    background: radial-gradient( circle at top left, rgba(20, 201, 196, 0.12), transparent 34% ), #f4f8fa;
}

.legal-tarjeta {
    width: min(100%, 900px);
    margin: 0 auto;
    padding: clamp(24px, 5vw, 54px);
    color: #173242;
    background: #ffffff;
    border: 1px solid rgba(15, 50, 70, 0.08);
    border-radius: 24px;
    box-shadow: 0 24px 70px rgba(24, 64, 82, 0.10);
}

    .legal-tarjeta .documento-legal {
        max-height: none;
        overflow: visible;
    }

    .legal-tarjeta h2 {
        margin: 0 0 30px;
        color: #102f3f;
        font-size: clamp(28px, 4vw, 40px);
        line-height: 1.15;
    }

    .legal-tarjeta p {
        margin: 0 0 20px;
        color: #365563;
        font-size: 16px;
        line-height: 1.75;
    }

    .legal-tarjeta strong {
        color: #173242;
    }

    .legal-tarjeta a {
        color: #0b9e9a;
        overflow-wrap: anywhere;
    }

        .legal-tarjeta a:hover {
            color: #087b78;
            text-decoration: underline;
        }

.documento-legal-version {
    padding-top: 22px;
    margin-top: 34px !important;
    border-top: 1px solid #dce8ed;
    color: #607d89 !important;
    font-size: 14px !important;
}

@media (max-width: 600px) {
    .legal-pagina {
        padding: 16px 12px 40px;
    }

    .legal-tarjeta {
        padding: 24px 18px;
        border-radius: 18px;
    }

        .legal-tarjeta p {
            font-size: 15px;
            line-height: 1.65;
        }
}