/* ==========================================================================
   PÁGINA: CONTACTO
   ========================================================================== */

.contact-layout {
  display: grid;
  grid-template-columns: 1.3fr 0.9fr;
  gap: var(--space-2xl);
  align-items: start;
}

.contact-form-card {
  padding: var(--space-2xl);
}

.contact-info-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.contact-info-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  padding: var(--space-lg);
}

.contact-info-item h3 {
  font-size: var(--fs-md);
  margin-bottom: var(--space-3xs);
}

.contact-info-item a,
.contact-info-item p {
  font-size: var(--fs-sm);
}

.contact-info-item a { color: var(--color-primary); font-weight: 600; }

/* Campo trampa para bots (honeypot): oculto visualmente pero accesible
   en el DOM, ya que los bots simples ignoran display:none. */
.form-field--hp {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (max-width: 960px) {
  .contact-layout { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .contact-form-card { padding: var(--space-lg); }
}