body {
  font-family: 'Poppins', sans-serif;
}

.rueda-container {
  position: relative;
  width: 350px;
  height: 350px;
}

.rueda {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #00bcd4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: center center;
  transition: transform 0.8s ease-in-out;
}

.rueda span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: 0 -150px;
  font-size: 1rem;
  color: white;
}

#rueda-externa { border-color: #00bcd4; }
#rueda-interna { border-color: #ff9800; transform: rotate(0deg); }

.resultado {
  font-size: 1.2rem;
  letter-spacing: 1px;
}

.text-info { color: #00bcd4 !important; }
.text-warning { color: #ff9800 !important; }

/* === EFECTO DE ALERTA FINAL === */
.alerta-final {
  animation: parpadeoRojo 1s infinite alternate;
}

@keyframes parpadeoRojo {
  0% { background-color: #0b0b0b; }   /* color base */
  100% { background-color: #4a0000; } /* rojo oscuro */
}