.rating-wrapper {
  text-align: center;
  margin-top: 20px;
}

h2 {
    
  font-size: 18px;
  font-weight: bold;
  color: #e672fe;
  margin-bottom: 8px;
}

.puntitos {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 8px;
}

.puntitos input {
  display: none;
}

.puntitos label i {
  font-size: 35px; /* antes era 40px */
  color: #ccc;
  transition: transform 0.3s ease, color 0.3s ease;
  border-radius: 50%;
}

/* Secuencia animada */
.puntitos label:nth-of-type(1) i { transition-delay: 0s; }
.puntitos label:nth-of-type(2) i { transition-delay: 0.05s; }
.puntitos label:nth-of-type(3) i { transition-delay: 0.1s; }
.puntitos label:nth-of-type(4) i { transition-delay: 0.15s; }
.puntitos label:nth-of-type(5) i { transition-delay: 0.2s; }

/* Hover animado uno por uno */
.puntitos label:hover ~ label i,
.puntitos label:hover i {
  color: gold;
  transform: scale(1.2);
}

/* Estrellas marcadas */
.puntitos input:checked ~ label i {
  color: gold;
}

.thank-you {
  margin-top: 8px;
  color: #28a745;
  font-weight: bold;
}

.vote-resultado {
  margin-top: 5px;
  font-weight: bold;
  color: #FFD700;
}