.sobreNos-contact-form input,
.sobreNos-contact-form textarea,
.sobreNos-contact-form button {
  transition:
    box-shadow 0.3s ease,
    transform 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease;
}

.sobreNos-contact-form input:hover,
.sobreNos-contact-form textarea:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.sobreNos-contact-form input:focus,
.sobreNos-contact-form textarea:focus {
  outline: none;
  box-shadow:
    inset 0 0 0 2px var(--secondary-blue),
    0 4px 12px rgba(9, 148, 180, 0.3);
  transform: translateY(-2px) scale(1.02);
}

.sobreNos-contact-form input::placeholder,
.sobreNos-contact-form textarea::placeholder {
  transition: color 0.3s ease, transform 0.3s ease;
}

.sobreNos-contact-form input:focus::placeholder,
.sobreNos-contact-form textarea:focus::placeholder {
  color: transparent;
  transform: translateY(-8px) scale(0.8);
  transform-origin: left top;
}

.sobreNos-contact-form button:hover {
  background-color: #0a8cae;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-3px) scale(1.02);
}

.sobreNos-contact-form button:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(9, 148, 180, 0.4);
}

.sobreNos-contact-form button:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}