/* Impronta · avisos de WooCommerce y mensajes del sistema con la identidad de la marca (sin azules ni turquesas del tema). */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice,
.wc-block-components-notice-banner,
.woocommerce-NoticeGroup .woocommerce-error {
	box-sizing: border-box;
	margin: 0 0 20px;
	padding: 16px 20px;
	border: 0;
	border-left: 2px solid var(--imp-arcilla);
	border-radius: 0;
	background: var(--imp-crudo);
	color: var(--imp-tinta);
	font-family: 'Jost', Futura, 'Century Gothic', sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6;
	list-style: none;
	box-shadow: none;
}
.woocommerce-message { border-left-color: var(--imp-tinta); }
.woocommerce-info { border-left-color: var(--imp-trigo); }
.woocommerce-error { border-left-color: var(--imp-arcilla-pro); }
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before { display: none !important; }
.woocommerce-error li, .woocommerce-message li, .woocommerce-info li { margin: 0 0 4px; padding: 0; list-style: none; }
.woocommerce-message a:not(.button),
.woocommerce-info a:not(.button),
.woocommerce-error a:not(.button) { color: var(--imp-arcilla-pro); text-decoration: underline; text-underline-offset: 3px; }
.woocommerce-message .button,
.woocommerce-info .button { float: none; margin: 0 0 0 12px; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--imp-arcilla-pro); font-family: inherit; font-size: 11px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; text-decoration: underline; text-underline-offset: 4px; }
/* Avisos del editor de bloques de WooCommerce */
.wc-block-components-notice-banner { background: var(--imp-crudo) !important; color: var(--imp-tinta) !important; border-color: var(--imp-arcilla) !important; }
.wc-block-components-notice-banner > svg { background: var(--imp-arcilla-pro) !important; fill: var(--imp-lino) !important; }
.wc-block-components-notice-banner.is-error { border-left-color: var(--imp-arcilla-pro) !important; }
/* Campos con error y foco: arcilla en lugar de rojo/azul */
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select { border-color: var(--imp-arcilla-pro) !important; }
.woocommerce form .form-row.woocommerce-validated input.input-text { border-color: var(--imp-trigo); }
.woocommerce form .form-row .required { color: var(--imp-arcilla-pro); }
input:focus, select:focus, textarea:focus { outline-color: var(--imp-arcilla-pro); }
/* Cuadro del medio de pago (Mercado Pago y otros): crudo, sin azul ni turquesa */
.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box p { background: transparent; color: var(--imp-tinta); font-family: 'Jost', Futura, 'Century Gothic', sans-serif; font-weight: 300; }
/* Ayudas de los campos (Woo las pinta de azul): crudo y letra de la marca */
.woocommerce form .form-row .description { padding: 8px 12px; border: 1px solid var(--imp-arena); border-radius: 0; background: var(--imp-crudo); color: var(--imp-tinta); font-size: 12px; font-weight: 300; }
.woocommerce form .form-row .description::before { display: none; }

/* Botones genéricos de WooCommerce (los pintaba de gris lavanda): arcilla de la marca, rectos */
html body .woocommerce a.button,
html body .woocommerce button.button,
html body .woocommerce input.button,
html body .woocommerce #respond input#submit,
html body .woocommerce a.button.alt,
html body .woocommerce button.button.alt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 24px;
	border: 1px solid var(--imp-arcilla-btn);
	border-radius: 0;
	background: var(--imp-arcilla-btn);
	color: var(--imp-lino);
	font-family: 'Jost', Futura, 'Century Gothic', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .2em;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: none;
}
html body .woocommerce a.button:hover,
html body .woocommerce button.button:hover,
html body .woocommerce input.button:hover,
html body .woocommerce #respond input#submit:hover { border-color: var(--imp-arcilla-pro); background: var(--imp-arcilla-pro); color: var(--imp-lino); }
html body .woocommerce button.button:disabled,
html body .woocommerce button.button.disabled { opacity: .5; cursor: not-allowed; }

/* Ayuda debajo de los campos: texto simple de la marca (WooCommerce la mostraba como globo azul con flechita) */
html body .woocommerce form .form-row .description,
html body .woocommerce-page form .form-row .description {
	position: static !important;
	display: block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--imp-topo) !important;
	font-family: 'Jost', Futura, 'Century Gothic', sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.5;
	box-shadow: none !important;
}
html body .woocommerce form .form-row .description::before,
html body .woocommerce form .form-row .description::after,
html body .woocommerce-page form .form-row .description::before { display: none !important; content: none !important; border: 0 !important; }
/* Campo con foco: un solo borde de la marca (antes se sumaban dos) */
html body .woocommerce form .form-row input.input-text:focus,
html body .woocommerce form .form-row select:focus,
html body .woocommerce form .form-row textarea:focus { outline: none !important; border-color: var(--imp-tinta) !important; box-shadow: 0 0 0 1px var(--imp-tinta) !important; background: var(--imp-superficie); }


/* Autocompletado del navegador: sin el celeste/azul, con el color de los campos de la marca */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px var(--imp-superficie) inset !important;
	box-shadow: 0 0 0 1000px var(--imp-superficie) inset !important;
	-webkit-text-fill-color: var(--imp-tinta) !important;
	caret-color: var(--imp-tinta);
	transition: background-color 9999s ease-out 0s;
}
