/* Base comun para que Resenalos se lea en movil sin desplazar toda la pagina. */
@media (max-width: 767px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    *,
    *::before,
    *::after {
        min-width: 0;
    }

    img,
    svg,
    video,
    canvas {
        max-width: 100%;
        height: auto;
    }

    #main-wrapper,
    .content-body,
    main,
    .container,
    .container-fluid,
    .card,
    .modal-content {
        max-width: 100%;
    }

    .content-body .container-fluid,
    #main-wrapper .container-fluid {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .table-responsive,
    .overflow-x-auto {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    input,
    textarea,
    select,
    button {
        max-width: 100%;
    }

    .text-break-mobile,
    .text-break-mobile a {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}