/*--------------------
    Colores institucionales
-------------------*/
:root {
    --azul    : #04375F;
    --amarillo: #E8BD02;
    --gris    : #F5F5F5;
    --verde   : #2DAF66;
    --negro   : #0000;
}

/*--------------------
    Fondo azul (de la institución)
-------------------*/
.background-blue {
    background-color: var(--azul) !important;
}

/*--------------------
    Fondo amarillo (de la institución)
-------------------*/
.background-yellow {
    background-color: var(--amarillo) !important;
}

/*--------------------
    Fondo 'gris'
-------------------*/
.background-gray {
    background-color: var(--gris) !important;
}

/*--------------------
    Fondo verde
-------------------*/
.background-green {
    background-color: var(--verde) !important;
}

/*--------------------
    Texto color negro
-------------------*/
.txt-black {
    color: var(--negro) !important;
}

/*--------------------
    Texto color amarillo (de la institución)
-------------------*/
.txt-yellow {
    color: var(--amarillo) !important;
}

/*--------------------
    Texto color azul (de la institución)
-------------------*/
.txt-blue {
    color: var(--azul) !important;
}

.txt-blue-king {
    color: blue !important;
}

.border-yellow {
    border-color: var(--amarillo);
}

.border-blue {
    border-color: var(--azul);
}

.filter-white {
    filter: brightness(0) invert(1);
}

.bg-whatsapp {
    background-color: #51B256;
}