/* =============================================================================
   Equipo — Formulario de candidatura.
   Hereda visualmente de serv-cta.css (fondo rosa + inputs pill).
   Añade: Email/Teléfono en fila + estilizado del campo file (CV).
   ========================================================================== */

.equipo-form .serv-cta__inner {
  max-width: 720px;
}

/* Subtítulo a dos párrafos: el contenedor conserva el estilo .serv-cta__subtitulo
   (color + margen inferior antes del form); los párrafos internos van pegados con
   una separación pequeña entre ellos. */
.equipo-form .serv-cta__subtitulo p {
  margin: 0;
}
.equipo-form .serv-cta__subtitulo p + p {
  margin-top: var(--space-3);
}

/* === Email y Teléfono en fila (CF7 los envuelve en <p> hermanos) ===
   No podemos forzarlo desde fuera del shortcode; aplicamos un trick simple:
   si el form usa wpcf7-form-control-wrap con class "email" y "telefono"
   adyacentes, los ponemos en fila. Si no, el flow vertical sigue funcionando.
*/
@media (min-width: 640px) {
  .equipo-form .serv-cta__form .wpcf7-form .row,
  .equipo-form .serv-cta__form .wpcf7-form .grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
  }
  .equipo-form .serv-cta__form .wpcf7-form .row > *,
  .equipo-form .serv-cta__form .wpcf7-form .grid-2 > * {
    margin: 0;
  }
}

/* === Campo file estilado como input pill con icono ===
   CF7 renderiza: <input type="file" class="wpcf7-form-control wpcf7-file ...">
   Lo envolvemos visualmente sin reemplazarlo. */
.equipo-form .serv-cta__form .wpcf7-form-control.wpcf7-file {
  display: block;
  width: 100%;
  padding: 1rem 3rem 1rem 1.5rem;
  background: #fff
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/><polyline points='7 10 12 15 17 10'/><line x1='12' y1='15' x2='12' y2='3'/></svg>")
    no-repeat right 1.25rem center / 1rem auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  font-size: var(--fs-p-m);
  color: var(--color-text);
  cursor: pointer;
  font-family: inherit;
}

/* Ocultar el botón nativo "Examinar..." en navegadores que lo muestran */
.equipo-form .serv-cta__form .wpcf7-form-control.wpcf7-file::file-selector-button {
  background: transparent;
  border: 0;
  color: var(--color-text-subtle);
  font-family: inherit;
  font-size: var(--fs-p-m);
  cursor: pointer;
  padding: 0 var(--space-2) 0 0;
  margin-right: var(--space-2);
  border-right: 1px solid var(--color-border);
}
.equipo-form .serv-cta__form .wpcf7-form-control.wpcf7-file::-webkit-file-upload-button {
  background: transparent;
  border: 0;
  color: var(--color-text-subtle);
  font-family: inherit;
  font-size: var(--fs-p-m);
  cursor: pointer;
  padding: 0 var(--space-2) 0 0;
  margin-right: var(--space-2);
  border-right: 1px solid var(--color-border);
}