.contacto-section {
  min-height: 100vh;
  background:
    linear-gradient(120deg, rgba(26,31,43,0.92) 80%, rgba(199,163,80,0.13) 120%),
    url('/static/img/img2.webp') center center / cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-box {
  max-width: 1000px;
  margin: 0 auto;
  border: 2.5px solid var(--color-accent);
  border-radius: 2.5rem;
  box-shadow: 0 8px 56px #b79a5444;
  background: rgba(255,255,255,0.13);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  padding: 3.2rem 2rem;
}
.contact-form .form-control {
  border-radius: 1rem;
  border: 1.3px solid #e7c980;
  background: rgba(255,255,255,0.85);
  color: var(--color-primary);
}
.contact-form .form-control:focus {
  border-color: var(--color-accent);
  box-shadow: 0 0 0 1.5px var(--color-accent)11;
}
.button {
  margin-top: 0.7rem;
}
.socials a {
  color: var(--color-accent);
  transition: color 0.2s;
}
.socials a:hover {
  color: #846d2f;
}
@media (max-width: 991px) {
  .contact-box {
    padding: 2rem 1rem;
  }
  .contacto-section .row {
    flex-direction: column;
    gap: 1.5rem;
  }
  .contacto-section .col-md-4 {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .contacto-section {
    padding-top: 50px;
  }
  .contact-box {
    padding: 1.2rem 0.5rem;
    border-radius: 1.2rem;
  }
}