#event-status {
  display: none;
}
#barra-progreso-contenido .field--name-field-estado-del-evento {
  display: none;
}

/* Contenedor de la barra de progreso */
.progress-container {
  width: 100%;
}

/* Nombres de los pasos */
.progress-labels {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 10px 12%;
}

.progress-step-label {
  width: 33.33%;
  font-weight: bold;
}

/* Barra de progreso */
.progress-bar {
  display: flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

/* Puntos de progreso */
.progress-point {
  width: 10px;
  height: 10px;
  background-color: var(--gray-D6);
  border-radius: 50%;
  z-index: 1;
}

/* Punto completado */
.completed {
  background-color: var(--button-blue);
}

/* Línea de progreso */
.progress-line {
  flex-grow: 1;
  height: 1px;
  background-color: var(--gray-D6);
}

/* .label {
  width: 20%; 
  text-align: center;
}
 */
.labels {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.progress-line.active.postulado,
.progress-point.active.postulado {
  background-color: var(--status-soft-blue); 
}
.progress-line.active.en-revision,
.progress-point.active.en-revision {
  background-color: var(--warning); 
}
.progress-line.active.publicado,
.progress-point.active.publicado {
  background-color: var(--saturated-green); 
}

/* Contenedor general */
.progress-container-mobile {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 20px;
}

/* Círculo SVG */
.progress-circle {
  position: relative;
  width: 85px;
  aspect-ratio: 1/1;
}

.circular-chart {
  width: 100%;
  height: 100%;
}

.circle-bg {
  fill: none;
  stroke: var(--gray-EA);
  stroke-width: 2.75;
}

.circle {
  fill: none;
  stroke-width: 2.75;
}

/* Texto dentro del círculo */
.circle-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-weight: bold;
  color: var(--gray-A3);
  text-align: center;
}

/* Texto del progreso (a la derecha) */
.progress-text .progress-state {
  font-size: 18px;
  font-weight: normal;
  color: var(--secondary);
}

.progress-text .muted-text {
  font-size: 14px;
  color: var(--gray-D6);
  font-style: italic;
}