:root {
    --xxs: .675rem;
    --xs: .75rem;
    --sm: .875rem;
    --md: 1rem;
    --lg: 18px;
    --xl: 1.5rem;
    --xxl: 2rem;
    --xxxl: 2.5rem;
    --cabecera-height: 76px;
    --bg-light-1: #EBF2F9;
    --bg-light-2: #F4F7FF;
    --bg-light-3: #f8f8f8;
    --table-header-bg: var(--bg-light-2);
    --table-border-color: #B5BAC2;
    --link-color: #0065DC;
    --border-radius-md: 6px;
    --font-family-secondary: Verdana, Geneva, Tahoma, sans-serif;
    --box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
    --box-shadow-hover: 0 8px 8px rgba(0, 0, 0, .2);
    --color-secondary-blue-1: #102A8A;    
    --primary-blue-100: #182844;
    --primary-blue-80: #39475F;
    --secondary-gray-80: #4B4D53;
    --bs-tertiary-color: #8B93A1;
 
    --css-version: "1.0.1";
    --css-date: "2025-01-06";
}

.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.ubuntu-light-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.ubuntu-regular-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.ubuntu-medium-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
}


/* pisando bts */
.nav-tabs {
    --bs-nav-tabs-link-active-bg: #F4F7FF;
    font-size: var(--sm);
    font-weight: 500;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--link-color);
    border-bottom: 1px solid var(--link-color);
}

.nav {
    --bs-nav-link-color: #24334E;
}

/* utilidades */
.txt-xs {
    font-size: var(--xs);
}

.txt-sm {
    font-size: var(--sm);
}

.txt-md {
    font-size: var(--md);
}

.txt-lg {
    font-size: var(--lg);
}

.txt-xl {
    font-size: var(--xl);
}

.txt-xxl {
    font-size: var(--xxl);
}

.txt-xxxl {
    font-size: var(--xxxl);
}

.font-secondary {
    font-family: var(--font-family-secondary);
}

.list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-grid {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: var(--xs);
    grid-row-gap: 0px;
}

.shadow {
    box-shadow: var(--box-shadow);
}

.border-radius-md {
    border-radius: var(--border-radius-md);
}

.bg-light-1 {
    background-color: var(--bg-light-1)
}

.bg-light-2 {
    background-color: var(--bg-light-2)
}

.bg-light-3 {
    background-color: var(--bg-light-3)
}

.txt-blue-1 {
    color: var(--color-secondary-blue-1);
}

.txt-blue-80 {
    color: var(--primary-blue-80);
}

.btn-brand svg{
    fill: #FFF;
    width: var(--sm);
    height: var(--sm);
}
.btn-descargar{
  font-weight: 700;
  display: flex;
  gap: calc(var(--sm)/2);
  align-items: center;
  font-size: var(--xs);
}

/* INIT */
body {
    padding-top: var(--cabecera-height);
    /* INIT */
}

.cabecera {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    z-index: 1;
    background-color: #FFF;
}

.cabecera .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--md) * 5);
    height: var(--cabecera-height);
}

.logo-top {
    width: 95px;
    height: auto;
}

.nav-top {
    margin-left: auto;
    display: flex;
    gap: var(--xxl);
}

.nav-top a {
    text-decoration: none;
    color: var(--link-color);
    font-weight: 700;
}

.nav-top a:hover {
    text-decoration: underline;
}

/* ctrls user */
.header-ctrls {
    position: relative;
}

.c-user {
    display: flex;
    align-items: center;
    gap: var(--xs);
}

.c-user .user {
    display: flex;
    flex-direction: column;
    gap: 0;
    line-height: var(--xl);
}

.user .c-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--xs);
}

.user .c-name>div {
    display: flex;
    flex-direction: column;
    align-items: start;
    color: #182844;
    text-transform: none;
}

.user .c-name div strong {
    font-weight: 500;
}

.avatar {
    --size: 48px;
    color: var(--bs-primary);
    background-color: #D7E5F4;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
}

.btn-menu {
    border: 0;
    background-color: transparent;
}

.header-user-options {
    position: absolute;
    top: 3.5rem;
    right: 0;
    background-color: #FFF;
    display: none;
    flex-direction: column;
    box-shadow: var(--box-shadow);
    border-bottom-left-radius: var(--border-radius-md);
    border-bottom-right-radius: var(--border-radius-md);
}

.header-user-options a {
    text-decoration: none;
    padding: var(--xs);
    display: flex;
    align-items: center;
    gap: calc(var(--md) / 2);
    color: var(--primary-blue-100);
}

.header-user-options a:hover {
    color: var(--bs-link-color);
}

.open .header-user-options {
    display: flex;
}

.open .btn-menu {
    transform: rotate(-180deg);
}

.header-user-options a svg {
    fill: var(--primary-blue-100);
}

.header-user-options a:hover svg {
    fill: var(--bs-link-color);
}



.acc-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-back {
    font-family: var(--font-family-secondary);
    font-size: var(--xs);
    text-decoration: none;
    color: var(--bs-primary);
}

.btn-back i,
.btn-back svg {
    font-style: normal;
    font-size: var(--lg);
}

.time {
    font-size: var(--xxs);
    background-color: var(--bg-light-1);
    color: var(--bs-primary);
    border-radius: 4px;
    border: 1px solid #ADCDED;
    padding: 0 var(--xxs);
}

main {
    padding: var(--xl) 0;
}

@media (min-width: 576px) {
    :root {
        --cabecera-height: 105px;
    }

    .logo-top {
        width: 105px;
    }
}

.breadcrumb-item {
    font-family: var(--font-family-secondary);
}

.breadcrumb-item a {
    color: var(--bs-primary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.breadcrumb-item.active {
    font-weight: 700;
}

.breadcrumb-item svg {
    fill: var(--bs-primary);
    width: var(--md);
    height: var(--md);
}

.breadcrumb-item+.breadcrumb-item {
    border-left: 1px solid var(--bs-primary);
}

.breadcrumb-item+.breadcrumb-item:before {
    display: none;
}

.breadcrumb-item {
    padding-right: var(--bs-breadcrumb-item-padding-x);
}

.container .breadcrumb {
    margin-bottom: var(--xxl);
}

.header-pag {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--md);
}

.sub-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--xxl);
}

.tt-pag {
    color: var(--bs-primary);
    font-weight: 700;
    font-size: calc(var(--md) * 1.75);
    margin: 0;
}

.subtt {
    font-size: var(--xl);
    color: var(--bs-primary);
    margin: 0;
    font-weight: 500;
}

.bl .subtt {
    margin-bottom: 1rem;
}

.c-buscar {
    width: 324px;
}

.c-buscar .input-group {
    width: 100%;
}

.c-buscar .input-group input {
    border-right: 0;
}

.c-buscar .btn {
    border-left: 0;
    z-index: 0;
}

.c-buscar .btn svg {
    width: 20px;
    height: 20px;
    fill: var(--color-secondary-blue-1);
}

@media (min-width: 576px) {
    .header-pag {
        display: flex;
        justify-content: space-between;
        align-items: end;
        flex-direction: row;
    }
}

/* Tablas */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--table-border-color);
    border-radius: 0.375rem;
}

.table {
    --bs-table-hover-bg: #EAF5FF;
}

.table-responsive .table {
    margin-bottom: 0;
}

.table thead th {
    color: var(--link-color);
    background-color: var(--table-header-bg);
    font-size: var(--sm);
    border-collapse: collapse;
    white-space: nowrap;
}

.table tbody {
    font-family: var(--font-family-secondary);
    border-collapse: collapse;
}

.table-aiep tbody td {
    font-size: var(--xs);
}

.table-aiep>:not(caption)>*>* {
    padding: var(--sm);
}

.hover-cell:hover {
    background-color: var(--bg-light-3);
    transition: background-color 0.2s ease;
    cursor: pointer;
}

.table-aiep tbody tr td:hover,
.selected-cell,
.table td.selected-cell {
    background-color: var(--bs-table-hover-bg);
}

.table-hover>tbody>tr:hover>* {
    background-color: var(--bs-table-hover-bg);
}

.table-aiep tbody tr td:hover .pill:has(.link-solid),
.table td.selected-cell .pill:has(.link-solid) {
    background-color: var(--secondary-gray-80);
}

.table-aiep tbody tr td:hover .link-solid,
.table td.selected-cell .link-solid {
    fill: var(--bg-pill);
}

.int-td-malla {
    padding: 0.5rem;
    min-height: 120px;
}

.int-td-malla div:first-child {
    margin-bottom: calc(var(--xs) /2);
}

.int-td-malla div:nth-child(2) {
    color: var(--bs-tertiary-color);
    margin-bottom: calc(var(--xs) /2);
}

/* badge aiep */
.pill {
    --bg-pill: #F0F1F2;
    background-color: var(--bg-pill);
    border-radius: var(--border-radius-md);
    font-size: var(--xs);
    display: inline-flex;
    align-items: center;
    padding: .04rem 0.5rem;
    gap: 4px;
    height: 22px;
    white-space: nowrap;
}

.pill.pill-sm {
    font-size: var(--sm);
}

.pill svg {
    width: 12px;
    height: 12px;
    fill: var(--bs-tertiary-color);
}

.pill1 {
    background-color: #D7E5F4;
    color: var(--bs-primary);
}

.pill1 svg {
    fill: var(--bs-primary);
}

.pill2 {
    background-color: #DFF5DE;
    color: #195917;
}

.pill3 {
    background-color: #F3E3F8;
    color: #712972;
}

.pill4 {
    background-color: #FADEBE;
    color: #7F3D0E;
}

.pill5 {
    background-color: #F1AEAD;
    color: #7B0000;
}

.pill-en-curso {
    color: #0065DC;
    background-color: var(--bg-light-1);
}

.pill-nota-formativa {
    color: #00849F;
    background-color: #DEEFF2;
}

.pill-prerrequisito {
    color: var(--secondary-gray-80);
    background-color: #F0F1F2;
}

.pill-prerrequisito svg {
    fill: var(--secondary-gray-80);
}


/* Certificación */
.pill-certificacion-no {
    color: var(--secondary-gray-80);
    background-color: #F0F1F2;
}

.pill-certificacion-no svg {
    fill: var(--secondary-gray-80);
}

.pill-certificacion-pendiente {
    color: #DB379C;
    background-color: #FFE8F6;
}

.pill-certificacion-pendiente svg {
    fill: #DB379C;
}

.pill-certificacion-urgencia {
    color: #6E4CCE;
    background-color: #E7E0FB;
}

.pill-certificacion-urgencia svg {
    fill: #6E4CCE;
}


.tooltip-pill {
    cursor: pointer;
}

/* CARD */
.card {
    --bs-card-border-color: var(--table-border-color);
}

.header-card-body {
    box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
    padding: var(--md);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

/* Acordeón */
.accordion {
    --bs-accordion-active-bg: var(--table-header-bg);
}

.acc-programas .accordion-button {
    font-size: var(--lg);
    font-weight: 700;
}

.l-icon {
    display: flex;
    flex-wrap: wrap;
    font-size: var(--xs);
    column-gap: var(--xs);
    row-gap: calc(var(--xs) / 2);
}

.l-icon span {
    white-space: nowrap;
}

.l-icon svg {
    width: var(--sm);
    height: var(--sm);
    fill: var(--bs-primary);
}

/* listado en columnas */
.l-columnas {
    padding-left: var(--md);
    margin: 0;
    columns: 2;
    column-gap: calc(var(--xxl) * 3);
}

.l-columnas li>div {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
}

/* PROGRESS */
.c-percentage {
    display: flex;
    gap: var(--xxl);
    height: 100%;
    align-items: center;
}

.progress-circle-svg {
    width: 130px;
    height: 130px;
}

.circle-progress {
    fill: none;
    stroke: #e6e6e6;
    stroke-width: 20;
}

.circle-progress-fill {
    fill: none;
    stroke: #67DB97;
    stroke-width: 20;
    stroke-linecap: round;
    stroke-dasharray: 565.48;
    /* 2 * π * 90 */
    stroke-dashoffset: 56.55;
    /* 10% de la circunferencia */
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    animation: fillProgress 2s ease-out;
}

.svg-text {
    font-size: 36px;
    font-weight: 600;
    fill: var(--link-color);
    text-anchor: middle;
    dominant-baseline: middle;
}

@keyframes fillProgress {
    from {
        stroke-dashoffset: 565.48;
    }

    to {
        stroke-dashoffset: 56.55;
    }
}

.accordion-faq .accordion-button {
    font-weight: 700;
}

.accordion-faq .accordion-button.collapsed {
    color: var(--bs-secondary-color);
    font-weight: 400;
    /* background-color: var(--bg-light-3); */
}

.list-faq {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: var(--lg);
    display: flex;
    flex-direction: column;
    gap: var(--lg);
}

.list-faq a {
    padding: var(--xs) var(--md);
    border-radius: var(--border-radius-md);
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--bg-light-1);
    background-color: var(--bg-light-3);
}

.list-faq a:hover {
    background-color: var(--bg-light-1);
}

.list-lnks {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--xs);
}

.list-lnks a {
    display: flex;
    gap: var(--xs);
    text-decoration: none;
}


.pie {
    color: #FFF;
    background-color: var(--primary-blue-100);
    padding: var(--xxl) 0;
}

body .pie {
    background-color: var(--primary-blue-100);
}


.int-footer {
    display: flex;
    gap: var(--xxxl);
    flex-direction: column;
}

.int-footer div {
    flex-shrink: 0;
}

.int-footer nav {
    flex-shrink: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.logo-bottom {
    width: 160px;
    height: auto;
    margin-bottom: var(--xl);
}

.pie a {
    color: #FFF;
    text-decoration: none;
}

.rrss {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: var(--lg);
}

.rrss a {
    font-size: 20px;
}

.footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: var(--xl);
    font-size: 18px;
    font-weight: 400;
    justify-content: space-between;
    flex-direction: column;
}

@media (min-width: 980px) {

    .int-footer,
    .footer-nav {
        flex-direction: row;
    }
}

/* Accesos */

.c-accesos {
    --bs-gutter-x: -0.5em;
}

.c-accesos .subtt {
    font-weight: 500;
}

.c-accesos .acc {
    text-decoration: none;
    display: flex;
    gap: var(--md);
    padding: var(--xl);
    border: 1px solid #D1D4DA;
    border-radius: var(--border-radius-md);
    box-shadow: var(--box-shadow);
    color: var(--bs-tertiary-color);
    width: 100%;
    transition: all .2s ease-out;
    height: 100%;
    align-items: center;
    min-height: 164px;
}

.c-accesos .acc:hover {
    box-shadow: var(--box-shadow-hover);
}

.c-accesos .acc i,
.c-accesos .acc svg {
    font-size: calc(var(--md) * 3);
    width: calc(var(--md) * 3);
    height: calc(var(--md) * 3);
    color: var(--bs-primary);
    fill: var(--bs-primary);
    flex-shrink: 0;
}

.c-accesos .acc .tt-acc {
    color: var(--bs-primary);
    margin: 0;
    font-size: var(--xl);
    font-weight: 500;
}

.c-accesos .acc span {
    font-size: var(--md);
    color: var(--primary-blue-80);
    line-height: 22px;
}

.icon-malta {
    fill: var(--bs-primary);
}

/* loader */
.c-loader {
    padding: var(--xxl);
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    animation: l14 4s infinite;
}

.loader::before,
.loader::after {
    content: "";
    grid-area: 1/1;
    border: 5px solid;
    border-radius: 50%;
    border-color: #AA0000 #AA0000 #8B93A1 #8B93A1;
    mix-blend-mode: darken;
    animation: l14 1s infinite linear;
}

.loader::after {
    border-color: #8B93A1 #8B93A1 #182844 #182844;
    animation-direction: reverse;
}

@keyframes l14 {
    100% {
        transform: rotate(1turn)
    }
}

/* tooltip-custom.css */
.aiep-tooltip {
    padding: 0;
}

.aiep-tooltip .tooltip-inner {
    background-color: #f8f8f8;
    color: #585A5F;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: var(--xs);
    box-shadow: var(--box-shadow-hover);
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #f8f8f8;
}

/* Select programas */
.dropdown-select .dropdown-toggle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--bs-primary);
    background-color: var(--bg-light-2);
    border: 0;
    border: 1px solid var(--table-border-color);
    border-bottom: 1px solid var(--bs-primary);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: var(--lg);
    font-weight: 700;
}

.dropdown-select .dropdown-toggle:after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 8px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.872 6.611v-.008L.408 2.331A1.352 1.352 0 0 1 .384.42 1.352 1.352 0 0 1 2.296.387l4.112 3.944L10.512.38a1.354 1.354 0 0 1 1.92.04 1.352 1.352 0 0 1-.048 1.904L7.96 6.571h-.016c-.912.816-2.168.832-3.072.024v.016Z' fill='%23102A8A'/%3E%3C/svg%3E");
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.dropdown-select .dropdown-toggle.show:after {
    transform: rotate(-180deg);
}

.dropdown-select .dropdown-menu {
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-height: 300px;
    overflow: auto;
    padding: 0;
}

.dropdown-select .dropdown-menu.show {
    transform: translate3d(0px, 45px, 0px) !important;
    box-shadow: var(--box-shadow);
}

.dropdown-select .dropdown-item {
    border-bottom: 1px solid var(--bs-border-color);
    line-height: 1.25;
    padding-top: var(--xs);
    padding-bottom: var(--xs);
    color: var(--bs-primary);
}

.dropdown-select li:last-child .dropdown-item {
    border-bottom: none;
}

.dropdown-select .dropdown-item strong {
    font-size: var(--md);
    display: block;
}

.dropdown-select .dropdown-item span {
    font-size: var(--sm);
    color: var(--bs-tertiary-color);
}

.dropdown-select .dropdown-item:focus,
.dropdown-select .dropdown-item:hover,
.dropdown-select .btn:first-child:active {
    background-color: var(--bg-light-2);
    color: var(--bs-primary);
}

/* cuando hay 1 opción*/
.dropdown-select.disabled {
    pointer-events: none;
}

.dropdown-select.disabled .dropdown-toggle::after,
.dropdown-select .dropdown-toggle-print.dropdown-toggle::after {
    display: none;
}

.dropdown-select .dropdown-toggle-print {
    justify-content: flex-start;
    font-weight: 400;
    font-size: 18px;
    border: 1px solid #b5bac2;
    border-color: #b5bac2;

}

.dropdown-select .dropdown-toggle-print>div {
    display: flex;
    width: 100%;
}

.dropdown-select .dropdown-toggle-print span:first-child {
    flex: 0 0 58%;
    text-align: left;
}

.dropdown-select .dropdown-toggle-print span:last-child {
    flex: 0 0 42%;
    text-align: left;
}

/* card siguiente */
.dropdown-select+div.card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
}

.simbologia {
    margin-bottom: var(--xl);
}

.simbologia h4 {
    color: var(--primary-blue-80);
    font-size: var(--xs);
}
.sub-header button {
  margin-left: auto;
}

#FechaDescarga,
.simbologia,
.onlyprint {
    /*Simbologia*/
    display: none;
}
 /*CK CSS*/
    @media print { /*print CK*/
      * {
         /*CK CSS*/
        print-color-adjust: exact !important;
      }

      #btnJsonViewer,
      #tabFichaCurricular,
      .nav-top,
      .header-ctrls,
      .breadcrumb,
      .header-pag {
        display: none;
      }

      .cabecera {
         /*CK CSS*/
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 1;
        padding-bottom: 5mm;
        margin-bottom: 5mm;
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.1)  0px 3px 0px;
         /*CK CSS*/
      }

      #datosacademicoscabecera {
     /*     transform: scale(0.9);*/
      }
      .cabecera .container {
        display: block;
        padding: 0;
        height: auto;
      }

      .c-percentage {
        flex-direction: row-reverse;
        justify-content: flex-end;
      }

      #FechaDescarga,
      .simbologia,
      .onlyprint {
        display: block;
        print-color-adjust: exact;
      }

      body {
        padding-top: 0px;
      }

      .dropdown-toggle div span strong {
        font-weight: 500 !important;
      }
        .ddropdown-toggle-print,
        .cabprint {
        font-size: 14pt !important;
        font-weight: 400 !important;
        font-family: var(--font-family-secondary) !important;
  
      }

      .table-responsive {
        transform: scale(0.9);
        transform-origin: left top;
        border: 1px solid var(--table-border-color) !important;
      }

      .table-responsive .table-aiep {
        font-size: 9px !important;
      }

      .table-aiep thead th {
        white-space: nowrap;
        print-color-adjust: exact;
        font-size: 8px !important;
        padding: 0.3rem !important;
        background-color: var(--table-header-bg) !important;
      }

      .printnowrap {
        white-space: nowrap !important;
      }

      .int-td-malla {
        padding: 0.25rem !important;
        min-height: 70px !important;
      }

      .int-td-malla div:first-child {
        font-size: 8px !important;
        line-height: 1.2 !important;
        margin-bottom: 2px !important;
      }

      .int-td-malla .txt-xs,
      .int-td-malla div:nth-child(2) {
        font-size: 7px !important;
        margin-bottom: 2px !important;
      }

      .int-td-malla .pill,
      .int-td-malla .pill2,
      .int-td-malla .pill3 {
        font-size: 6px !important;
        padding: 1px 3px !important;
      }

      .int-td-malla .pill svg {
        width: 10px !important;
        height: 10px !important;
      }

      .table-aiep th,
      .table-aiep td {
        width: 12.5% !important;
      }

      .table-responsive,
      .table-aiep,
      .table-aiep tbody,
      .table-aiep tr {
        break-inside: avoid !important;
      }

      .card {
        break-inside: avoid !important;
        box-shadow: none !important;
      }

      .simbologia {
        break-inside: avoid !important;
        font-size: 9px !important;
      }

      .simbologia .pill {
        font-size: 8px !important;
      }
       .noconstituye {
        font-size: 14pt !important;
        color: var(--color-secondary-blue-1);
        
        }
      .pie .rrss {
        display: none !important;
      }
    }
    /*CK CSS*/

.sin-info {
    text-align: center;
    color: var(--bs-primary);
    font-size: var(--lg);
}

.sin-info .tt {
    font-size: var(--xxxl);
    color: var(--color-secondary-blue-1);
}