@font-face {
    font-family: "Euclid Circular A";
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Euclid-Circular-A-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Euclid Circular A";
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/Euclid-Circular-A-Bold.ttf) format("truetype");
}
@page {
    margin: 35px 2cm 80px 2cm;
}

#isoDocument .main-content {
    margin-top: 40px;
}

#isoDocument .img-container {
    max-width: 150px;
    max-height: 150px;
    overflow: hidden;
}

#isoDocument .img-profile {
  max-width: 150px;
  max-height: 150px;
  width: auto;
  height: auto;  
  display: block;
}

#isoDocument {
    font-family: "Euclid Circular A", sans-serif !important;
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: black;
    display: flex;
    flex-direction: column;
    gap: 14px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
#isoDocument .header-to-pdf {
    position: fixed;
    top: -95px;
}
#isoDocument .header-to-signed {
    position: relative;
    top: -20px !important;
}
#isoDocument .w-full {
    width: 100%;
}
#isoDocument .w-50 {
    width: 50%;
}
#isoDocument h1,
p {
    /*Por revisar*/
    margin: 2px;
    font-size: 12px;
}
#isoDocument ul {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}
#isoDocument table {
    border-collapse: collapse;
    table-layout: auto;
    width: 100%;
}
#isoDocument td {
    padding-left: 3px;
    padding-right: 3px;
}
#isoDocument .section {
    font-family: "Euclid Circular A", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    border: solid 1px #f0f0f0;
    border-radius: 6px;
    margin-top: 5px;
    margin-bottom: 8px !important;
}
#isoDocument .section-internal {
    border: solid 1px #f0f0f0;
    border-radius: 6px;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px !important;
}
#isoDocument .section-int {
    padding: 0.5rem 0.5rem 0 0.5rem;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    max-width: 98%;
    box-sizing: border-box;
}
#isoDocument .header-title-format {
    width: 100%;
    background: #ede7fb;
    font-weight: 600;
    color: black;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-transform: uppercase;
}
#isoDocument .header-title-format > td:first-child {
    border-top-left-radius: 5px;
}
#isoDocument .header-title-format > td:last-child {
    border-top-right-radius: 5px;
}
#isoDocument .section .header-title-interno {
    font-family: "Euclid Circular A", sans-serif !important;
    font-style: normal;
    font-weight: 600;
    background: #ede7fb;
    margin: 0.5rem;
    color: black;
    text-transform: uppercase;
}
#isoDocument .border-dotted-x {
    border-top: dotted 1px #ede7fb;
}
#isoDocument .border-dotted-y {
    border-left: dotted 1px #ede7fb;
}
#isoDocument .border-internal-dotted-x {
    border-top: dotted 1px #dee2e6;
}
#isoDocument .border-internal-dotted-y {
    border-left: dotted 1px #dee2e6;
}
#showDocumentHtml .border-internal-dotted-r {
    border-right: dotted 1px #dee2e6;
}
#isoDocument .border-radius-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#isoDocument .border-top-r {
    border-top-right-radius: 5px;
}
#isoDocument .border-top-l {
    border-top-left-radius: 5px;
}
#isoDocument .border-bottom-r {
    border-bottom-right-radius: 5px;
}
#isoDocument .border-bottom-l {
    border-bottom-left-radius: 5px;
}
#isoDocument .font-bold {
    font-family: "Euclid Circular A", sans-serif !important;
    font-weight: 600;
}
#isoDocument .v-align-top {
    vertical-align: top;
}
#isoDocument .text-justify {
    text-align: justify;
}
#isoDocument .text-left {
    text-align: left;
}
#isoDocument .text-center {
    text-align: center;
}
#isoDocument hr {
    color: #ede7fb;
    margin-top: 2px;
    margin-bottom: 2px;
}
#isoDocument .mb-5 {
    margin-bottom: 3px;
}
#isoDocument .mt-1 {
    margin-top: 0.25rem /* 4px */;
}
#isoDocument .p-1 {
    padding: 0.25rem /* 4px */;
}
#isoDocument .mb-1 {
    margin-bottom: 0.25rem /* 4px */;
}
#isoDocument .mt-5 {
    margin-top: 5px;
}
#isoDocument .pt-5 {
    padding-top: 5px;
}
#isoDocument .pb-5 {
    padding-bottom: 5px;
}
#isoDocument .p-0 {
    padding: 0;
}
#isoDocument .pb-2 {
    padding-bottom: 0.5rem /* 8px */;
}
#isoDocument .p-2 {
    padding: 0.5rem /* 8px */;
}
#isoDocument .uppercase {
    text-transform: uppercase;
}
#isoDocument .text-right {
    text-align: right;
}
#isoDocument .inline-flex {
    display: inline-flex;
}
#isoDocument .flex-wrap {
    flex-wrap: wrap;
}
#isoDocument .flex {
    display: flex;
}
#isoDocument .w-10\/12 {
    width: 83.3333%;
}
#isoDocument .w-1\/4 {
    width: 25%;
}
#isoDocument .w-1\/2 {
    width: 50%;
}
#isoDocument .w-2\/12 {
    width: 16.666%;
}
#isoDocument .text-sm {
    font-size: 10px;
    line-height: 1.25rem;
}
#isoDocument .border-l-4 {
    border-left-width: 4px;
}
#isoDocument .bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

#isoDocument .text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity));
}
#isoDocument .w-5\/12 {
    width: 41.666667%;
}
#isoDocument .w-7\/12 {
    width: 58.333333%;
}
#isoDocument .table-auto {
    table-layout: auto;
}
#isoDocument .my-2 {
    margin-top: 0.5rem /* 8px */;
    margin-bottom: 0.5rem /* 8px */;
}
#isoDocument .mb-2 {
    margin-bottom: 0.5rem /* 8px */;
}
#isoDocument .whitespace-pre-line {
    white-space: pre-line;
}
#isoDocument .px-2 {
    padding-left: 0.5rem /* 8px */;
    padding-right: 0.5rem /* 8px */;
}
#isoDocument .text-black-document {
    color: black;
}
#isoDocument .green-badge {
    border-radius: 8px;
    font-weight: bold;
    color: white;
    font-size: 11px;
    min-width: 30px;
    height: 10px;
    padding: 9px 8px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #55b841;
    margin: 0 auto;
    box-sizing: border-box;
    white-space: nowrap;
    line-height: 1;
}
#isoDocument .yellow-badge {
    border-radius: 8px;
    font-weight: bold;
    color: white;
    font-size: 11px;
    min-width: 30px;
    height: 10px;
    padding: 9px 8px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #edc32e;
    margin: 0 auto;
    box-sizing: border-box;
    white-space: nowrap;
    line-height: 1;
}

#isoDocument div,
#isoDocument span,
#isoDocument p {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    box-sizing: border-box;
}

#isoDocument .uppercase {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
}

#isoDocument .fixed-table {
    table-layout: fixed;
    width: 100%;
}

#isoDocument .fixed-table td:first-child {
    width: 25% !important;
}

#isoDocument .fixed-table td:last-child {
    width: 75% !important;
}




#isoDocument p {
    text-align: justify;
}

#isoDocument ol {
    text-align: justify;
}

#isoDocument h1 {
    text-align: center;
}

#isoDocument span {
    font-weight: 400;
}

#isoDocument div {
    font-family: "Euclid Circular A", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    border-radius: 6px;
    margin-top: 5px;
    margin-bottom: 8px !important;
    font-size: 12px;
    padding: 0;
    color: black;
    display: flex;
    flex-direction: column;
    gap: 14px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#isoDocument table {
    width: 100%;
}

#isoDocument thead tr th {
    width: 100%;
    background: #ede7fb;
    font-weight: 700;
    color: black;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

#isoDocument thead tr th > td:first-child {
    border-top-left-radius: 5px;
}

#isoDocument thead tr th > td:last-child {
    border-top-right-radius: 5px;
}

#isoDocument table:has(thead) tbody tr td:first-child {
    background: #ede7fb;
    font-weight: 700;
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

/* Clases de quill */
#isoDocument .ql-align-center {
    text-align: center;
}

#isoDocument .ql-align-right {
    text-align: right;
}

#isoDocument .ql-align-justify {
    text-align: justify;
}

#isoDocument .ql-bold {
    font-weight: 700;
}

#isoDocument .ql-italic {
    font-style: italic;
}

#isoDocument .ql-underline {
    text-decoration: underline;
}

#isoDocument .ql-strike {
    text-decoration: line-through;
}

#isoDocument .ql-size-small {
    font-size: 0.75em;
}

#isoDocument .ql-size-large {
    font-size: 1.5em;
}

#isoDocument .ql-size-huge {
    font-size: 2.5em;
}

#isoDocument .ql-header-1 {
    font-size: 2em;
    font-weight: 700;
}

#isoDocument .ql-header-2 {
    font-size: 1.5em;
    font-weight: 700;
}

#isoDocument .ql-header-3 {
    font-size: 1.25em;
    font-weight: 700;
}

#isoDocument .ql-list-ordered {
    list-style-type: decimal;
    padding-left: 1.5em;
}

#isoDocument .ql-list-bullet {
    list-style-type: disc;
    padding-left: 1.5em;
}

#isoDocument li.ql-indent-1 {
    padding-left: 3em;
}

#isoDocument li.ql-indent-2 {
    padding-left: 6em;
}

#isoDocument li.ql-indent-3 {
    padding-left: 9em;
}

#isoDocument .ql-blockquote {
    border-left: 4px solid #ccc;
    padding-left: 1em;
    color: #555;
    margin: 0.5em 0;
}

#isoDocument .ql-code-block {
    background: #f4f4f4;
    font-family: monospace;
    font-size: 11px;
    padding: 8px;
    border-radius: 4px;
    white-space: pre-wrap;
}

#isoDocument [class^="ql-color-"] {
    color: inherit;
}

#isoDocument [class^="ql-background-"] {
    background-color: inherit;
}

#isoDocument p {
    margin: 0.25rem 0;
}

#isoDocument .ql-editor p:empty::before {
    content: "\00a0";
}

#isoDocument a {
    color: #6432C9;
    text-decoration: underline;
}

#isoDocument .ql-font-sans-serif { 
    font-family: "Helvetica", "Arial", sans-serif; 
}

#isoDocument .ql-font-serif { 
    font-family: "Georgia", serif; 
}

#isoDocument .ql-font-monospace { 
    font-family: "Courier New", monospace; 
}
