/**
 * Páginas de textos legales (aviso, cookies, privacidad, condiciones).
 * Markup: usar Bootstrap para layout (p. ej. container + d-flex) y estas
 * clases propias solo para contención de tablas/URLs en viewports estrechos.
 * No redefine selectores Bootstrap.
 */
.page-legal,
.page-legal__inner {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 991.98px) {
    .page-legal table {
        width: 100% !important;
        max-width: 100%;
        table-layout: fixed;
        box-sizing: border-box;
    }

    .page-legal table td,
    .page-legal table th {
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
        hyphens: auto;
    }

    .page-legal a,
    .page-legal a.enlace-default {
        overflow-wrap: anywhere;
        word-break: break-word;
        max-width: 100%;
    }
}

@media (max-width: 249.98px) {
    .page-legal table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}