/* Vista: Landing/Contacto */
.contacto-grid {
  display: grid;
  grid-template-columns: minmax(320px, 1.2fr) minmax(260px, 0.8fr);
  gap: var(--space-8);
  align-items: start;
}

@media (max-width: 860px) {
  .contacto-grid {
    grid-template-columns: 1fr;
  }
}

.contacto-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--font-size-lg);
  padding: var(--space-4) var(--space-8);
}

.contacto-whatsapp svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.contacto-nota {
  font-size: var(--font-size-sm);
  margin-top: var(--space-2);
}

.contacto-campo {
  margin-bottom: var(--space-4);
}

.contacto-boton {
  min-width: 200px;
}

/* Honeypot: fuera de pantalla, nunca display:none (algunos bots lo detectan) */
.contacto-honeypot {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.contacto-lateral {
  background: linear-gradient(165deg, var(--brand-primary-soft), var(--color-surface) 60%);
  border-color: var(--brand-primary-light);
}

.contacto-lateral h2 {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-4);
}

.contacto-pasos {
  margin: 0 0 var(--space-4);
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  color: var(--color-text-secondary);
}