/* M09 · Contacto (nodo 217:398). Sección oscura: header izquierda + formulario derecha. */

.contacto {
  background: var(--color-negro-azul);
  border-bottom: 1px solid var(--color-blanco);
  padding-block: 80px;
}
.contacto__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--grid-gap);
}
.contacto__intro {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 496px;
}
.contacto__header { gap: 16px; }
.contacto__kicker { color: var(--color-azul-40); font-weight: 500; }
.contacto__titulo { color: var(--color-blanco); font-size: 32px; }
.contacto__desc {
  font-family: var(--font-base);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: var(--color-blanco);
  margin: 0;
}
.contacto__form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 493px;
  flex-shrink: 0;
}
.contacto__honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.contacto__enviar { align-self: flex-start; }

@media (max-width: 900px) {
  .contacto__inner { flex-direction: column; }
  .contacto__intro, .contacto__form { max-width: none; width: 100%; }
}