/* =============================================================================
   Servicios — CTA con formulario sobre fondo rosa palo
   Inputs estilo "pill" con borde fino y fondo blanco.
   Submit negro (override del estilo burgundy global de CF7).
   ========================================================================== */

.serv-cta {
  background: var(--color-pink-soft);
  padding-block: var(--section-pad-y);
}

.serv-cta__inner {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.serv-cta__titulo {
  margin: 0 0 var(--space-3);
}

.serv-cta__subtitulo {
  color: var(--color-text-muted);
  font-size: var(--fs-p-m);
  line-height: var(--lh-p-m);
  margin: 0 0 var(--space-7);
}

.serv-cta__form {
  text-align: left;
}

/* === Override de inputs CF7 dentro de la CTA === */
.serv-cta__form .wpcf7-form p { margin-bottom: var(--space-3); }

/* Aviso de minimización (primer párrafo del form): mismo tono atenuado que el
   subtítulo de la sección, para que ambos textos introductorios sean coherentes.
   (p.cf7-aviso para ganar al margin-bottom de la regla de párrafos de arriba.) */
.serv-cta__form .wpcf7-form p.cf7-aviso {
  color: var(--color-text-muted);
  font-size: var(--fs-p-m);
  line-height: var(--lh-p-m);
  margin-bottom: var(--space-7);
}

/* Títulos de grupo ("Datos de la persona de contacto/solicitante"): más
   contenidos que un h3 global (que es tan grande como el título de sección) y
   con más aire respecto a los inputs de debajo. */
.serv-cta__form h3 {
  font-size: var(--fs-h-t);
  line-height: var(--lh-h-t);
  margin: 0 0 var(--space-5);
}

/* Separa el segundo grupo ("…solicitante") del bloque de inputs anterior. */
.serv-cta__form p + h3 {
  margin-top: var(--space-8);
}

.serv-cta__form input[type="text"],
.serv-cta__form input[type="email"],
.serv-cta__form input[type="tel"],
.serv-cta__form input[type="url"],
.serv-cta__form textarea {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  padding: 1rem 1.5rem;
  font-size: var(--fs-p-m);
}

.serv-cta__form textarea {
  border-radius: var(--radius-lg);
  min-height: 10rem;
  resize: vertical;
}

.serv-cta__form input::placeholder,
.serv-cta__form textarea::placeholder {
  color: var(--color-text-subtle);
}

/* Submit negro, centrado */
.serv-cta__form .wpcf7-form .wpcf7-submit,
.serv-cta__form .wpcf7-submit {
  display: inline-flex;
  background: var(--color-text);
  border-color: var(--color-text);
  color: #fff;
  padding: 0.875rem 2rem;
  font-weight: var(--fw-medium);
}
.serv-cta__form .wpcf7-form .wpcf7-submit:hover,
.serv-cta__form .wpcf7-submit:hover {
  background: #000;
  border-color: #000;
}

/* Centramos el submit en el form */
.serv-cta__form .wpcf7-form > p:has(.wpcf7-submit) {
  text-align: center;
  margin-top: var(--space-5);
}