/* Inputs y textarea */
.cf7-input,
.cf7-textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--wp--preset--color--neutral-200);
  background-color: #1b191e;
  color: var(--wp--preset--color--neutral-50);
  font-family: var(--wp--preset--font-family--quicksand-variable);
  font-size: 16px;
  line-height: 1.4;
  border-radius: 4px;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.cf7-input:focus,
.cf7-textarea:focus {
  border-color: var(--wp--preset--color--primary-light);
  outline: none;
}

/* Placeholder */
.cf7-input::placeholder,
.cf7-textarea::placeholder {
  color: var(--wp--preset--color--neutral-300);
}

/* Botón */
.cf7-submit {
  background: var(--wp--preset--color--primary-dark);
  color: var(--wp--preset--color--neutral-50);
  padding: 12px 24px;
  border: none;
  border-radius: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.cf7-submit:hover {
  background: var(--wp--preset--color--primary-light);
}

/* Mensajes de éxito y error */
.wpcf7-response-output {
  margin-top: 16px;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 14px;
}

.wpcf7-mail-sent-ok {
  background: var(--wp--preset--color--primary-light);
  color: var(--wp--preset--color--neutral-50);
}

.wpcf7-validation-errors {
  background: var(--wp--preset--color--accent-purple);
  color: var(--wp--preset--color--neutral-50);
}