.page--contacto .social-contacts {
  display: flex;
  gap: 1rem;
}
@media (min-width: 768px) {
  .page--contacto .social-contacts {
    flex-direction: column;
  }
}
.page--contacto .social-contacts a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #F9F4EF;
}
.page--contacto .social-contacts a span {
  display: flex;
}
.page--contacto .social-contacts a span svg {
  fill: #F9F4EF;
  height: 15px;
}
.page--contacto nf-fields-wrap,
.page--contacto nf-field {
  display: contents;
}
.page--contacto .ninja-forms-req-symbol {
  display: none;
}
.page--contacto .nf-field-label label {
  color: #F9F4EF;
}
.page--contacto .nf-form-content {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
@media (min-width: 768px) {
  .page--contacto .nf-form-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr auto 0.5fr;
    gap: 1rem;
  }
}
.page--contacto .nf-form-content .textarea-container {
  grid-column: 1/span 4;
}
.page--contacto .nf-form-content input,
.page--contacto .nf-form-content textarea {
  background-color: transparent;
  border: 2px solid #F9F4EF;
  color: #F9F4EF;
}
.page--contacto .nf-form-content .submit-container {
  grid-column: 4/5;
  align-self: end;
  display: flex;
  justify-content: flex-end;
}
.page--contacto .nf-form-content .submit-container input[type=submit] {
  background-color: #B9924F;
  color: #F9F4EF;
  text-transform: uppercase;
}

/*# sourceMappingURL=contact.css.map */