@media print {
    /* Ocultar todo por defecto al imprimir */
    body * {
        visibility: hidden;
    }

    /* Mostrar solo el contenido del modal de impresión y sus hijos */
    #printPaseContent,
    #printPaseContent *,
    #printCitacionContent,
    #printCitacionContent * {
        visibility: visible;
        font-family: 'Calibri', Arial, Verdana, Tahoma, sans-serif !important;
    }

    /* Posicionar el contenido del pase en la página impresa */
    #printPaseContent,
    #printCitacionContent {
        position: absolute;
        left: 0;
        top: 0;
        width: 80mm; /* Ancho aproximado de un ticket */
        margin: 0; /* Sin margen exterior, controlado por @page */
        padding: 5mm; /* Añadir padding interno */
        font-size: 10pt !important;
        line-height: 1.4;
        max-height: 110mm;
        overflow: hidden;
        page-break-after: always;
        margin-top: -7mm !important;
    }

    #printPaseContent *,
    #printCitacionContent * {
        font-size: 10pt !important;
    }

    /* Ocultar elementos no deseados dentro del modal */
    #printPaseContent #closePrintPase,
    #printPaseContent #btnPrintPase,
    #printCitacionContent #closePrintCitacion,
    #printCitacionContent #btnPrintCitacion {
        display: none;
    }

    /* Estilos específicos para el contenido del pase */
    #paseInfo,
    #citacionInfo {
        /* Puedes añadir estilos específicos aquí si es necesario */
        /* Por ejemplo, asegurar que el logo se vea bien */
        img.logo-pase {
          max-width: 50%;
          height: auto;
          display: block;
          margin-bottom: 10px;
        }
        /* Separar fecha y hora */
        .fecha-hora span {
            display: block;
        }
    }

    /* Configuración de la página de impresión */
    @page {
        size: auto; /* Ajustar tamaño automáticamente al contenido */
        margin: 5mm; /* Margen mínimo para la impresora */
        /* Intentar eliminar cabeceras y pies de página del navegador */
        @top-center { content: ""; }
        @bottom-center { content: ""; }
    }

    /* Evitar que se repita el pase */
    body > *:not(#printPaseModal):not(#printCitacionModal) {
        display: none !important;
    }

    #paseInfo > div:first-child,
    #citacionInfo > div:first-child {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}