.estado-chip {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.estado-coordinado {
    background-color: rgba(255, 167, 38, 0.2); /* Naranjo suave */
    color: #d46f00;
    font-size: 0.7rem;
    font-weight: 600;
    text-align: center;
}

.estado-ejecucion {
    background-color: rgba(41, 182, 246, 0.2); /* Celeste suave */
    color: #0288d1;
    font-size: 0.7rem;
    font-weight: 600;
    text-align: center;
}

.estado-cerrado {
    background-color: rgba(102, 187, 106, 0.2); /* Verde suave */
    color: #2e7d32;
    font-size: 0.7rem;
    font-weight: 600;
    text-align: center;
}

.estado-default {
    background-color: rgba(160, 160, 160, 0.1);
    color: #555;
    font-size: 0.65rem;
    font-weight: 600;
    text-align: center;
}

.proveedor-tag {
    background-color: rgba(66, 66, 66, 0.15); /* gris oscuro con 15% opacidad */
    color: #333;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    box-shadow: none;
}

.contrato-tag {
    display: inline-block;
    padding: 0.25rem 0.55rem;
    border-radius: 5px;
    font-size: 0.80rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    background-color: #1E2E5D;
    color: #ffffff;
    text-align: center;
}



.user-tag {
    background-color: rgba(0, 128, 96, 0.15); /* verde petróleo muy sutil */
    color: #FFF; /* texto verde profundo */
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid rgba(0, 128, 96, 0.3);
    letter-spacing: 0.4px;
}

.kpi-pills {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    flex-wrap: wrap; /* Si no caben, bajan a otra línea */
    gap: .4rem; /* Espacio entre ellos */
    margin-top: .5rem;
}

.kpi-pill {
    display: inline-flex;
    align-items: center;
    font-size: .82rem;
    font-weight: 600;
    padding: .25rem .6rem;
    border-radius: 999px;
    line-height: 1;
    background: rgba(0,0,0,.04);
    color: #516174;
    border: 1px solid rgba(0,0,0,.05);
}

    .kpi-pill .count {
        margin-left: .4rem;
        padding: .1rem .45rem;
        border-radius: 999px;
        font-weight: 700;
        background: rgba(255,255,255,.7);
        border: 1px solid rgba(0,0,0,.05);
    }

    .kpi-pill .dot {
        display: inline-block;
        width: .6rem;
        height: .6rem;
        border-radius: 50%;
        margin-right: .4rem;
    }

    .kpi-pill.coord {
        background: rgba(255,193,7,.12);
        border-color: rgba(54,185,204,.25);
        color: #856404;
    }

        .kpi-pill.coord .dot {
            background-color: #ffc107;
        }

    .kpi-pill.ejec {
        background: rgba(54,185,204,.12);
        border-color: rgba(28,200,138,.25);
        color: #1b6a75;
    }

        .kpi-pill.ejec .dot {
            background-color: #36b9cc;
        }

    .kpi-pill.cierre {
        background: rgba(28,200,138,.12);
        border-color: rgba(255,193,7,.25);
        color: #0f6d4f;
    }

        .kpi-pill.cierre .dot {
            background-color: #1cc88a;
        }