<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FACTURA</title>
    <!-- Tailwind CSS -->
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <!-- PDF.js -->
    <script src="https://cdn.jsdelivr.net/npm/qrcode/build/qrcode.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.0/dist/JsBarcode.all.min.js"></script>

    <style>
        #pdf-container {
            overflow-x: hidden;
        }

        canvas {
            width: 100% !important;
            height: auto !important;
        }

        #Modalexto {
            position: absolute;
            display: none;
        }

        .notification-hidden {
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.5s, visibility 0.5s;
        }

        .notification-visible {
            visibility: visible;
            opacity: 1;
            transition: opacity 0.5s, visibility 0.5s;
        }
    </style>
</head>

    <style>
        [x-cloak] {
            display: none !important;
        }
    </style>

</head>

<body class="bg-gray-100 justify-center items-center min-h-screen">
    <main class="flex justify-between w-full">

                <div class="w-full">
                    {{embed}}
                </div>
            </div>
    </main>
</body>



</html>