#recibo {
    max-width: 100mm;
    margin: auto;
    text-align: center;
    padding-left: 2mm;
    padding-right: 2mm;
    box-sizing: border-box;
}

    #recibo table {
        width: 100%;
        border-collapse: collapse;
    }

    #recibo th,
    #recibo td {
        border: 1px solid #000;
        padding: 8px;
    }

    #recibo .columna-izquierda {
        width: 40%;
    }

    #recibo .columna-derecha {
        width: 60%;
    }

@media print {

    /* Oculta visualmente todo, pero mantiene el layout vivo */
    body * {
        visibility: hidden !important;
    }

    /* Oculta sidebar, footer, overlays, etc */
    .sidebar,
    .overlay,
    footer,
    .modal-backdrop {
        display: none !important;
    }

    /* Muestra SOLO el recibo */
    #recibo,
    #recibo * {
        visibility: visible !important;
    }
    @page {
        margin-left: 2mm;
        margin-right: 2mm;
        margin-top: 0;
        margin-bottom: 0;
    }
    /* Saca el recibo del flujo del layout */
    #recibo {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        page-break-after: avoid;
        page-break-before: avoid;
        padding-left: 2mm;
        padding-right: 2mm;
        box-sizing: border-box;
    }

    /* Evita que el modal interfiera */
    .modal {
        position: static !important;
        overflow: visible !important;
    }
}


@media print {

    /* Oculta visualmente todo, pero mantiene el layout vivo */
    body * {
        visibility: hidden !important;
    }

    /* Oculta sidebar, footer, overlays, etc */
    .sidebar,
    .overlay,
    footer,
    .modal-backdrop {
        display: none !important;
    }

    /* Muestra SOLO el reporte */
    #reporte,
    #reporte * {
        visibility: visible !important;
    }

    @page {
        margin-left: 2mm;
        margin-right: 2mm;
        margin-top: 0;
        margin-bottom: 0;
    }
    /* Saca el reporte del flujo del layout */
    #reporte {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        page-break-after: avoid;
        page-break-before: avoid;
        padding-left: 2mm;
        padding-right: 2mm;
        box-sizing: border-box;
    }

    /* Evita que el modal interfiera */
    .modal {
        position: static !important;
        overflow: visible !important;
    }
}