/* =============================================================================
   Contacto — CTA con imagen oval + botón "Rellenar formulario".
   ========================================================================== */

.contacto-cta {
  padding-block: var(--section-pad-y);
}

.contacto-cta__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-7);
  align-items: center;
}

@media (min-width: 768px) {
  .contacto-cta__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
  }
}

.contacto-cta__titulo {
  margin: 0 0 var(--space-4);
}

.contacto-cta__cuerpo {
  color: var(--color-text-muted);
  font-size: var(--fs-p-m);
  line-height: var(--lh-p-m);
  margin-bottom: var(--space-5);
}
.contacto-cta__cuerpo p + p { margin-top: 1em; }

.contacto-cta__btn {
  align-self: flex-start;
}

/* Imagen oval (aspect 5/4 con border-radius muy alto) */
.contacto-cta__imagen {
  margin: 0;
  aspect-ratio: 5 / 4;
  border-radius: 50%;
  overflow: hidden;
  background: var(--color-bg-soft);
}

.contacto-cta__imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}