/* Base styles for the status tag */
.status-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    min-height: 24px;
    border-radius: 4px;
    font-family: var(--desktop-caption-bold-font-family, 'Sura Sans');
    font-style: var(--desktop-caption-bold-font-style, normal);
    font-weight: var(--desktop-caption-bold-font-weight, 700);
    font-size: var(--desktop-caption-bold-font-size, 14px);
    line-height: var(--desktop-caption-bold-line-height, 20px);
    text-align: center;
    min-width: 24px;
    /* height: 20px; */
}

/* Primario/Info */
.status-tag.info {
    background: var(--colores-alerta-informacion-2, #E1EBFF); /* Alertas/Información 2 */
    color: var(--colores-alerta-informacion-1, #0033A0); /* Alertas/Información 1 */
}

/* Advertencia */
.status-tag.warning {
    background: var(--colores-alerta-advertencia-2, #FFF5EC); /* Alertas/Advertencia 2 */
    color: var(--colores-alerta-advertencia-1, #ED8B00); /* Alertas/Advertencia 1 */
}

/* Aprobado/Exitoso */
.status-tag.success {
    background: var(--colores-alerta-exito-2, #DEF6DE); /* Alertas/Éxito 2 */
    color: var(--colores-alerta-exito-1, #067014); /* Alertas/Éxito 1 */
}

/* Error/Rechazado */
.status-tag.error {
    background: var(--colores-alerta-error-2, #FFF4F3); /* Alertas/Error 2 */
    color: var(--colores-alerta-error-1, #D12D35); /* Alertas/Error 1 */
}

/* Desactivado/Suspendido */
.status-tag.desactivado {
    background-color: var(--escala-grises-gris-100, #F4F4F4);
    color: var(--paleta-complementaria-gris, #888B8D);
}