    <style>
      /* General Styles */
        /* *{ border: 1px solid #000000;} */
        @page { margin: 2.5rem 2.2rem; }

        body {
            font-family: DejaVu Sans, sans-serif;
            font-size: 7.25pt;
            color: #222;
        }

        footer {
            position: fixed;
            bottom: -2.2rem;
            left: 0;
            right: 0;
            height: 60px;
        }

        /* Table */
        table {
            border-collapse: collapse;
        }

        td, th {
            word-wrap: break-word;
            overflow-wrap: break-word;
            word-break: break-all;
        }

        /* Text */
        a {
            text-decoration: none;
        }

      /* Custom Clases */
        /* Effects */
        .pale-item {
            opacity: 0.80;
        }

        /* Containers */
        .container {
            width: 100%;
        }

        .row {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

        .section-header {
            width: 55%;
            padding-top: 3pt;
            padding-bottom: 3pt;

            font-weight: 500;

            text-align: center;
            text-transform: uppercase;
        }

        /* Grids */
        .col-1 { display: table-cell; width: 8.333%; vertical-align: top; }
        .col-2 { display: table-cell; width: 16.666%; vertical-align: top; }
        .col-3 { display: table-cell; width: 25%; vertical-align: top; }
        .col-4 { display: table-cell; width: 33.333%; vertical-align: top; }
        .col-5 { display: table-cell; width: 41.666%; vertical-align: top; }
        .col-6 { display: table-cell; width: 50%; vertical-align: top; }
        .col-7 { display: table-cell; width: 58.333%; vertical-align: top; }
        .col-8 { display: table-cell; width: 66.666%; vertical-align: top; }
        .col-9 { display: table-cell; width: 75%; vertical-align: top; }
        .col-10 { display: table-cell; width: 83.333%; vertical-align: top; }
        .col-11 { display: table-cell; width: 91.666%; vertical-align: top; }
        .col-12 { display: table-cell; width: 100%; vertical-align: top; }

        /* Columnas fraccionadas */
        .col-0_5 { display: table-cell; width: 4.166%; vertical-align: top; }
        .col-1_5 { display: table-cell; width: 12.5%; vertical-align: top; }
        .col-2_5 { display: table-cell; width: 20.833%; vertical-align: top; }
        .col-3_5 { display: table-cell; width: 29.166%; vertical-align: top; }
        .col-4_5 { display: table-cell; width: 37.5%; vertical-align: top; }
        .col-5_5 { display: table-cell; width: 45.833%; vertical-align: top; }
        .col-6_5 { display: table-cell; width: 54.166%; vertical-align: top; }
        .col-7_5 { display: table-cell; width: 62.5%; vertical-align: top; }
        .col-8_5 { display: table-cell; width: 70.833%; vertical-align: top; }
        .col-9_5 { display: table-cell; width: 79.166%; vertical-align: top; }
        .col-10_5 { display: table-cell; width: 87.5%; vertical-align: top; }
        .col-11_5 { display: table-cell; width: 95.833%; vertical-align: top; }

        /* Text */
        .main-color { color: {{ $tax_payment->taxFormat->base_color ?? $invoice->taxFormat->base_color ?? "#0D6889" }}; }
        .harsi-color { color: #0d6889e7; }
        .text-muted { color: #212529bf; }

        .text-center { text-align: center; }
        .text-end { text-align: right; }
        .text-start { text-align: left; }

        .text-capitalize { text-transform: capitalize; }
        .text-uppercase { text-transform: uppercase; }

        .small { font-size: 10.5pt; }
        .concepts-table { font-size: 6.8pt; }
        .certify-table { font-size: 6pt; }
        .issuer-data { font-size: 7.3pt; }
        .mixed-data { font-size: 7.8pt; }

        .fw-bold { font-weight: bold }
        .fw-semi-bold { font-weight: 500 }
        .fst-italic { font-style: italic; }

        .no-spacing-text {
            margin-top: 0pt;
            margin-bottom: 0pt;
            padding-top: 0pt;
            padding-bottom: 0pt;
        }

        .wrapped-text {
            word-wrap: break-word;
            overflow-wrap: break-word;
            word-break: break-all;
        }

        .watermark {
            position: fixed;
            top: 37%;
            left: 15%;
            width: 70%;
            text-align: center;
            font-size: 110px;
            font-weight: 800;
            color: #c8000017;
            transform: rotate(-30deg);
            z-index: -1;
            pointer-events: none;
        }

        .cancelled-watermark {
            position: fixed;
            top: 37%;
            left: 14%;
            width: 80%;
            text-align: center;
            font-size: 110px;
            font-weight: 800;
            color: #d30404af;
            transform: rotate(-45deg);
            z-index: 10;
            pointer-events: none;
            line-height: 0.7;
        }

        .cancelled-watermark small {
            font-size: 65px;
        }

        /* Spacers */
        .mt-0 { margin-top: 0pt; }
        .mt-0_5 { margin-top: 3pt; }
        .mt-1 { margin-top: 6pt; }
        .mt-2 { margin-top: 10pt; }
        .mt-3 { margin-top: 14pt; }
        .mt-4 { margin-top: 18pt; }
        .mt-4_5 { margin-top: 20pt; }
        .mt-5 { margin-top: 22pt; }
        .mt-6 { margin-top: 26pt; }

        .mb-0 { margin-bottom: 0pt; }
        .mb-0_5 { margin-bottom: 3pt; }
        .mb-1 { margin-bottom: 6pt; }
        .mb-2 { margin-bottom: 10pt; }
        .mb-3 { margin-bottom: 13pt; }
        .mb-4 { margin-bottom: 18pt; }
        .mb-5 { margin-bottom: 22pt; }
        .mb-6 { margin-bottom: 26pt; }

        .pt-0 { padding-top: 0pt; }
        .pt-0_5 { padding-top: 3pt; }
        .pt-1 { padding-top: 6pt; }
        .pt-2 { padding-top: 10pt; }
        .pt-3 { padding-top: 13pt; }
        .pt-4 { padding-top: 18pt; }
        .pt-5 { padding-top: 22pt; }

        .pb-0 { padding-bottom: 0pt; }
        .pb-0_5 { padding-bottom: 3pt; }
        .pb-1 { padding-bottom: 6pt; }
        .pb-2 { padding-bottom: 10pt; }
        .pb-3 { padding-bottom: 13pt; }
        .pb-4 { padding-bottom: 18pt; }
        .pb-5 { padding-bottom: 22pt; }

        .ps-0 { padding-left: 0pt; }
        .ps-0_5 { padding-left: 4pt; }
        .ps-1 { padding-left: 6pt; }
        .ps-2 { padding-left: 8pt; }
        .ps-2_5 { padding-left: 9pt; }
        .ps-3 { padding-left: 10pt; }
        .ps-4 { padding-left: 14pt; }
        .ps-5 { padding-left: 18pt; }
        .ps-6 { padding-left: 22pt; }

        .pe-0 { padding-right: 0pt; }
        .pe-0_5 { padding-right: 4pt; }
        .pe-1 { padding-right: 6pt; }
        .pe-2 { padding-right: 8pt; }
        .pe-3 { padding-right: 10pt; }
        .pe-4 { padding-right: 14pt; }
        .pe-5 { padding-right: 18pt; }

        .px-0_5 { padding-left: 4pt; padding-right: 4pt; }
        .px-1 { padding-left: 6pt; padding-right: 6pt; }
        .px-2 { padding-left: 8pt; padding-right: 8pt; }
        .px-3 { padding-left: 10pt; padding-right: 10pt; }

        .py-0 { padding-top: 0pt; padding-bottom: 0pt; }
        .py-0_5 { padding-top: 4pt; padding-bottom: 4pt; }

        /* Background */
        .pale-background {
            background-color: whitesmoke;
        }
        .semi-pale-background {
            background-color: #b8b8b8;
        }

        .main-background {
            /* base_color */
            background-color: {{ $tax_payment->taxFormat->base_color ?? $invoice->taxFormat->base_color ?? "#0D6889" }};
            color: {{ $contrast_color }};
        }

        /* Border */
        .black-border-bottom { border-bottom: 1px solid #000; }
        .gray-border-bottom { border-bottom: 1px solid #212529bf; }

        /* Table */
        .table-borderless,
        .table-borderless th,
        .table-borderless td {
            border: none !important;
        }

        .cell-without-borders {
            border: none !important;
        }

        .cell-with-borders {
            border: 1px solid #bababa !important;
        }
        .cell-with-strong-borders {
            border: 1px solid #4d4d4d !important;
        }

        .table-bordered,
        .table-bordered th,
        .table-bordered td {
            border: 1.2px solid #bababa;
        }

        .table-strong-bordered,
        .table-strong-bordered th,
        .table-strong-bordered td {
            border: 1.2px solid #4d4d4d;
        }

        /* Tables */
        .cell-not-centered {
            vertical-align: top !important;
            text-align: left;
        }

        /* Resources */
        .logo {
            max-height: 110pt;
            max-width: 80pt;
            object-fit: contain;
            padding: 0pt;
        }

        .secondary-logo {
            max-height: 90pt;
            max-width: 65.5pt;
            object-fit: contain;
            padding: 0pt;
        }

        .qr-code {
            margin-left: 26%;
            margin-top: 10%;
        }

        .left-qr-code {
            margin-left: 8%;
            margin-top: 8%;
        }
    </style>
