/* ============================================
   RESPONSIVE CUENTAS POR PAGAR — MOBILE
   Breakpoint: max-width 767px
   ============================================ */

/* --------------------------------------------
   MODALES CON ANCHOS FIJOS
   -------------------------------------------- */
@media screen and (max-width: 767px) {
    /* Modales de CxP usan divs con max-width fijo */
    div[style*="width: 600px"],
    div[style*="width:600px"],
    div[style*="width: 680px"],
    div[style*="width:680px"],
    div[style*="width: 700px"],
    div[style*="width:700px"],
    div[style*="width: 750px"],
    div[style*="width:750px"],
    div[style*="width: 800px"],
    div[style*="width:800px"],
    div[style*="width: 900px"],
    div[style*="width:900px"] {
        width: 95% !important;
        max-width: 95vw !important;
    }
}

@media screen and (max-width: 480px) {
    div[style*="width: 400px"],
    div[style*="width:400px"],
    div[style*="width: 450px"],
    div[style*="width:450px"] {
        width: 95% !important;
        max-width: 95vw !important;
    }
}