/* ══════════════════════════════════════════════════════════════════════
   Override visual del formulario "Contacto Academia" — SCOPEADO solo a
   este formulario específico vía :has(input[name="form_slug"][value=
   "contacto-academia"]), sin tocar wp-content/plugins/OZ-Formularios-PRO/
   assets/css/ozfp.css (compartido por todos los formularios del sitio).

   Reconstruido desde la captura de referencia real: inputs blancos con
   borde gris fino, altura compacta, placeholders dentro del campo (los
   labels quedan en el DOM para accesibilidad pero se ocultan visualmente
   — técnica "sr-only", NO display:none/visibility:hidden que los
   sacaría del árbol de accesibilidad).
   ══════════════════════════════════════════════════════════════════════ */

/* CAUSA REAL del desfase horizontal: .ozfp-form-wrapper trae
   "padding: 40px 48px" de fábrica (ozfp.css línea 14). El original SÍ
   tiene una sangría pequeña (no 48px, no 0px) — ~25px horizontal, medida
   visualmente contra la captura de referencia. */
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) {
	padding: 8px 12px !important;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-field label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Separación vertical entre filas: el plugin arma el formulario como CSS
   Grid (.ozfp-form { display:grid; gap:22px 20px }, ozfp.css línea 168-170)
   — el row-gap real es ese 22px, NO el margin-bottom de .ozfp-field (que
   se suma encima). Único control disponible sin tocar ozfp.css: subir
   este margin-bottom para acercar la densidad vertical al legacy. */
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-field {
	position: relative;
	margin-bottom: 22px;
}

/* Especificidad igual a la regla real del plugin (ozfp.css ~línea 309),
   que encadena 5 :not() sobre .ozfp-field input — cada :not() suma
   especificidad de clase, así que gana a un simple ".ozfp-field input"
   aunque ambos usen !important y esta hoja cargue después. Se replica la
   misma cadena para empatar/superar sin depender solo del orden. */
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-form .ozfp-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-form .ozfp-field textarea,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-field input,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-field textarea {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #dddddd !important;
	border-radius: 2px;
	background: #ffffff !important;
	background-color: #ffffff !important;
	font-size: 14px;
	color: #333333 !important;
	-webkit-text-fill-color: #333333 !important;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-form .ozfp-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):hover,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-form .ozfp-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):focus,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-field input:hover,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-field input:focus,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-field textarea:hover,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-field textarea:focus {
	border-color: #bbbbbb !important;
	background: #ffffff !important;
	background-color: #ffffff !important;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-field textarea {
	min-height: 148px;
}

/* Botones: pequeños, grises, rectangulares, alineados a la izquierda —
   mismo estilo para "Enviar" (real, del plugin) y "Limpiar Formulario"
   (agregado vía JS, ver contacto-academia-form.js). */
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-field.ozfp-full-width {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
}

/* Especificidad igual o mayor a la del plugin
   (.ozfp-form-wrapper .ozfp-form .ozfp-field button.ozfp-submit, ozfp.css
   línea 328) para ganar sin depender solo de !important en cascada. */
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-form .ozfp-field button.ozfp-submit,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-form .ozfp-field button.ozfp-reset {
	background: #f0f0f0 !important;
	background-color: #f0f0f0 !important;
	color: #333333 !important;
	-webkit-text-fill-color: #333333 !important;
	border: 1px solid #cccccc !important;
	border-radius: 2px !important;
	padding: 10px 22px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	box-shadow: none !important;
	cursor: pointer;
	/* El plugin fija min-width:min(280px,100%) + max-width:min(42%,420px)
	   en .ozfp-submit (ozfp.css ~línea 460) — botón ancho tipo CTA. El
	   original es un botón chico, ancho natural al texto. */
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	align-self: flex-start;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-form .ozfp-field button.ozfp-submit:hover,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-form .ozfp-field button.ozfp-submit:focus,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-form .ozfp-field button.ozfp-submit:focus-visible,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-form .ozfp-field button.ozfp-submit:active,
.ozfp-form-wrapper:has(input[name="form_slug"][value="contacto-academia"]) .ozfp-form .ozfp-field button.ozfp-reset:hover {
	background: #e4e4e4 !important;
	background-color: #e4e4e4 !important;
	color: #333333 !important;
	-webkit-text-fill-color: #333333 !important;
}