/* ============================================
   RESPONSIVE IMPRESIÓN — MOBILE
   Breakpoint: max-width 767px

   Estilos móviles del módulo Impresión:
   guía de configuración, tablas, botones.
   ============================================ */

/* --------------------------------------------
   GUÍA DE CONFIGURACIÓN (paso a paso)
   -------------------------------------------- */
@media screen and (max-width: 767px) {

    .ipr-guide-banner {
        padding: 14px;
    }

    /* Steps en columna única */
    .ipr-guide-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ipr-step-card {
        padding: 12px;
        gap: 10px;
    }

    /* Footer del guide en columna */
    .ipr-guide-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .ipr-qz-box {
        width: 100%;
    }
}

/* --------------------------------------------
   BREADCRUMB
   -------------------------------------------- */
@media screen and (max-width: 767px) {

    .ipr-breadcrumb {
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 14px;
    }

    .ipr-page-title {
        font-size: 17px;
    }
}

/* --------------------------------------------
   SECCIÓN GENÉRICA
   -------------------------------------------- */
@media screen and (max-width: 767px) {

    .ipr-section {
        padding: 12px;
    }

    .ipr-section-header--flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .ipr-section-title {
        font-size: 13px;
    }
}

/* --------------------------------------------
   TABLAS DE COLA E IMPRESORAS
   -------------------------------------------- */
@media screen and (max-width: 767px) {

    /* Scroll horizontal para tablas anchas */
    .ipr-section {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ipr-table {
        min-width: 480px;
    }

    .ipr-th,
    .ipr-th--sm {
        padding: 8px;
        font-size: 10px;
    }

    .ipr-td,
    .ipr-td--sm,
    .ipr-td--smx {
        padding: 8px;
        font-size: 12px;
    }

    /* Botones de acción en tabla: mayor área táctil */
    .ipr-btn-print,
    .ipr-btn-delete,
    .ipr-btn-download,
    .ipr-btn-upload,
    .ipr-btn-test {
        padding: 8px 12px;
        font-size: 12px;
        min-height: 36px;
    }
}

/* --------------------------------------------
   BOTONES DE ACCIÓN DE SECCIÓN
   -------------------------------------------- */
@media screen and (max-width: 767px) {

    .ipr-btn-action {
        width: 100%;
        padding: 12px;
        font-size: 13px;
        text-align: center;
    }
}