/* Estilos que se aplican SOLO al momento de imprimir */
@media print {

    /* Define el tamaño del papel y elimina los márgenes de impresión */
    @page {
        /* Ancho de 80mm y alto automático según el contenido */
        size: 80mm auto; 
        margin: 0;
    }

    /* Oculta todo el contenido de la página por defecto */
    body {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body * {
        visibility: hidden;
    }

    /* Hace visible SOLAMENTE el contenedor del ticket y todo lo que esté dentro */
    #ticket-imprimible, #ticket-imprimible * {
        visibility: visible;
    }

    /* Posiciona el ticket en la esquina superior izquierda de la hoja de impresión */
    #ticket-imprimible {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; /* Ocupa el 100% del tamaño de papel definido (80mm) */
        padding: 4mm;
        box-sizing: border-box;
        font-family: 'Courier New', Courier, monospace; /* Fuente clásica de tickets */
    }

    /* Estilos específicos para el contenido del ticket */
    .ticket-header, .ticket-footer {
        text-align: center;
        font-size: 11px;
        line-height: 1.3;
        font-weight: bold;
    }

    #codigo-ticket-print {
        font-size: 40px;
        font-weight: 700;
        text-align: center;
        margin-top: 5mm;
        margin-bottom: 5mm;
        color: #000 !important; /* Asegura que se imprima en negro */
    }

    #cliente-nombre-print {
        font-size: 13px;
        text-align: center;
        font-weight: 600;
    }

    /* ===== NUEVO ESTILO AQUÍ ===== */
    #sector-nombre-print {
        font-size: 12px;
        text-align: center;
        font-weight: bold;
        margin-top: 3mm;
        text-transform: uppercase;
    }

    #fecha-hora-print {
        font-size: 11px;
        text-align: center;
        margin-top: 3mm;
    }
}