/* ══════════════════════════════════════════════════════════════════════
   Override visual del formulario "Formulario Servicio"
   ([oz_form slug="formulario-reportes-y-consultas"], post 2719) —
   SCOPEADO solo a este formulario específico vía
   :has(input[name="form_slug"][value="formulario-reportes-y-consultas"]),
   mismo patrón ya usado en libro-reclamaciones-form.css /
   taller-costura-form.css. No toca ozfp.css (compartido) ni otros
   formularios del sitio.

   Referencia real: mantiene el grid de 2 columnas nativo (Nombre
   Completo/Celular, N° Factura/Tienda de Procedencia en la misma fila),
   pero cambia inputs a fondo blanco con borde fino gris (en vez del
   fondo gris de relleno), título con línea corta bajo el texto (en vez
   de la línea completa), botón "Seleccionar archivo" y "Enviar" chicos
   y grises (en vez de naranja).
   ══════════════════════════════════════════════════════════════════════ */

/* El título "Formulario Servicio" ya viene escrito como texto de la
   propia página (bloque del maquetador, antes del formulario) — el
   ozfp-form-header (título "Formulario reportes y consultas" + párrafo
   genérico del template del plugin) queda oculto para no duplicarlo,
   mismo default de ozfp.css. */
.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-reportes-y-consultas"]) .ozfp-form-header {
	display: none !important;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-reportes-y-consultas"]) .ozfp-form .ozfp-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-reportes-y-consultas"]) .ozfp-form .ozfp-field textarea {
	border: 1px solid #d9d9d9 !important;
	border-radius: 2px;
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #333333 !important;
	-webkit-text-fill-color: #333333 !important;
}

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

/* Campo de archivo: <div class="ozfp-field"><label>...</label>
   <input type="file"></div>, sin wrapper propio del plugin — el fondo
   gris de relleno que traía antes (heredado de .ozfp-field:has(...))
   pintaba TODO el contenedor incluido el label, no solo el botón. Se
   deja el campo transparente como el resto del formulario, y solo se
   restylea el botón nativo del input (::file-selector-button) a gris
   chico, igual que el botón "Enviar". */
.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-reportes-y-consultas"]) .ozfp-field:has(input[type="file"]) {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-reportes-y-consultas"]) input[type="file"] {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	color: #6b7280 !important;
	font-size: 14px !important;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-reportes-y-consultas"]) input[type="file"]::file-selector-button {
	background: #f0f0f0 !important;
	color: #333333 !important;
	border: 1px solid #cccccc !important;
	border-radius: 2px !important;
	padding: 9px 18px !important;
	margin-right: 12px;
	font-size: 14px !important;
	font-weight: 400 !important;
	box-shadow: none !important;
	cursor: pointer;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-reportes-y-consultas"]) input[type="file"]::file-selector-button:hover {
	background: #e4e4e4 !important;
}

/* Botón "Enviar": chico, gris, alineado a la izquierda — mismo patrón
   ya usado en taller-costura-form.css / libro-reclamaciones-form.css. */
.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-reportes-y-consultas"]) .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;
}

.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-reportes-y-consultas"]) .ozfp-form .ozfp-field button.ozfp-submit:hover,
.ozfp-form-wrapper:has(input[name="form_slug"][value="formulario-reportes-y-consultas"]) .ozfp-form .ozfp-field button.ozfp-submit:focus {
	background: #e4e4e4 !important;
	background-color: #e4e4e4 !important;
}