/* ============================================================
   CONTACTO — Formulario + datos de contacto
   ============================================================ */

.contact-grid { display: flex; gap: 3rem; flex-wrap: wrap; }
.contact-info { flex: 1; min-width: 260px; }
.contact-form { flex: 1; min-width: 280px; }
.contact-info p { margin-bottom: 0.75rem; }
.contact-info a { color: var(--color-gold); text-decoration: none; }
.contact-info a:hover { text-decoration: underline; }

.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  background: var(--color-surface);
  border: 1px solid #222;
  padding: 1rem;
  margin-bottom: 1rem;
  color: var(--color-text);
  font-family: 'Montserrat', sans-serif;
}
.contact-form button { width: 100%; }

/* Responsive */
@media (max-width: 768px) {
  .contact-grid { flex-direction: column; gap: 2rem; }
  .contact-info, .contact-form { min-width: unset; width: 100%; }
}