/* Contenedor general del formulario */
#pd-ajax-contact-form {
  max-width: 600px;
  margin: 10px;
  padding: 10px;
  font-family: inherit;
}

/* Campos input y textarea */
#pd-ajax-contact-form input[type="text"],
#pd-ajax-contact-form input[type="email"],
#pd-ajax-contact-form textarea {
  width: 400px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  background-color: #eee;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1.5em;
  transition: border-color 0.3s ease;
}

#pd-ajax-contact-form input[type="text"]:focus,
#pd-ajax-contact-form input[type="email"]:focus,
#pd-ajax-contact-form textarea:focus {
  width: 400px;
  border-color: #369DD9;
  outline: none;
}

.pd-requerido {
  font-weight: normal;
  font-style: italic;
  font-size: 0.9em;
  color: #555;
}

/* Botón de envío */
#pd-ajax-contact-form input[type="submit"] {
  background-color: #408cbc;
  color: white;
  border: none;
  padding: 10px 30px;
  font-size: 1.5em;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s ease;

  /* Elimina degradado si algún navegador lo aplica */
background-image: none !important;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}

#pd-ajax-contact-form input[type="submit"]:hover {
  background-color: blue;
}

/* Mensajes de éxito y error */
.form-success {
  color: #155724;
  background-color: #d4edda;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #c3e6cb;
  border-radius: 4px;
}

.form-error {
  color: #721c24;
  background-color: #f8d7da;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
}