.integ-status-1 {
    /* Pendiente */
    background: var(--yellow-400) !important;
    color: black !important;
}

.integ-status-2 {
    /* Completada */
    background: var(--green-500) !important;
    color: white !important;
}

.integ-status-3 {
    /* Bloqueada */
    background: var(--indigo-400) !important;
    color: white !important;
}

.integ-status-4 {
    /* Error */
    background: var(--red-400) !important;
    color: white !important;
}

.integ-status-1-border {
    /* Pendiente */
    border-width: 1px;
    border-style: solid;
    border-color: var(--yellow-400) !important;
}

.integ-status-2-border {
    /* Completada */
    border-width: 1px;
    border-style: solid;
    border-color: var(--green-500) !important;
}

.integ-status-3-border {
    /* Bloqueada */
    border-width: 1px;
    border-style: solid;
    border-color: var(--indigo-400) !important;
}

.integ-status-4-border {
    /* Error */
    border-width: 1px;
    border-style: solid;
    border-color: var(--red-400) !important;
}