/* Importamos la fuente 'Inter' para un look muy limpio y de app nativa */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Puedes agregar animaciones suaves aquí si las necesitas después */
.fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* assets/css/style.css */

/* Configuración exclusiva para cuando JS llama a window.print() */
@media print {
    /* Ocultamos absolutamente todo el sistema */
    body * {
        visibility: hidden;
    }
    
    /* Quitamos márgenes de página predeterminados del navegador */
    @page { margin: 0; }
    body { margin: 0; background-color: white; }

    /* Hacemos visible solo la sección del ticket */
    #printSection, #printSection * {
        visibility: visible;
    }
    
    /* Posicionamos el ticket arriba a la izquierda para la impresora térmica */
    #printSection {
        position: absolute;
        left: 0;
        top: 0;
        width: 58mm; /* Ancho estándar de ticket. Cámbialo a 80mm si tu impresora es más ancha */
        font-family: 'Courier New', Courier, monospace; /* Fuente de ticket clásica */
        color: black;
    }

    /* Forzamos que la clase hidden no aplique al imprimir si está en el contenedor */
    #printSection.hidden {
        display: block !important;
    }
}