/* =============================================================================
   Contacto — Formulario.
   Hereda visualmente de serv-cta.css (fondo rosa + inputs pill + submit negro).
   Aquí sólo añadimos refinamientos de scroll-margin para el ancla del CTA.
   ========================================================================== */

#contacto-form {
  scroll-margin-top: var(--space-7);
}

/* Permitir selects estilados consistentes con el resto de inputs pill */
.contacto-form .serv-cta__form select,
.serv-cta__form select {
  appearance: none;
  background: #fff
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%231A1A1A' stroke-width='2'><polyline points='1,1 6,7 11,1'/></svg>")
    no-repeat right 1.25rem center / 0.75rem auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  padding: 1rem 1.5rem;
  padding-right: 3rem;
  font-size: var(--fs-p-m);
  color: var(--color-text);
  width: 100%;
}
.serv-cta__form select:focus { outline: none; border-color: var(--color-burgundy); }