/* Historial de pagos: fechas, totales y textos completos en telefono.
   Desde 540 px se conserva sin cambios el diseño de tablet/escritorio. */
@media (max-width: 539px) {
    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    .rv-cxp-history .pv-entity-history-group-head {
        grid-template-columns: 38px minmax(0, 1fr) minmax(0, 1fr) 32px !important;
        grid-template-areas:
            "avatar copy copy chevron"
            "latest latest total total" !important;
        grid-template-rows: auto auto !important;
        column-gap: 9px !important;
        row-gap: 9px !important;
        height: auto !important;
        min-height: 0 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    .rv-cxp-history .pv-entity-history-group-head .pv-entity-history-copy {
        grid-area: copy !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    .rv-cxp-history .pv-entity-history-group-head .pv-entity-history-copy > small {
        display: block !important;
        max-width: 100% !important;
        overflow: visible !important;
        line-height: 1.25 !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    .rv-cxp-history .pv-entity-history-group-head .pv-entity-history-latest,
    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    .rv-cxp-history .pv-entity-history-group-head .pv-entity-history-total {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 36px !important;
        padding-top: 9px !important;
        overflow: visible !important;
        border-top: 1px solid #ECEEF4 !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    .rv-cxp-history .pv-entity-history-group-head .pv-entity-history-latest {
        grid-area: latest !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    .rv-cxp-history .pv-entity-history-group-head .pv-entity-history-total {
        grid-area: total !important;
        align-items: flex-end !important;
        text-align: right !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    .rv-cxp-history .pv-entity-history-group-head .pv-entity-history-latest > strong {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        color: #39445A !important;
        font-size: 9px !important;
        line-height: 1.25 !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    .rv-cxp-history .pv-entity-history-group-head .pv-entity-history-total > strong {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        overflow: visible !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    .rv-cxp-history-search input.pv-historial-buscar-input {
        font-size: 16px !important;
        font-weight: 650 !important;
        text-overflow: clip !important;
    }

    html body #pvf-shell#pvf-shell .pvf-main-body.pvf-view-cuentas_pendientes
    .rv-cxp-history-search input.pv-historial-buscar-input::placeholder {
        color: #667085 !important;
        opacity: 1 !important;
    }
}