/*┌────────────────────────────────────────────────────┐
  │ KRAFT STEAM Elements                               │
  │ COPYRIGHT (c) 2026 Pedro Luis Barrio. BITaMinD R+D │
  │ ALL RIGHTS RESERVED.                               │
  └────────────────────────────────────────────────────┘ */

 /* Componente de estado base */
.status {
  position       : absolute;
  bottom         : 20px;
  left           : 50%;
  transform      : translateX(-50%);
  font-size      : 11px;
  color          : var(--muted);
  letter-spacing : 0.06em;
  display        : flex;
  align-items    : center;
  gap            : 8px;
  white-space    : nowrap;
  transition     : color 0.3s ease;
}

/* El punto decorativo */
.status .dot {
  width          : 6px; 
  height         : 6px;
  border-radius  : 50%;
  background     : var(--accent);
  animation      : pulse 1.2s ease-in-out infinite;
  transition     : opacity 0.3s ease;
}

/* Estado "Ready" - Se aplica al contenedor */
.status.ready {
  color          : var(--accent);
}

/* Estado "Ready" - Detiene el pulso del punto */
.status.ready .dot {
  animation      : none;
  opacity        : 1;
}

@keyframes pulse {
  0%, 100% { opacity: 0.2; }
  50%      { opacity: 1; }
}