/* css/avance.css - Estilos específicos para la vista de Avance / Status */
.progress-circle-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 0;
}
.progress-circle {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(closest-side, white 79%, transparent 80% 100%),
                conic-gradient(var(--primary) 0%, var(--border-color) 0%);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--border-color);
}
.progress-circle-value {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--text-main);
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
}
.progress-circle-value span {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}
.status-badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 12.5px;
    margin-bottom: 1rem;
}