/* Maderarte Mayoristas */

:root {
	--mad-madera: #c8a27c;
	--mad-madera-clara: #e8cbac;
	--mad-madera-oscura: #8a6440;
	--mad-boton: #9c6b40;
	--mad-boton-hover: #7f5632;
	--mad-acento: #e2986a;
	--mad-crema: #faf5ef;
	--mad-borde: #ecdfd0;
	--mad-texto: #3d3128;
	--mad-titulo: #3a3a3a;
	--mad-gris: #415161;
	--mad-fuente: Poppins, sans-serif;
}

/* Modo catálogo: se ocultan el carrito del header y el botón de compra de las variaciones. */
.mad-modo-catalogo .ast-site-header-cart,
.mad-modo-catalogo .ast-header-woo-cart,
.mad-modo-catalogo .ast-woo-header-cart-info-wrap,
.mad-modo-catalogo .elementor-widget-woocommerce-menu-cart,
.mad-modo-catalogo .hfe-menu-cart__toggle,
.mad-modo-catalogo .hfe-cart-container,
.mad-modo-catalogo .widget_shopping_cart,
.mad-modo-catalogo .woocommerce-variation-add-to-cart {
	display: none !important;
}

.mad-catalog-notice {
	margin: 1.25em 0;
	padding: 1em 1.25em;
	border-left: 4px solid var(--mad-madera);
	background: var(--mad-crema);
	color: var(--mad-texto);
	font-size: 0.95em;
}

.mad-catalog-notice p {
	margin: 0;
}

.mad-catalog-notice p + p {
	margin-top: 0.5em;
}

.mad-catalog-notice a {
	color: var(--mad-madera-oscura);
	font-weight: 600;
	text-decoration: underline;
}

/* ---------- Piezas comunes ---------- */

.mad-btn,
.mad-btn:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 12px 30px;
	border: 2px solid var(--mad-boton);
	border-radius: 30px;
	background: var(--mad-boton);
	color: #fff;
	font-family: var(--mad-fuente);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.mad-btn:hover,
.mad-btn:focus-visible {
	border-color: var(--mad-boton-hover);
	background: var(--mad-boton-hover);
	color: #fff;
}

.mad-btn:focus-visible {
	outline: 3px solid var(--mad-madera-clara);
	outline-offset: 2px;
}

.mad-btn--secundario,
.mad-btn--secundario:visited {
	background: transparent;
	color: var(--mad-boton);
}

.mad-btn--link,
.mad-btn--link:visited {
	border-color: transparent;
	background: transparent;
	color: var(--mad-madera-oscura);
	text-transform: none;
	letter-spacing: 0;
}

.mad-btn--link:hover,
.mad-btn--link:focus-visible {
	border-color: transparent;
	background: transparent;
	color: var(--mad-boton-hover);
	text-decoration: underline;
}

.mad-divider {
	display: block;
	width: 120px;
	height: 2px;
	margin: 18px 0 24px;
	background: var(--mad-acento);
}

.mad-eyebrow {
	display: block;
	margin-bottom: 8px;
	color: var(--mad-madera-oscura);
	font-family: var(--mad-fuente);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

/* Pasos del alta mayorista. */
.mad-pasos {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--mad-fuente);
}

.mad-pasos__item {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.mad-pasos__num {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--mad-madera-clara);
	color: var(--mad-texto);
	font-size: 16px;
	font-weight: 600;
}

.mad-pasos__item.is-done .mad-pasos__num {
	background: var(--mad-boton);
	color: #fff;
}

.mad-pasos__titulo {
	display: block;
	color: var(--mad-titulo);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

.mad-pasos__texto {
	display: block;
	margin-top: 2px;
	color: var(--mad-gris);
	font-size: 14px;
	line-height: 1.6;
}

.mad-pasos--list .mad-pasos__item {
	position: relative;
	padding-bottom: 22px;
}

.mad-pasos--list .mad-pasos__item:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 42px;
	bottom: 4px;
	left: 18px;
	width: 2px;
	background: var(--mad-borde);
}

.mad-pasos--grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.mad-pasos--grid .mad-pasos__item {
	flex-direction: column;
	gap: 14px;
	padding: 24px 22px;
	border: 1px solid var(--mad-borde);
	border-radius: 8px;
	background: #fff;
	text-align: left;
}

/* ---------- Aviso de venta minorista (home) ---------- */

.mad-minorista {
	padding: 14px 16px;
	background: var(--mad-crema);
	border-bottom: 1px solid var(--mad-borde);
}

.mad-minorista__inner {
	max-width: 1140px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 20px;
	text-align: center;
}

.mad-minorista__texto {
	margin: 0;
	color: var(--mad-texto);
	font-size: 15px;
}

.mad-minorista__boton,
.mad-minorista__boton:visited {
	display: inline-block;
	padding: 8px 20px;
	border-radius: 30px;
	background: var(--mad-boton);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.mad-minorista__boton:hover,
.mad-minorista__boton:focus-visible {
	background: var(--mad-boton-hover);
	color: #fff;
}

/* ---------- Slider de la home (listing 4665 de JetEngine) ---------- */

/* Elementor pone el enlace de la imagen como inline-block: los slides con "URL destino" quedaban más chicos que el resto. */
.elementor-4665 .elementor-widget-image a {
	display: block;
}

.elementor-4665 .elementor-widget-image img {
	width: 100%;
}

/* ---------- Sección "Comprá por mayor" (home) ---------- */

.mad-home-mayoristas {
	padding: 72px 16px;
	background: var(--mad-crema);
	border-top: 1px solid var(--mad-borde);
	border-bottom: 1px solid var(--mad-borde);
	font-family: var(--mad-fuente);
}

.mad-home-mayoristas__inner {
	max-width: 1140px;
	margin: 0 auto;
}

.mad-home-mayoristas__head {
	max-width: 680px;
	margin: 0 auto 40px;
	text-align: center;
}

.mad-home-mayoristas__head .mad-divider {
	margin-right: auto;
	margin-left: auto;
}

.mad-home-mayoristas__titulo {
	margin: 0;
	color: var(--mad-titulo);
	font-size: 34px;
	font-weight: 600;
	line-height: 1.25;
}

.mad-home-mayoristas__lead {
	margin: 0;
	color: var(--mad-gris);
	font-size: 16px;
	line-height: 1.7;
}

.mad-home-mayoristas__acciones {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px 20px;
	margin-top: 40px;
}

/* ---------- Buscador de la home ---------- */

.mad-buscador {
	max-width: 760px;
	margin: 0 auto;
	font-family: var(--mad-fuente);
}

.mad-buscador .aws-container .aws-search-form {
	height: 60px;
	overflow: hidden;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 0 0 1px var(--mad-borde), 0 12px 32px rgba(61, 49, 40, 0.1);
	transition: box-shadow 0.2s;
}

.mad-buscador .aws-container .aws-search-form:focus-within {
	box-shadow: 0 0 0 2px var(--mad-madera), 0 12px 32px rgba(61, 49, 40, 0.14);
}

.mad-buscador .aws-container .aws-search-form .aws-wrapper {
	height: 100%;
}

.mad-buscador .aws-container .aws-search-field {
	height: 100%;
	padding: 0 52px 0 6px;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--mad-texto);
	font-family: var(--mad-fuente);
	font-size: 16px;
}

.mad-buscador .aws-container .aws-search-field::placeholder {
	color: #8c8079;
}

.mad-buscador .aws-container .aws-search-form .aws-search-btn,
.mad-buscador .aws-container[data-show-page="false"] .aws-search-form .aws-search-btn:hover {
	width: 64px;
	margin: 0;
	padding-left: 12px;
	border: 0;
	background: transparent;
}

.mad-buscador .aws-container .aws-search-form .aws-search-btn_icon {
	color: var(--mad-boton);
}

.mad-buscador .aws-container .aws-search-form .aws-search-btn svg {
	width: 26px;
	fill: var(--mad-boton);
}

.mad-buscador .aws-container .aws-search-form .aws-search-clear,
.mad-buscador .aws-container .aws-search-form .aws-loader {
	right: 20px;
}

.mad-buscador__chips {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
}

.mad-buscador__chips-label {
	margin-right: 4px;
	color: var(--mad-gris);
	font-size: 14px;
}

.mad-buscador__chip,
.mad-buscador__chip:visited {
	padding: 6px 16px;
	border: 1px solid var(--mad-borde);
	border-radius: 20px;
	background: #fff;
	color: var(--mad-texto);
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
	transition: background-color 0.2s, border-color 0.2s;
}

.mad-buscador__chip:hover,
.mad-buscador__chip:focus-visible {
	border-color: var(--mad-madera);
	background: var(--mad-crema);
	color: var(--mad-texto);
}

.home .aws-search-result {
	overflow: hidden;
	margin-top: 8px;
	border: 1px solid var(--mad-borde);
	border-radius: 12px;
	box-shadow: 0 16px 40px rgba(61, 49, 40, 0.14);
	font-family: var(--mad-fuente);
}

/* ---------- Página de registro de mayoristas (mismo estilo que Contacto) ---------- */

.mad-reg {
	padding: 72px 16px 88px;
	background-color: #f4f6f8;
	background-image:
		radial-gradient(ellipse 60% 70% at 0% 100%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 70%),
		radial-gradient(ellipse 50% 60% at 100% 0%, rgba(250, 245, 239, 0.95) 0%, rgba(250, 245, 239, 0) 70%),
		linear-gradient(140deg, #fff 0%, rgba(242, 245, 247, 0.87) 100%);
	font-family: var(--mad-fuente);
}

.mad-reg__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 64px;
	align-items: start;
	max-width: 1140px;
	margin: 0 auto;
}

.mad-reg__titulo {
	margin: 0;
	color: var(--mad-titulo);
	font-size: 52px;
	font-weight: 600;
	line-height: 1.1;
}

.mad-reg__lead {
	margin: 0 0 32px;
	color: var(--mad-gris);
	font-size: 15px;
	line-height: 1.8;
}

.mad-reg__lead strong {
	color: var(--mad-titulo);
}

.mad-reg__subtitulo {
	margin: 0 0 20px;
	color: var(--mad-titulo);
	font-size: 20px;
	font-weight: 600;
}

.mad-reg__extra {
	margin-top: 12px;
	padding-top: 20px;
	border-top: 1px solid #e3e6ea;
	color: var(--mad-gris);
	font-size: 14px;
}

.mad-reg__extra p {
	margin: 0 0 6px;
}

.mad-reg__extra a,
.mad-reg__login a {
	color: var(--mad-madera-oscura);
	font-weight: 600;
}

.mad-reg__card {
	padding: 40px 36px;
	border: 2px solid rgba(122, 122, 122, 0.22);
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 20px 50px rgba(65, 81, 97, 0.08);
}

.mad-reg__card-titulo {
	margin: 0 0 6px;
	color: var(--mad-gris);
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;
}

.mad-reg__card-intro {
	margin: 0 0 24px;
	color: #7a8794;
	font-size: 13px;
}

.mad-reg__form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.mad-reg .mad-reg__campo {
	margin: 0;
}

.mad-reg__campo--full {
	grid-column: 1 / -1;
}

.mad-reg__campo input {
	width: 100%;
	height: 46px;
	padding: 10px 14px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #fafafa;
	color: #555;
	font-family: var(--mad-fuente);
	font-size: 14px;
	transition: border-color 0.2s, background-color 0.2s;
}

.mad-reg__campo input::placeholder {
	color: #8a8f96;
}

.mad-reg__campo input:focus {
	border-color: var(--mad-madera);
	background: #fff;
	outline: none;
	box-shadow: 0 0 0 3px rgba(232, 203, 172, 0.45);
}

.mad-reg__campo .mad-btn {
	margin-top: 8px;
}

.mad-reg__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.mad-reg__errores {
	margin-bottom: 20px;
	padding: 14px 18px;
	border-left: 4px solid #b32d2e;
	background: #fcf0f1;
	color: #6b1c1d;
	font-size: 14px;
}

.mad-reg__errores ul {
	margin: 0;
	padding-left: 1.1em;
}

.mad-reg__login {
	margin: 24px 0 0;
	padding-top: 18px;
	border-top: 1px solid #eee;
	color: var(--mad-gris);
	font-size: 14px;
	text-align: center;
}

.mad-reg__ok {
	text-align: center;
	color: var(--mad-gris);
	font-size: 15px;
	line-height: 1.7;
}

.mad-reg__ok-icono {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-bottom: 16px;
	border-radius: 50%;
	background: var(--mad-crema);
	box-shadow: inset 0 0 0 2px var(--mad-madera-clara);
	color: var(--mad-boton);
	font-size: 30px;
}

.mad-reg__ok .mad-reg__card-titulo {
	margin-bottom: 14px;
}

.mad-reg__ok p {
	margin: 0 0 12px;
}

.mad-reg__ok strong {
	color: var(--mad-titulo);
}

.mad-reg__ok .mad-btn {
	margin-top: 12px;
}

/* ---------- Responsive ---------- */

@media (max-width: 1024px) {
	.mad-pasos--grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mad-reg__inner {
		gap: 40px;
	}

	.mad-reg__titulo {
		font-size: 42px;
	}
}

@media (max-width: 767px) {
	.mad-home-mayoristas {
		padding: 56px 16px;
	}

	.mad-home-mayoristas__titulo {
		font-size: 26px;
	}

	.mad-pasos--grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.mad-pasos--grid .mad-pasos__item {
		flex-direction: row;
		padding: 18px;
	}

	.mad-reg {
		padding: 40px 16px 56px;
	}

	.mad-reg__inner {
		grid-template-columns: 1fr;
	}

	.mad-reg__titulo {
		font-size: 34px;
	}

	.mad-reg__card {
		padding: 28px 20px;
	}

	.mad-reg__form {
		grid-template-columns: 1fr;
	}

	.mad-buscador .aws-container .aws-search-form {
		height: 54px;
	}

	.mad-buscador .aws-container .aws-search-field {
		font-size: 15px;
	}

	.mad-buscador__chips-label {
		flex-basis: 100%;
		margin: 0;
		text-align: center;
	}
}