/* Formulario de contacto (OZ-Formularios) — look blanco a 2 columnas.
   La plantilla del plugin es azul y pone todos los campos a `span 2`.
   Aqui lo forzamos a blanco + 2 columnas. !important porque el CSS del
   plugin carga despues con la misma especificidad. */

/* Contenedor: fuera el azul, fondo transparente/blanco */
.ozfp-form-wrapper.ozfp-template-contacto {
	background: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
}

/* Ocultar el encabezado interno (ya hay titulo "Formulario de Contacto" arriba) */
.ozfp-template-contacto .ozfp-contacto-header {
	display: none !important;
}

/* Honeypot antispam nunca visible */
.ozfp-form-contacto-v2 .ozfp-hp {
	display: none !important;
}

/* Campos cortos en 2 columnas: Nombre | Celular, Correo | Asunto */
.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field-nombre,
.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field-celuar,
.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field-correo,
.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field-asunto {
	grid-column: span 1 !important;
}

/* Inputs: blancos con borde gris claro */
.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field input,
.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field textarea {
	background: #ffffff !important;
	border: 1px solid #e2e2e2 !important;
	color: #333333 !important;
	box-shadow: none !important;
}

.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field input:focus,
.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field textarea:focus {
	border-color: #e00209 !important;
	box-shadow: none !important;
}

.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field textarea {
	min-height: 200px !important;
}

/* Boton Enviar: gris como la captura, alineado a la izquierda */
.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-submit-row {
	justify-content: flex-start !important;
}

.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-submit {
	background: #ececec !important;
	background-image: none !important;
	color: #333333 !important;
	border: 1px solid #cfcfcf !important;
	box-shadow: none !important;
	padding: 12px 30px !important;
}

.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-submit:hover {
	background: #e00209 !important;
	color: #ffffff !important;
	border-color: #e00209 !important;
}

/* En movil, todo a una sola columna */
@media (max-width: 600px) {
	.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field-nombre,
	.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field-celuar,
	.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field-correo,
	.ozfp-template-contacto .ozfp-form-contacto-v2 .ozfp-field-asunto {
		grid-column: span 2 !important;
	}
}