/********* (css institucional) *********/
/* Colores Institucionales */
:root {
    --colorInstitucional1: #235C4F; /*2025*/
    --colorInstitucional2: #10312B; /*2025*/
    --colorInstitucional3: #F3F3E6; /*2025*/
    --colorInstitucional4: #BC955B; /*2025*/
    --colorInstitucional5: #98989A;
    --colorInstitucional6: #6F7271;
    --colorInstitucional7: #A02142; /*2025*/
    --colorInstitucional8: #691C32;
    --colorInstitucional9: #efe4d2;
    --colorInstitucional10: #cccccc;
    --colorInstitucional11: #006657;
    --colorInstitucionalAuxiliar1: #f3f3e7;
    --colorInstitucionalAuxiliar2: #a3baad; /*2025*/
    --colorInstitucionalAuxiliar3: #778d75; /*2025*/
    --colorInstitucionalAuxiliar4: #aca8a3; /*2025*/
    --colorInstitucionalLinksTable: #4E232E;
    --colorDegradadoInstitucional1: rgba(149, 151, 153, 0.7);
    --colorDegradadoInstitucional2: rgba(225,225,225, 0.7);
}

/*- Colores Institucionales -*/

/* Fuentes Institucionales */
@font-face {
    font-family: "Institucional-Light";
    src: url("https://ibhidalgo.org/cdn/fuentes/NotoSans/NotoSans-Light.woff2") format("woff2");
}

@font-face {
    font-family: "Institucional-Regular";
    src: url("https://ibhidalgo.org/cdn/fuentes/NotoSans/NotoSans-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Institucional-Black";
    src: url("https://ibhidalgo.org/cdn/fuentes/NotoSans/NotoSans-Black.woff2") format("woff2");
}

@font-face {
    font-family: "Institucional-Medium";
    src: url("https://ibhidalgo.org/cdn/fuentes/NotoSans/NotoSans-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Institucional-Semibold";
    src: url("https://ibhidalgo.org/cdn/fuentes/NotoSans/NotoSans-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: "Institucional-Bold";
    src: url("https://ibhidalgo.org/cdn/fuentes/NotoSans/NotoSans-Bold.woff2") format("woff2");
}

/*- Fuentes Institucionales -*/

/** Estilos para Menú **/
header.institucional {
    background: var(--colorInstitucional2) !important;
    background-image: url(https://ibhidalgo.org/cdn/img/BarraTitulo.svg) !important;
    background-repeat: no-repeat !important;
    /* background-blend-mode: multiply; */
    background-position: right !important;
    /* Agregados */
    background-blend-mode: initial !important;
    background-size: cover !important;
}

nav.menuinstitucional {
    background-color: var(--colorInstitucional10) !important;
    padding: 1px !important;
    color: var(--colorInstitucional1) !important;
    background-image: url(https://ibhidalgo.org/cdn/img/LogoMenu.svg) !important;
    background-repeat: no-repeat !important;
    background-blend-mode: multiply;
    background-position: right;
    background-position-y: top;
    background-size: cover !important;
}

a.nav-link {
    color: var(--colorInstitucional2);
    font-weight: bold;
}

.dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: var(--colorInstitucional2) !important;
}

.nav-link.show {
    background: var(--colorInstitucional2);
    color: white !important;
}

a.activaMenu {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
    font-family: 'Institucional-Bold';
    border-radius: 5px 5px 0 0;
}

a.nav-link:hover {
    color: white !important;
    background-color: var(--colorInstitucional2) !important;
}

/**- Estilos para Menú -**/

/*Estilo Universal Body y HTML*/
html,
body {
    font-family: "Institucional-Regular" !important;
}

/*Set de Fuentes*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Institucional-SemiBold" !important;
}

.font-institucional-sb {
    font-family: "Institucional-SemiBold" !important;
}

.font-institucional-re {
    font-family: "Institucional-Regular" !important;
}

.font-institucional-b {
    font-family: "Institucional-Bold" !important;
}

.font-institucional-md {
    font-family: "Institucional-Medium" !important;
}

/*-Set de Fuentes-*/

/* Fondos Institucionales */
.bg-institucionalescudo {
    background-color: var(--colorInstitucional1);
    background-image: url(https://ibhidalgo.org/cdn/img/Escudo.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    /* background-blend-mode: multiply; */
    /* Agregados */
    background-blend-mode: initial !important;
}

.bg-institucional1 {
    background-color: var(--colorInstitucional1) !important;
}

.bg-institucional1-100 {
    background-color: color-mix(in srgb, var(--colorInstitucional1) 10%, transparent) !important;
}

.bg-institucional1-200 {
    background-color: color-mix(in srgb, var(--colorInstitucional1) 20%, transparent) !important;
}

.bg-institucional1-300 {
    background-color: color-mix(in srgb, var(--colorInstitucional1) 30%, transparent) !important;
}

.bg-institucional1-400 {
    background-color: color-mix(in srgb, var(--colorInstitucional1) 40%, transparent) !important;
}

.bg-institucional1-500 {
    background-color: color-mix(in srgb, var(--colorInstitucional1) 50%, transparent) !important;
}

.bg-institucional1-600 {
    background-color: color-mix(in srgb, var(--colorInstitucional1) 60%, transparent) !important;
}

.bg-institucional1-700 {
    background-color: color-mix(in srgb, var(--colorInstitucional1) 70%, transparent) !important;
}

.bg-institucional1-800 {
    background-color: color-mix(in srgb, var(--colorInstitucional1) 80%, transparent) !important;
}

.bg-institucional1-900 {
    background-color: color-mix(in srgb, var(--colorInstitucional1) 90%, transparent) !important;
}

.bg-institucional2 {
    background-color: var(--colorInstitucional2) !important;
}

.bg-institucional2-100 {
    background-color: color-mix(in srgb, var(--colorInstitucional2) 10%, transparent) !important;
}

.bg-institucional2-200 {
    background-color: color-mix(in srgb, var(--colorInstitucional2) 20%, transparent) !important;
}

.bg-institucional2-300 {
    background-color: color-mix(in srgb, var(--colorInstitucional2) 30%, transparent) !important;
}

.bg-institucional2-400 {
    background-color: color-mix(in srgb, var(--colorInstitucional2) 40%, transparent) !important;
}

.bg-institucional2-500 {
    background-color: color-mix(in srgb, var(--colorInstitucional2) 50%, transparent) !important;
}

.bg-institucional2-600 {
    background-color: color-mix(in srgb, var(--colorInstitucional2) 60%, transparent) !important;
}

.bg-institucional2-700 {
    background-color: color-mix(in srgb, var(--colorInstitucional2) 70%, transparent) !important;
}

.bg-institucional2-800 {
    background-color: color-mix(in srgb, var(--colorInstitucional2) 80%, transparent) !important;
}

.bg-institucional2-900 {
    background-color: color-mix(in srgb, var(--colorInstitucional2) 90%, transparent) !important;
}

.bg-institucional3 {
    background-color: var(--colorInstitucional3) !important;
}

.bg-institucional3-100 {
    background-color: color-mix(in srgb, var(--colorInstitucional3) 10%, transparent) !important;
}

.bg-institucional3-200 {
    background-color: color-mix(in srgb, var(--colorInstitucional3) 20%, transparent) !important;
}

.bg-institucional3-300 {
    background-color: color-mix(in srgb, var(--colorInstitucional3) 30%, transparent) !important;
}

.bg-institucional3-400 {
    background-color: color-mix(in srgb, var(--colorInstitucional3) 40%, transparent) !important;
}

.bg-institucional3-500 {
    background-color: color-mix(in srgb, var(--colorInstitucional3) 50%, transparent) !important;
}

.bg-institucional3-600 {
    background-color: color-mix(in srgb, var(--colorInstitucional3) 60%, transparent) !important;
}

.bg-institucional3-700 {
    background-color: color-mix(in srgb, var(--colorInstitucional3) 70%, transparent) !important;
}

.bg-institucional3-800 {
    background-color: color-mix(in srgb, var(--colorInstitucional3) 80%, transparent) !important;
}

.bg-institucional3-900 {
    background-color: color-mix(in srgb, var(--colorInstitucional3) 90%, transparent) !important;
}

.bg-institucional4 {
    background-color: var(--colorInstitucional4) !important;
}

.bg-institucional4-100 {
    background-color: color-mix(in srgb, var(--colorInstitucional4) 10%, transparent) !important;
}

.bg-institucional4-200 {
    background-color: color-mix(in srgb, var(--colorInstitucional4) 20%, transparent) !important;
}

.bg-institucional4-300 {
    background-color: color-mix(in srgb, var(--colorInstitucional4) 30%, transparent) !important;
}

.bg-institucional4-400 {
    background-color: color-mix(in srgb, var(--colorInstitucional4) 40%, transparent) !important;
}

.bg-institucional4-500 {
    background-color: color-mix(in srgb, var(--colorInstitucional4) 50%, transparent) !important;
}

.bg-institucional4-600 {
    background-color: color-mix(in srgb, var(--colorInstitucional4) 60%, transparent) !important;
}

.bg-institucional4-700 {
    background-color: color-mix(in srgb, var(--colorInstitucional4) 70%, transparent) !important;
}

.bg-institucional4-800 {
    background-color: color-mix(in srgb, var(--colorInstitucional4) 80%, transparent) !important;
}

.bg-institucional4-900 {
    background-color: color-mix(in srgb, var(--colorInstitucional4) 90%, transparent) !important;
}

.bg-institucional5 {
    background-color: var(--colorInstitucional5) !important;
}

.bg-institucional5-100 {
    background-color: color-mix(in srgb, var(--colorInstitucional5) 10%, transparent) !important;
}

.bg-institucional5-200 {
    background-color: color-mix(in srgb, var(--colorInstitucional5) 20%, transparent) !important;
}

.bg-institucional5-300 {
    background-color: color-mix(in srgb, var(--colorInstitucional5) 30%, transparent) !important;
}

.bg-institucional5-400 {
    background-color: color-mix(in srgb, var(--colorInstitucional5) 40%, transparent) !important;
}

.bg-institucional5-500 {
    background-color: color-mix(in srgb, var(--colorInstitucional5) 50%, transparent) !important;
}

.bg-institucional5-600 {
    background-color: color-mix(in srgb, var(--colorInstitucional5) 60%, transparent) !important;
}

.bg-institucional5-700 {
    background-color: color-mix(in srgb, var(--colorInstitucional5) 70%, transparent) !important;
}

.bg-institucional5-800 {
    background-color: color-mix(in srgb, var(--colorInstitucional5) 80%, transparent) !important;
}

.bg-institucional5-900 {
    background-color: color-mix(in srgb, var(--colorInstitucional5) 90%, transparent) !important;
}

.bg-institucional6 {
    background-color: var(--colorInstitucional6) !important;
}

.bg-institucional6-100 {
    background-color: color-mix(in srgb, var(--colorInstitucional6) 10%, transparent) !important;
}

.bg-institucional6-200 {
    background-color: color-mix(in srgb, var(--colorInstitucional6) 20%, transparent) !important;
}

.bg-institucional6-300 {
    background-color: color-mix(in srgb, var(--colorInstitucional6) 30%, transparent) !important;
}

.bg-institucional6-400 {
    background-color: color-mix(in srgb, var(--colorInstitucional6) 40%, transparent) !important;
}

.bg-institucional6-500 {
    background-color: color-mix(in srgb, var(--colorInstitucional6) 50%, transparent) !important;
}

.bg-institucional6-600 {
    background-color: color-mix(in srgb, var(--colorInstitucional6) 60%, transparent) !important;
}

.bg-institucional6-700 {
    background-color: color-mix(in srgb, var(--colorInstitucional6) 70%, transparent) !important;
}

.bg-institucional6-800 {
    background-color: color-mix(in srgb, var(--colorInstitucional6) 80%, transparent) !important;
}

.bg-institucional6-900 {
    background-color: color-mix(in srgb, var(--colorInstitucional6) 90%, transparent) !important;
}

.bg-institucional7 {
    background-color: var(--colorInstitucional7) !important;
}

.bg-institucional7-100 {
    background-color: color-mix(in srgb, var(--colorInstitucional7) 10%, transparent) !important;
}

.bg-institucional7-200 {
    background-color: color-mix(in srgb, var(--colorInstitucional7) 20%, transparent) !important;
}

.bg-institucional7-300 {
    background-color: color-mix(in srgb, var(--colorInstitucional7) 30%, transparent) !important;
}

.bg-institucional7-400 {
    background-color: color-mix(in srgb, var(--colorInstitucional7) 40%, transparent) !important;
}

.bg-institucional7-500 {
    background-color: color-mix(in srgb, var(--colorInstitucional7) 50%, transparent) !important;
}

.bg-institucional7-600 {
    background-color: color-mix(in srgb, var(--colorInstitucional7) 60%, transparent) !important;
}

.bg-institucional7-700 {
    background-color: color-mix(in srgb, var(--colorInstitucional7) 70%, transparent) !important;
}

.bg-institucional7-800 {
    background-color: color-mix(in srgb, var(--colorInstitucional7) 80%, transparent) !important;
}

.bg-institucional7-900 {
    background-color: color-mix(in srgb, var(--colorInstitucional7) 90%, transparent) !important;
}

.bg-institucional8 {
    background-color: var(--colorInstitucional8) !important;
}

.bg-institucional8-100 {
    background-color: color-mix(in srgb, var(--colorInstitucional8) 10%, transparent) !important;
}

.bg-institucional8-200 {
    background-color: color-mix(in srgb, var(--colorInstitucional8) 20%, transparent) !important;
}

.bg-institucional8-300 {
    background-color: color-mix(in srgb, var(--colorInstitucional8) 30%, transparent) !important;
}

.bg-institucional8-400 {
    background-color: color-mix(in srgb, var(--colorInstitucional8) 40%, transparent) !important;
}

.bg-institucional8-500 {
    background-color: color-mix(in srgb, var(--colorInstitucional8) 50%, transparent) !important;
}

.bg-institucional8-600 {
    background-color: color-mix(in srgb, var(--colorInstitucional8) 60%, transparent) !important;
}

.bg-institucional8-700 {
    background-color: color-mix(in srgb, var(--colorInstitucional8) 70%, transparent) !important;
}

.bg-institucional8-800 {
    background-color: color-mix(in srgb, var(--colorInstitucional8) 80%, transparent) !important;
}

.bg-institucional8-900 {
    background-color: color-mix(in srgb, var(--colorInstitucional8) 90%, transparent) !important;
}

.bg-institucional9 {
    background-color: var(--colorInstitucional9) !important;
}

.bg-institucional9-100 {
    background-color: color-mix(in srgb, var(--colorInstitucional9) 10%, transparent) !important;
}

.bg-institucional9-200 {
    background-color: color-mix(in srgb, var(--colorInstitucional9) 20%, transparent) !important;
}

.bg-institucional9-300 {
    background-color: color-mix(in srgb, var(--colorInstitucional9) 30%, transparent) !important;
}

.bg-institucional9-400 {
    background-color: color-mix(in srgb, var(--colorInstitucional9) 40%, transparent) !important;
}

.bg-institucional9-500 {
    background-color: color-mix(in srgb, var(--colorInstitucional9) 50%, transparent) !important;
}

.bg-institucional9-600 {
    background-color: color-mix(in srgb, var(--colorInstitucional9) 60%, transparent) !important;
}

.bg-institucional9-700 {
    background-color: color-mix(in srgb, var(--colorInstitucional9) 70%, transparent) !important;
}

.bg-institucional9-800 {
    background-color: color-mix(in srgb, var(--colorInstitucional9) 80%, transparent) !important;
}

.bg-institucional9-900 {
    background-color: color-mix(in srgb, var(--colorInstitucional9) 90%, transparent) !important;
}

.bg-institucional10 {
    background-color: var(--colorInstitucional10) !important;
}

.bg-institucional10-100 {
    background-color: color-mix(in srgb, var(--colorInstitucional10) 10%, transparent) !important;
}

.bg-institucional10-200 {
    background-color: color-mix(in srgb, var(--colorInstitucional10) 20%, transparent) !important;
}

.bg-institucional10-300 {
    background-color: color-mix(in srgb, var(--colorInstitucional10) 30%, transparent) !important;
}

.bg-institucional10-400 {
    background-color: color-mix(in srgb, var(--colorInstitucional10) 40%, transparent) !important;
}

.bg-institucional10-500 {
    background-color: color-mix(in srgb, var(--colorInstitucional10) 50%, transparent) !important;
}

.bg-institucional10-600 {
    background-color: color-mix(in srgb, var(--colorInstitucional10) 60%, transparent) !important;
}

.bg-institucional10-700 {
    background-color: color-mix(in srgb, var(--colorInstitucional10) 70%, transparent) !important;
}

.bg-institucional10-800 {
    background-color: color-mix(in srgb, var(--colorInstitucional10) 80%, transparent) !important;
}

.bg-institucional10-900 {
    background-color: color-mix(in srgb, var(--colorInstitucional10) 90%, transparent) !important;
}

.bg-institucional11 {
    background-color: var(--colorInstitucional11) !important;
}

.bg-institucional11-100 {
    background-color: color-mix(in srgb, var(--colorInstitucional11) 10%, transparent) !important;
}

.bg-institucional11-200 {
    background-color: color-mix(in srgb, var(--colorInstitucional11) 20%, transparent) !important;
}

.bg-institucional11-300 {
    background-color: color-mix(in srgb, var(--colorInstitucional11) 30%, transparent) !important;
}

.bg-institucional11-400 {
    background-color: color-mix(in srgb, var(--colorInstitucional11) 40%, transparent) !important;
}

.bg-institucional11-500 {
    background-color: color-mix(in srgb, var(--colorInstitucional11) 50%, transparent) !important;
}

.bg-institucional11-600 {
    background-color: color-mix(in srgb, var(--colorInstitucional11) 60%, transparent) !important;
}

.bg-institucional11-700 {
    background-color: color-mix(in srgb, var(--colorInstitucional11) 70%, transparent) !important;
}

.bg-institucional11-800 {
    background-color: color-mix(in srgb, var(--colorInstitucional11) 80%, transparent) !important;
}

.bg-institucional11-900 {
    background-color: color-mix(in srgb, var(--colorInstitucional11) 90%, transparent) !important;
}

.bg-institucionalAuxiliar1 {
    background-color: var(--colorInstitucionalAuxiliar1) !important;
}

.bg-institucionalAuxiliar1-100 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 10%, transparent) !important;
}

.bg-institucionalAuxiliar1-200 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 20%, transparent) !important;
}

.bg-institucionalAuxiliar1-300 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 30%, transparent) !important;
}

.bg-institucionalAuxiliar1-400 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 40%, transparent) !important;
}

.bg-institucionalAuxiliar1-500 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 50%, transparent) !important;
}

.bg-institucionalAuxiliar1-600 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 60%, transparent) !important;
}

.bg-institucionalAuxiliar1-700 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 70%, transparent) !important;
}

.bg-institucionalAuxiliar1-800 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 80%, transparent) !important;
}

.bg-institucionalAuxiliar1-900 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 90%, transparent) !important;
}

.bg-institucionalAuxiliar2 {
    background-color: var(--colorInstitucionalAuxiliar2) !important;
}

.bg-institucionalAuxiliar2-100 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 10%, transparent) !important;
}

.bg-institucionalAuxiliar2-200 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 20%, transparent) !important;
}

.bg-institucionalAuxiliar2-300 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 30%, transparent) !important;
}

.bg-institucionalAuxiliar2-400 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 40%, transparent) !important;
}

.bg-institucionalAuxiliar2-500 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 50%, transparent) !important;
}

.bg-institucionalAuxiliar2-600 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 60%, transparent) !important;
}

.bg-institucionalAuxiliar2-700 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 70%, transparent) !important;
}

.bg-institucionalAuxiliar2-800 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 80%, transparent) !important;
}

.bg-institucionalAuxiliar2-900 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 90%, transparent) !important;
}

.bg-institucionalAuxiliar3 {
    background-color: var(--colorInstitucionalAuxiliar3) !important;
}

.bg-institucionalAuxiliar3-100 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 10%, transparent) !important;
}

.bg-institucionalAuxiliar3-200 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 20%, transparent) !important;
}

.bg-institucionalAuxiliar3-300 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 30%, transparent) !important;
}

.bg-institucionalAuxiliar3-400 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 40%, transparent) !important;
}

.bg-institucionalAuxiliar3-500 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 50%, transparent) !important;
}

.bg-institucionalAuxiliar3-600 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 60%, transparent) !important;
}

.bg-institucionalAuxiliar3-700 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 70%, transparent) !important;
}

.bg-institucionalAuxiliar3-800 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 80%, transparent) !important;
}

.bg-institucionalAuxiliar3-900 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 90%, transparent) !important;
}

.bg-institucionalAuxiliar4 {
    background-color: var(--colorInstitucionalAuxiliar4) !important;
}

.bg-institucionalAuxiliar4-100 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 10%, transparent) !important;
}

.bg-institucionalAuxiliar4-200 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 20%, transparent) !important;
}

.bg-institucionalAuxiliar4-300 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 30%, transparent) !important;
}

.bg-institucionalAuxiliar4-400 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 40%, transparent) !important;
}

.bg-institucionalAuxiliar4-500 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 50%, transparent) !important;
}

.bg-institucionalAuxiliar4-600 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 60%, transparent) !important;
}

.bg-institucionalAuxiliar4-700 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 70%, transparent) !important;
}

.bg-institucionalAuxiliar4-800 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 80%, transparent) !important;
}

.bg-institucionalAuxiliar4-900 {
    background-color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 90%, transparent) !important;
}

/*- Fondos Institucionales -*/

/* colores fuente Institucionales */
.color-institucional1 {
    color: var(--colorInstitucional1) !important;
}

.color-institucional1-100 {
    color: color-mix(in srgb, var(--colorInstitucional1) 10%, transparent) !important;
}

.color-institucional1-200 {
    color: color-mix(in srgb, var(--colorInstitucional1) 20%, transparent) !important;
}

.color-institucional1-300 {
    color: color-mix(in srgb, var(--colorInstitucional1) 30%, transparent) !important;
}

.color-institucional1-400 {
    color: color-mix(in srgb, var(--colorInstitucional1) 40%, transparent) !important;
}

.color-institucional1-500 {
    color: color-mix(in srgb, var(--colorInstitucional1) 50%, transparent) !important;
}

.color-institucional1-600 {
    color: color-mix(in srgb, var(--colorInstitucional1) 60%, transparent) !important;
}

.color-institucional1-700 {
    color: color-mix(in srgb, var(--colorInstitucional1) 70%, transparent) !important;
}

.color-institucional1-800 {
    color: color-mix(in srgb, var(--colorInstitucional1) 80%, transparent) !important;
}

.color-institucional1-900 {
    color: color-mix(in srgb, var(--colorInstitucional1) 90%, transparent) !important;
}

.color-institucional2 {
    color: var(--colorInstitucional2) !important;
}

.color-institucional2-100 {
    color: color-mix(in srgb, var(--colorInstitucional2) 10%, transparent) !important;
}

.color-institucional2-200 {
    color: color-mix(in srgb, var(--colorInstitucional2) 20%, transparent) !important;
}

.color-institucional2-300 {
    color: color-mix(in srgb, var(--colorInstitucional2) 30%, transparent) !important;
}

.color-institucional2-400 {
    color: color-mix(in srgb, var(--colorInstitucional2) 40%, transparent) !important;
}

.color-institucional2-500 {
    color: color-mix(in srgb, var(--colorInstitucional2) 50%, transparent) !important;
}

.color-institucional2-600 {
    color: color-mix(in srgb, var(--colorInstitucional2) 60%, transparent) !important;
}

.color-institucional2-700 {
    color: color-mix(in srgb, var(--colorInstitucional2) 70%, transparent) !important;
}

.color-institucional2-800 {
    color: color-mix(in srgb, var(--colorInstitucional2) 80%, transparent) !important;
}

.color-institucional2-900 {
    color: color-mix(in srgb, var(--colorInstitucional2) 90%, transparent) !important;
}

.color-institucional3 {
    color: var(--colorInstitucional3) !important;
}

.color-institucional3-100 {
    color: color-mix(in srgb, var(--colorInstitucional3) 10%, transparent) !important;
}

.color-institucional3-200 {
    color: color-mix(in srgb, var(--colorInstitucional3) 20%, transparent) !important;
}

.color-institucional3-300 {
    color: color-mix(in srgb, var(--colorInstitucional3) 30%, transparent) !important;
}

.color-institucional3-400 {
    color: color-mix(in srgb, var(--colorInstitucional3) 40%, transparent) !important;
}

.color-institucional3-500 {
    color: color-mix(in srgb, var(--colorInstitucional3) 50%, transparent) !important;
}

.color-institucional3-600 {
    color: color-mix(in srgb, var(--colorInstitucional3) 60%, transparent) !important;
}

.color-institucional3-700 {
    color: color-mix(in srgb, var(--colorInstitucional3) 70%, transparent) !important;
}

.color-institucional3-800 {
    color: color-mix(in srgb, var(--colorInstitucional3) 80%, transparent) !important;
}

.color-institucional3-900 {
    color: color-mix(in srgb, var(--colorInstitucional3) 90%, transparent) !important;
}

.color-institucional4 {
    color: var(--colorInstitucional4) !important;
}

.color-institucional4-100 {
    color: color-mix(in srgb, var(--colorInstitucional4) 10%, transparent) !important;
}

.color-institucional4-200 {
    color: color-mix(in srgb, var(--colorInstitucional4) 20%, transparent) !important;
}

.color-institucional4-300 {
    color: color-mix(in srgb, var(--colorInstitucional4) 30%, transparent) !important;
}

.color-institucional4-400 {
    color: color-mix(in srgb, var(--colorInstitucional4) 40%, transparent) !important;
}

.color-institucional4-500 {
    color: color-mix(in srgb, var(--colorInstitucional4) 50%, transparent) !important;
}

.color-institucional4-600 {
    color: color-mix(in srgb, var(--colorInstitucional4) 60%, transparent) !important;
}

.color-institucional4-700 {
    color: color-mix(in srgb, var(--colorInstitucional4) 70%, transparent) !important;
}

.color-institucional4-800 {
    color: color-mix(in srgb, var(--colorInstitucional4) 80%, transparent) !important;
}

.color-institucional4-900 {
    color: color-mix(in srgb, var(--colorInstitucional4) 90%, transparent) !important;
}

.color-institucional5 {
    color: var(--colorInstitucional5) !important;
}

.color-institucional5-100 {
    color: color-mix(in srgb, var(--colorInstitucional5) 10%, transparent) !important;
}

.color-institucional5-200 {
    color: color-mix(in srgb, var(--colorInstitucional5) 20%, transparent) !important;
}

.color-institucional5-300 {
    color: color-mix(in srgb, var(--colorInstitucional5) 30%, transparent) !important;
}

.color-institucional5-400 {
    color: color-mix(in srgb, var(--colorInstitucional5) 40%, transparent) !important;
}

.color-institucional5-500 {
    color: color-mix(in srgb, var(--colorInstitucional5) 50%, transparent) !important;
}

.color-institucional5-600 {
    color: color-mix(in srgb, var(--colorInstitucional5) 60%, transparent) !important;
}

.color-institucional5-700 {
    color: color-mix(in srgb, var(--colorInstitucional5) 70%, transparent) !important;
}

.color-institucional5-800 {
    color: color-mix(in srgb, var(--colorInstitucional5) 80%, transparent) !important;
}

.color-institucional5-900 {
    color: color-mix(in srgb, var(--colorInstitucional5) 90%, transparent) !important;
}

.color-institucional6 {
    color: var(--colorInstitucional6) !important;
}

.color-institucional6-100 {
    color: color-mix(in srgb, var(--colorInstitucional6) 10%, transparent) !important;
}

.color-institucional6-200 {
    color: color-mix(in srgb, var(--colorInstitucional6) 20%, transparent) !important;
}

.color-institucional6-300 {
    color: color-mix(in srgb, var(--colorInstitucional6) 30%, transparent) !important;
}

.color-institucional6-400 {
    color: color-mix(in srgb, var(--colorInstitucional6) 40%, transparent) !important;
}

.color-institucional6-500 {
    color: color-mix(in srgb, var(--colorInstitucional6) 50%, transparent) !important;
}

.color-institucional6-600 {
    color: color-mix(in srgb, var(--colorInstitucional6) 60%, transparent) !important;
}

.color-institucional6-700 {
    color: color-mix(in srgb, var(--colorInstitucional6) 70%, transparent) !important;
}

.color-institucional6-800 {
    color: color-mix(in srgb, var(--colorInstitucional6) 80%, transparent) !important;
}

.color-institucional6-900 {
    color: color-mix(in srgb, var(--colorInstitucional6) 90%, transparent) !important;
}

.color-institucional7 {
    color: var(--colorInstitucional7) !important;
}

.color-institucional7-100 {
    color: color-mix(in srgb, var(--colorInstitucional7) 10%, transparent) !important;
}

.color-institucional7-200 {
    color: color-mix(in srgb, var(--colorInstitucional7) 20%, transparent) !important;
}

.color-institucional7-300 {
    color: color-mix(in srgb, var(--colorInstitucional7) 30%, transparent) !important;
}

.color-institucional7-400 {
    color: color-mix(in srgb, var(--colorInstitucional7) 40%, transparent) !important;
}

.color-institucional7-500 {
    color: color-mix(in srgb, var(--colorInstitucional7) 50%, transparent) !important;
}

.color-institucional7-600 {
    color: color-mix(in srgb, var(--colorInstitucional7) 60%, transparent) !important;
}

.color-institucional7-700 {
    color: color-mix(in srgb, var(--colorInstitucional7) 70%, transparent) !important;
}

.color-institucional7-800 {
    color: color-mix(in srgb, var(--colorInstitucional7) 80%, transparent) !important;
}

.color-institucional7-900 {
    color: color-mix(in srgb, var(--colorInstitucional7) 90%, transparent) !important;
}

.color-institucional8 {
    color: var(--colorInstitucional8) !important;
}

.color-institucional8-100 {
    color: color-mix(in srgb, var(--colorInstitucional8) 10%, transparent) !important;
}

.color-institucional8-200 {
    color: color-mix(in srgb, var(--colorInstitucional8) 20%, transparent) !important;
}

.color-institucional8-300 {
    color: color-mix(in srgb, var(--colorInstitucional8) 30%, transparent) !important;
}

.color-institucional8-400 {
    color: color-mix(in srgb, var(--colorInstitucional8) 40%, transparent) !important;
}

.color-institucional8-500 {
    color: color-mix(in srgb, var(--colorInstitucional8) 50%, transparent) !important;
}

.color-institucional8-600 {
    color: color-mix(in srgb, var(--colorInstitucional8) 60%, transparent) !important;
}

.color-institucional8-700 {
    color: color-mix(in srgb, var(--colorInstitucional8) 70%, transparent) !important;
}

.color-institucional8-800 {
    color: color-mix(in srgb, var(--colorInstitucional8) 80%, transparent) !important;
}

.color-institucional8-900 {
    color: color-mix(in srgb, var(--colorInstitucional8) 90%, transparent) !important;
}

.color-institucional9 {
    color: var(--colorInstitucional9) !important;
}

.color-institucional9-100 {
    color: color-mix(in srgb, var(--colorInstitucional9) 10%, transparent) !important;
}

.color-institucional9-200 {
    color: color-mix(in srgb, var(--colorInstitucional9) 20%, transparent) !important;
}

.color-institucional9-300 {
    color: color-mix(in srgb, var(--colorInstitucional9) 30%, transparent) !important;
}

.color-institucional9-400 {
    color: color-mix(in srgb, var(--colorInstitucional9) 40%, transparent) !important;
}

.color-institucional9-500 {
    color: color-mix(in srgb, var(--colorInstitucional9) 50%, transparent) !important;
}

.color-institucional9-600 {
    color: color-mix(in srgb, var(--colorInstitucional9) 60%, transparent) !important;
}

.color-institucional9-700 {
    color: color-mix(in srgb, var(--colorInstitucional9) 70%, transparent) !important;
}

.color-institucional9-800 {
    color: color-mix(in srgb, var(--colorInstitucional9) 80%, transparent) !important;
}

.color-institucional9-900 {
    color: color-mix(in srgb, var(--colorInstitucional9) 90%, transparent) !important;
}

.color-institucional10 {
    color: var(--colorInstitucional10) !important;
}

.color-institucional10-100 {
    color: color-mix(in srgb, var(--colorInstitucional10) 10%, transparent) !important;
}

.color-institucional10-200 {
    color: color-mix(in srgb, var(--colorInstitucional10) 20%, transparent) !important;
}

.color-institucional10-300 {
    color: color-mix(in srgb, var(--colorInstitucional10) 30%, transparent) !important;
}

.color-institucional10-400 {
    color: color-mix(in srgb, var(--colorInstitucional10) 40%, transparent) !important;
}

.color-institucional10-500 {
    color: color-mix(in srgb, var(--colorInstitucional10) 50%, transparent) !important;
}

.color-institucional10-600 {
    color: color-mix(in srgb, var(--colorInstitucional10) 60%, transparent) !important;
}

.color-institucional10-700 {
    color: color-mix(in srgb, var(--colorInstitucional10) 70%, transparent) !important;
}

.color-institucional10-800 {
    color: color-mix(in srgb, var(--colorInstitucional10) 80%, transparent) !important;
}

.color-institucional10-900 {
    color: color-mix(in srgb, var(--colorInstitucional10) 90%, transparent) !important;
}

.color-institucional11 {
    color: var(--colorInstitucional11) !important;
}

.color-institucional11-100 {
    color: color-mix(in srgb, var(--colorInstitucional11) 10%, transparent) !important;
}

.color-institucional11-200 {
    color: color-mix(in srgb, var(--colorInstitucional11) 20%, transparent) !important;
}

.color-institucional11-300 {
    color: color-mix(in srgb, var(--colorInstitucional11) 30%, transparent) !important;
}

.color-institucional11-400 {
    color: color-mix(in srgb, var(--colorInstitucional11) 40%, transparent) !important;
}

.color-institucional11-500 {
    color: color-mix(in srgb, var(--colorInstitucional11) 50%, transparent) !important;
}

.color-institucional11-600 {
    color: color-mix(in srgb, var(--colorInstitucional11) 60%, transparent) !important;
}

.color-institucional11-700 {
    color: color-mix(in srgb, var(--colorInstitucional11) 70%, transparent) !important;
}

.color-institucional11-800 {
    color: color-mix(in srgb, var(--colorInstitucional11) 80%, transparent) !important;
}

.color-institucional11-900 {
    color: color-mix(in srgb, var(--colorInstitucional11) 90%, transparent) !important;
}

.color-institucionalAuxiliar1 {
    color: var(--colorInstitucionalAuxiliar1) !important;
}

.color-institucionalAuxiliar1-100 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 10%, transparent) !important;
}

.color-institucionalAuxiliar1-200 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 20%, transparent) !important;
}

.color-institucionalAuxiliar1-300 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 30%, transparent) !important;
}

.color-institucionalAuxiliar1-400 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 40%, transparent) !important;
}

.color-institucionalAuxiliar1-500 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 50%, transparent) !important;
}

.color-institucionalAuxiliar1-600 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 60%, transparent) !important;
}

.color-institucionalAuxiliar1-700 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 70%, transparent) !important;
}

.color-institucionalAuxiliar1-800 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 80%, transparent) !important;
}

.color-institucionalAuxiliar1-900 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar1) 90%, transparent) !important;
}

.color-institucionalAuxiliar2 {
    color: var(--colorInstitucionalAuxiliar2) !important;
}

.color-institucionalAuxiliar2-100 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 10%, transparent) !important;
}

.color-institucionalAuxiliar2-200 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 20%, transparent) !important;
}

.color-institucionalAuxiliar2-300 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 30%, transparent) !important;
}

.color-institucionalAuxiliar2-400 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 40%, transparent) !important;
}

.color-institucionalAuxiliar2-500 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 50%, transparent) !important;
}

.color-institucionalAuxiliar2-600 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 60%, transparent) !important;
}

.color-institucionalAuxiliar2-700 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 70%, transparent) !important;
}

.color-institucionalAuxiliar2-800 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 80%, transparent) !important;
}

.color-institucionalAuxiliar2-900 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar2) 90%, transparent) !important;
}

.color-institucionalAuxiliar3 {
    color: var(--colorInstitucionalAuxiliar3) !important;
}

.color-institucionalAuxiliar3-100 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 10%, transparent) !important;
}

.color-institucionalAuxiliar3-200 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 20%, transparent) !important;
}

.color-institucionalAuxiliar3-300 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 30%, transparent) !important;
}

.color-institucionalAuxiliar3-400 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 40%, transparent) !important;
}

.color-institucionalAuxiliar3-500 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 50%, transparent) !important;
}

.color-institucionalAuxiliar3-600 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 60%, transparent) !important;
}

.color-institucionalAuxiliar3-700 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 70%, transparent) !important;
}

.color-institucionalAuxiliar3-800 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 80%, transparent) !important;
}

.color-institucionalAuxiliar3-900 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar3) 90%, transparent) !important;
}

.color-institucionalAuxiliar4 {
    color: var(--colorInstitucionalAuxiliar4) !important;
}

.color-institucionalAuxiliar4-100 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 10%, transparent) !important;
}

.color-institucionalAuxiliar4-200 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 20%, transparent) !important;
}

.color-institucionalAuxiliar4-300 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 30%, transparent) !important;
}

.color-institucionalAuxiliar4-400 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 40%, transparent) !important;
}

.color-institucionalAuxiliar4-500 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 50%, transparent) !important;
}

.color-institucionalAuxiliar4-600 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 60%, transparent) !important;
}

.color-institucionalAuxiliar4-700 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 70%, transparent) !important;
}

.color-institucionalAuxiliar4-800 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 80%, transparent) !important;
}

.color-institucionalAuxiliar4-900 {
    color: color-mix(in srgb, var(--colorinstitucionalAuxiliar4) 90%, transparent) !important;
}

/*- colores fuente Institucionales -*/