/* ==========================================================================
   Estilos de Contact Form 7 — replican el CSS del prototipo (Fase 10, Bloque 5)
   CF7 genera su propio HTML; esto sobreescribe sus clases nativas para que el
   formulario se vea idéntico al mockup, sin que el usuario final note la diferencia
   entre "widget nativo de Elementor Pro" y "Contact Form 7 estilizado".
   ========================================================================== */

.wpcf7-form{
  display:grid; grid-template-columns:1fr 1fr; gap:14px;
}
.wpcf7-form p{ margin:0; }
.wpcf7-form p:has(textarea),
.wpcf7-form p.full-width{
  grid-column:1 / -1;
}

.wpcf7-form label{
  display:block; font-family:var(--font-mono); font-size:10px; letter-spacing:0.05em;
  text-transform:uppercase; color:var(--gray-technical); margin-bottom:7px;
}

.wpcf7-form-control{
  width:100%; background:transparent; border:1px solid var(--anthracite-line); color:var(--white);
  font-family:var(--font-body); font-size:13px; padding:12px 14px; outline:none;
  transition:border-color 0.2s;
}
.wpcf7-form-control:focus{ border-color:var(--red); }
.wpcf7-form-control.wpcf7-textarea{ resize:vertical; min-height:70px; }

.wpcf7-submit{
  grid-column:1 / -1; margin-top:6px;
  background:var(--red); color:var(--black); font-weight:600; font-family:var(--font-body);
  font-size:14px; padding:16px 34px; border:none; cursor:pointer; transition:background 0.2s;
}
.wpcf7-submit:hover{ background:#ff726d; }
.wpcf7-submit:disabled{ opacity:0.6; cursor:wait; }

.wpcf7-not-valid-tip{
  grid-column:1 / -1; color:var(--red); font-family:var(--font-mono); font-size:11px; margin-top:4px;
}
.wpcf7-response-output{
  grid-column:1 / -1; border-color:var(--anthracite-line) !important; color:var(--gray-technical);
  font-family:var(--font-mono); font-size:12px; margin-top:14px !important;
}

/* Formulario mobile reducido (6 campos) — una sola columna, campos más grandes al tacto */
.m-form-container .wpcf7-form{
  grid-template-columns:1fr;
}
.m-form-container .wpcf7-form-control{
  padding:13px 14px; font-size:14px;
}