/* Contacto inline — 2 columnas: intro+canales + CF7 en card.
   Pixel-perfect HOME.html BLOQUE 9 (.contact-form-section). */

.contact-form-section {
  background-color: var(--color-beige);
  padding: var(--space-2xl) 0;
}
.contact-form-section__inner {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-xl);
  align-items: start;
}

.contact-form-section__intro .eyebrow,
.contact-form-section__intro .eyebrow--section {
  margin-bottom: var(--space-sm);
}
.contact-form-section__intro h2 {
  margin-bottom: var(--space-md);
}
.contact-form-section__intro h2 em {
  font-style: normal;
  color: var(--color-orange);
}
.contact-form-section__intro p {
  font-size: var(--text-lg);
  color: var(--color-gray);
  margin-bottom: var(--space-md);
  line-height: 1.6;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-top: var(--space-lg);
}
.contact-info__item {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  color: var(--color-dark);
  font-weight: 600;
  font-size: var(--text-lg);
}
.contact-info__item svg {
  width: 24px;
  height: 24px;
  color: var(--color-orange);
  flex-shrink: 0;
}
.contact-info__item a {
  color: var(--color-dark);
  text-decoration: none;
}
.contact-info__item a:hover {
  color: var(--color-orange);
}

@media (max-width: 968px) {
  .contact-form-section__inner { grid-template-columns: 1fr; }
}