.rsp-domain-wrapper {
  background: #f9f9f9;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 50px;
  max-width: 600px;
  margin: auto;
}

.rsp-domain-input-group {
  display: flex;
  align-items: stretch;
  border: 1px solid #ccc;
  border-radius: 50px;
  overflow: hidden;
}

.rsp-domain-input-group input,
.rsp-domain-input-group select {
  border: none;
  padding: 12px 15px;
  font-size: 16px;
  width: 100%;
  outline: none;
}

.rsp-domain-button {
  background-color: #0073aa;
  color: white;
  border: none;
  padding: 12px 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: bold;
}

.rsp-domain-button:hover {
  background-color: #005e8a;
}

.rsp-elementor-title {
  text-align: center;
  font-size: 24px;
  margin-bottom: 15px;
}

/* Animaciones al hacer clic */
.animated {
  animation-duration: 0.4s;
  animation-fill-mode: both;
}

.animated.pulse       { animation-name: pulse; }
.animated.bounce      { animation-name: bounce; }
.animated.shake       { animation-name: shake; }
.animated.tada        { animation-name: tada; }
.animated.rubberBand  { animation-name: rubberBand; }

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
}

@keyframes tada {
  0% { transform: scale(1); }
  10%, 20% { transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
  100% { transform: scale(1) rotate(0); }
}

@keyframes rubberBand {
  0% { transform: scale(1); }
  30% { transform: scaleX(1.25) scaleY(0.75); }
  40% { transform: scaleX(0.75) scaleY(1.25); }
  50% { transform: scaleX(1.15) scaleY(0.85); }
  65% { transform: scaleX(0.95) scaleY(1.05); }
  75% { transform: scaleX(1.05) scaleY(0.95); }
  100% { transform: scale(1); }
}