/* ══════════════════════════════════════════════════════════════════════
   Override visual del formulario "Formulario de Taller de Costura"
   (post 1631) — SCOPEADO solo a este formulario específico vía
   :has(input[name="form_slug"][value="formulario-de-taller-de-costura"]),
   mismo patrón ya usado en contacto-academia-form.css. No toca
   wp-content/plugins/OZ-Formularios-PRO/assets/css/ozfp.css (compartido
   por todos los formularios del sitio).

   Reconstruido desde la captura de referencia real: 1 sola columna (el
   plugin trae 2 columnas de fábrica ≥769px, ozfp.css línea 571-574),
   labels ocultos visualmente (sr-only, quedan en el DOM para
   accesibilidad), inputs con fondo gris claro sin borde, botón chico
   gris rectangular con texto "Inscribirme" en vez del botón ancho
   naranja "Enviar" por defecto del plugin.
   ══════════════════════════════════════════════════════════════════════ */

.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-de-taller-de-costura"]) .ozfp-form {
	grid-template-columns: 1fr !important;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-de-taller-de-costura"]) .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;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-de-taller-de-costura"]) .ozfp-field {
	position: relative;
}

/* Misma cadena de :not() que la regla real del plugin (ozfp.css ~línea
   309) para igualar/superar su especificidad sin depender solo del
   orden de carga. */
.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-de-taller-de-costura"]) .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="formulario-de-taller-de-costura"]) .ozfp-form .ozfp-field textarea,
.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-de-taller-de-costura"]) .ozfp-field input,
.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-de-taller-de-costura"]) .ozfp-field textarea {
	width: 100%;
	padding: 12px 16px;
	border: 0 !important;
	border-radius: 2px;
	background: #ededed !important;
	background-color: #ededed !important;
	font-size: 14px;
	color: #333333 !important;
	-webkit-text-fill-color: #333333 !important;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-de-taller-de-costura"]) .ozfp-field textarea {
	min-height: 130px;
}

/* Botón: chico, gris, rectangular, alineado a la izquierda — igual
   especificidad que la regla real del plugin (.ozfp-form-wrapper
   .ozfp-form .ozfp-field button.ozfp-submit, ozfp.css línea 328). */
.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-de-taller-de-costura"]) .ozfp-form .ozfp-field button.ozfp-submit {
	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;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	align-self: flex-start;
}

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

/* Texto del botón "Enviar" viene hardcodeado en el template del plugin
   (templates/form.php línea 21), no es configurable desde ozfp_forms —
   se reemplaza visualmente sin tocar el archivo compartido: el texto
   real se oculta con font-size:0 y un pseudo-elemento imprime
   "Inscribirme" en su lugar. */
.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-de-taller-de-costura"]) .ozfp-form .ozfp-field button.ozfp-submit {
	font-size: 0 !important;
	position: relative;
}
.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-de-taller-de-costura"]) .ozfp-form .ozfp-field button.ozfp-submit::after {
	/* !important requerido: el plugin fija ".ozfp-submit::after{content:none
	   !important}" — sin igualar esa prioridad, mi content no se aplica
	   pese a tener mayor especificidad (!important siempre gana sobre
	   una declaración normal). */
	content: "Inscribirme" !important;
	font-size: 14px !important;
}