:root {
	--wd-text-font: "Outfit", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: rgb(84,84,84);
	--wd-text-font-size: 17px;
	--wd-title-font: "Outfit", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Outfit", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: 100404;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Goodly", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Outfit", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 14px;
	--wd-header-el-font: "Outfit", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(190,13,87);
	--wd-alternative-color: rgb(255,164,69);
	--btn-default-font-family: "Outfit", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 500;
	--btn-default-transform: none;
	--btn-default-font-size: 16px;
	--btn-default-bgcolor: rgb(247,247,247);
	--btn-default-bgcolor-hover: rgb(239,239,239);
	--btn-default-padding: 16px 20px 16px 20px;
	--btn-accented-font-weight: 700;
	--btn-accented-transform: uppercase;
	--btn-accented-font-size: 14px;
	--btn-accented-bgcolor: rgb(190,13,87);
	--btn-accented-bgcolor-hover: rgb(163,11,74);
	--btn-accented-padding: 15px 20px 15px 20px;
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgba(147,184,78,0.1);
	--notices-success-color: rgb(147,184,78);
	--notices-warning-bg: rgba(255,184,110,0.1);
	--notices-warning-color: rgb(255,184,110);
	--wd-link-color: rgb(190,13,87);
	--wd-link-color-hover: rgba(190,13,87,0.75);
	--wd-sticky-btn-height: 80px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 600px;
	--wd-popup-padding: 25px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 300px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-product .price, html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price, html .wd-product-nav-desc .price, html .product-quick-view .summary-inner > .price, html .product-quick-view .variations_form .woocommerce-variation-price .price, .amount, strong, b {
	font-weight: 700;
	color: rgb(16,4,4);
}
.progress-msg {
	font-size: 15px;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Goodly Light", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 52px;
	line-height: 52px;
	text-transform: lowercase;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-weight: 600;
	font-size: 16px;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title, html .product-quick-view .product_title {
	font-family: "Goodly Regular", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 40px;
	line-height: 37px;
	text-transform: lowercase;
	color: rgb(16,4,4);
}
form:not(.variations_form) label, .website-wrapper :is(.woocommerce-form-coupon-toggle ,.woocommerce-form-login-toggle)>div {
	font-weight: 600;
	font-size: 14px;
}
.woocommerce-privacy-policy-text {
	font-size: 14px;
}
.payment_methods li>label {
	font-size: 15px;
}
html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
	font-family: "Goodly Medium", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 19px;
	text-transform: lowercase;
	color: rgb(0,0,0);
}
html .wd-product .price, html .product.wd-product del {
	font-weight: 500;
	font-size: 16px;
	color: rgb(16,4,4);
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a, html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	font-weight: 400;
	font-size: 18px;
	text-transform: capitalize;
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .summary-inner > .price del, html .wd-single-price .price del, html .wd-product-nav-desc .price {
	font-weight: 500;
	font-size: 22px;
	color: rgb(16,4,4);
}
html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price del {
	font-weight: 300;
	font-size: 19px;
	color: rgb(16,4,4);
}
body.single-post .site-content h2, body.single-post .site-content h3, body.single-post .site-content h4, body.single-post .site-content h5 {
	font-weight: 600;
	color: rgb(16,4,4);
}
body.single-post p strong {
	font-weight: 600;
	color: rgb(16,4,4);
}
html .product.wd-product del, html .product-image-summary-wrap .summary-inner > .price del, html .wd-single-price .price del, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price del {
	font-weight: 300;
	color: rgb(198,198,198);
}
.cards-seccion-atributo .wp-block-wd-infobox h2.title {
	font-family: "Goodly Light", Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-transform: lowercase;
}
.titulo-seccion-atributo, .fuente-goodly-light, .single-post h3#reply-title, .wc-step.is-past, .wc-step.is-future {
	font-family: "Goodly Light", Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-brd-color: rgb(209,209,209);
	--wd-form-brd-color-focus: rgb(190,13,87);
}
.wd .product-label.onsale {
	background-color: rgb(190,13,87);
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: rgb(225,195,128);
	color: rgb(255,255,255);
}
.wd .product-label.featured {
	background-color: rgb(255,107,107);
	color: rgb(255,255,255);
}
.wd .product-label.out-of-stock {
	background-color: rgb(18,3,9);
	color: rgb(255,255,255);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgba(255,255,255,0.75);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 10px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-width: 120px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 50%;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 17px;
	--wd-sticky-btn-height: 70px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 49px;
	line-height: 49px;
	}
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title, html .product-quick-view .product_title {
		font-size: 36px;
	line-height: 33px;
	}
	.payment_methods li>label {
		font-size: 15px;
	}
	html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
		font-size: 17px;
	}
	html .wd-product .price, html .product.wd-product del {
		font-size: 16px;
	}
	html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .summary-inner > .price del, html .wd-single-price .price del, html .wd-product-nav-desc .price {
		font-size: 23px;
	}
	html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price del {
		font-size: 18px;
	}
	.cards-seccion-atributo .wp-block-wd-infobox h2.title {
		font-size: 23px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 17px;
	--btn-accented-font-size: 12px;
	--wd-sticky-btn-height: 70px;
	}
	.progress-msg {
		font-size: 13px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 35px;
	line-height: 35px;
	}
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title, html .product-quick-view .product_title {
		font-size: 30px;
	line-height: 27px;
	}
	.payment_methods li>label {
		font-size: 14px;
	}
	html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
		font-size: 16px;
	}
	html .wd-product .price, html .product.wd-product del {
		font-size: 15px;
	}
	html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .summary-inner > .price del, html .wd-single-price .price del, html .wd-product-nav-desc .price {
		font-size: 23px;
	}
	html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price del {
		font-size: 17px;
	}
	.wd-product-info .wd-info-msg {
		font-size: 14px;
	line-height: 25px;
	}
	.cards-seccion-atributo .wp-block-wd-infobox h2.title {
		font-size: 24px;
	}

}
:root{
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}


rs-slides :is([data-type=text],[data-type=button]) {
font-family: Outfit !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Outfit !important;
}

.wd-page-title {
background-color: rgb(0,0,0);
}

@font-face {
	font-family: "Goodly Regular";
	src: url("//www.mongo.es/wp-content/uploads/2024/10/Goodly-Regular.woff2") format("woff2"), 
url("//www.mongo.es/wp-content/uploads/2024/10/Goodly-Regular.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Goodly Light";
	src: url("//www.mongo.es/wp-content/uploads/2024/10/Goodly-Light.woff2") format("woff2"), 
url("//www.mongo.es/wp-content/uploads/2024/10/Goodly-Light.woff") format("woff");
	font-weight: 200;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Goodly SemiBold";
	src: url("//www.mongo.es/wp-content/uploads/2024/10/Goodly-Semibold.woff2") format("woff2"), 
url("//www.mongo.es/wp-content/uploads/2024/10/Goodly-Semibold.woff") format("woff");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Goodly Medium";
	src: url("//www.mongo.es/wp-content/uploads/2026/07/Goodly-Medium.woff2") format("woff2"), 
url("//www.mongo.es/wp-content/uploads/2026/07/Goodly-Medium.woff") format("woff");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

/* Desactivar fondos fijos en toda la web para móviles y tablets */
@media (max-width: 1024px) {
    *, 
    *::before, 
    *::after {
        background-attachment: scroll !important;
    }
}


/* ============================================================
   MONGO.ES - CUSTOM STYLES
   ============================================================ */

/*html {
scroll-behavior: smooth !important;
}*/

/* ============================================================
   VARIABLES CSS   ============================================================ */
:root {
    /*--wd-form-brd-radius: 3px;
    --btn-default-brd-radius: 3px;
    --btn-accented-brd-radius: 3px;*/
    --wd-primary-color-light: #f8e6ee;
    --wd-primary-color-ultra-light: #fbf8fa;
    --wd-primary-color-accent: #9F0B49;
    --wd-secondary-color-light: rgb(133 185 81 / 10%);
    --wd-alternative-color-light: rgb(255 164 69 / 10%);
}


/*BREADCUMBS EN MÓVILES CON OPCIÓN: */
/* Fix Guntemberg / Woodmart Container */
.wp-block-wd-container > .wd-single-nav { flex: 0 0 auto; margin-bottom: 15px; }
.wp-block-wd-container > .wd-el-breadcrumbs.wd-nowrap-md { flex: 1 1 100%; min-width: 0; }
@media (min-width: 768px) {
    .wp-block-wd-container.wd-dir-row-sm > .wd-single-nav { margin-bottom: 0; margin-right: 20px; }
    .wp-block-wd-container.wd-dir-row-sm > .wd-el-breadcrumbs.wd-nowrap-md { flex: 1 1 auto; width: auto; }
}
.wd-single-nav .wd-product-nav-btn:hover { color: var(--wd-primary-color, #be0d57) !important; border-color: var(--wd-primary-color, #be0d57) !important; transition: all 0.2s ease-in-out; }

/* Breadcrumbs Móviles */
@media (max-width: 768px) {
    .wd-el-breadcrumbs.wd-nowrap-md { position: relative !important; display: block !important; width: 100%; overflow: hidden !important; min-height: 40px; }
    .wd-el-breadcrumbs.wd-nowrap-md .wd-breadcrumbs { display: flex !important; justify-content: flex-start !important; align-items: center; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; direction: ltr; padding-left: 0; padding-right: 0; scrollbar-width: none; -ms-overflow-style: none; width: 100%; min-height: 40px; }
    .wd-el-breadcrumbs.wd-nowrap-md .rank-math-breadcrumb p { display: block !important; white-space: nowrap !important; margin: 0; line-height: 40px; padding-right: 0; }
    .wd-el-breadcrumbs.wd-nowrap-md .wd-breadcrumbs::-webkit-scrollbar { display: none; width: 0; height: 0; background: transparent; }
    .wd-el-breadcrumbs.wd-nowrap-md::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 45px; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); pointer-events: none; opacity: 0; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); z-index: 10; }
    .wd-el-breadcrumbs.wd-nowrap-md.has-scroll-right::after { opacity: 1; }
}
.wd-el-breadcrumbs.wd-nowrap-md .rank-math-breadcrumb a:hover { color: var(--wd-primary-color, #be0d57); transition: color 0.2s ease-in-out; }




/* ============================================================
   MENSAJES WOOCOMMERCE
   ============================================================ */
.wd-notice a, 
div.wpcf7-response-output a, 
.mc4wp-alert a, 
:is(.woocommerce-error, .woocommerce-message, .woocommerce-info) a {
    color: inherit;
}

.wd-notice a:hover, 
div.wpcf7-response-output a:hover, 
.mc4wp-alert a:hover, 
:is(.woocommerce-error, .woocommerce-message, .woocommerce-info) a:hover {
    opacity: 0.7;
    color: inherit;
}

/* ============================================================
   BREADCRUMBS
   ============================================================ */
.home-breadcrumb-icon:before {
    content: "\f144";
    font-family: "woodmart-font";
    font-weight: 400;
    font-size: 9px;
}

span[typeof="v:Breadcrumb"]:first-child a {
    font-size: 0;
}

/* Rank Math Breadcrumb */
/*nav.rank-math-breadcrumb {
    flex: 1 1 auto;
}*/

nav.rank-math-breadcrumb {
		  font-size: 65%;
    	text-transform: uppercase;
			letter-spacing: 1px;
}
.single-product nav.rank-math-breadcrumb {
		  font-size: 60%;
}
@media (max-width:768px) {
	nav.rank-math-breadcrumb {
		  font-size: 62% !important;
	}
	.home-breadcrumb-icon:before {
    font-size: 8px !important;
}
}

body:not(.single-product) nav.rank-math-breadcrumb p {
    margin-bottom: 0;
}

body:not(.single-product) nav.rank-math-breadcrumb a {
    color: var(--color-gray-500);
}

/*.wd-page-title nav.rank-math-breadcrumb a, .wd-page-title .rank-math-breadcrumb .separator {
    color: rgba(255, 255, 255, 0.75) !important;
}*/
/*.wd-el-breadcrumbs.text-center .rank-math-breadcrumb p {
    text-align: center !important;
}*/

/* ============================================================
   TEXTOS JUSTIFICADOS
   ============================================================ */

/*.single-post*/ p:not(.wd-align, body.woocommerce nav.rank-math-breadcrumb p) {
  /*text-align: justify;*/
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  overflow-wrap: break-word; /* fallback para palabras muy largas o URLs que no se pueden silabear */
  text-wrap: pretty;
}

/* En dispositivos móviles pasamos a alineación izquierda */
/*@media (max-width: 768px) {
  .single-post p {
    hyphens: manual; 
  }
}*/


/*body:not(.woocommerce-account, .woocommerce-cart, .page-id-267, .woocommerce-checkout) 
div:not(.wd-promo-popup, .info-box-wrapper) p, 
.woocommerce .product_infos .woocommerce-product-details__short-description p {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
    text-align: justify;
}*/


/*BOTÓN SCROLL-TO-TOP DEL FOOTER*/
@media (min-width:1024px) {
	.scrollToTop {
		bottom: 92px !important;
	}
	.scrollToTop.button-show {
    inset-inline-end: 30px !important;
	}
}


/* ============================================================
   CABECERA
   ============================================================ */

/*con sombra*/
.whb-header.whb-overcontent .whb-color-light:not(.whb-with-bg) {
    box-shadow: none;
    transition: backdrop-filter 0.3s ease;
}

.whb-sticked .whb-color-light:not(.whb-with-bg) {
    box-shadow: 2px 0 12px 0 rgba(0, 0, 0, .075);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}


.whb-sticked .whb-color-light:not(.whb-with-bg) {
    background-color: rgb(190 13 87 / 80%) !important;
}

/*.whb-sticked .wd-nav-main > li > a {
    font-size: 12px !important;
}*/

/*SUSTITUCIÓN DEL ICONO MI CUENTA POR AVATAR O INICIAL*/
/* Hacer responsive el campo de subida de avatar en Mi Cuenta */
fieldset#mongo-avatar-fieldset {
    border: 2px solid #e8e8e8 !important;
    border-radius: 20px !important;
    padding: 30px 40px !important;
    margin-top: 35px !important;
}




/*Top bar*/
@media (min-width:1024px) {
    .whb-top-bar.whb-with-bg.whb-color-dark .wd-nav-secondary>li>a {
        font-weight: 600;
    }
}

@media (max-width:1024px) {
    .whb-top-bar.whb-with-bg.whb-color-dark .wd-nav-secondary>li>a {
        color: #59474e;
    }	
}

/*.whb-color-dark .wd-header-divider:before {
    border-color: var(--wd-primary-color-light) !important;
}

.whb-color-dark .wd-nav:is(.wd-style-bordered,.wd-style-separated)>li:not(:last-child):after {
    border-right: 1px solid var(--wd-primary-color-light) !important;
}*/

/*mini-carrito*/
.whb-header.whb-overcontent > .whb-main-header .wd-header-cart.wd-design-3 .wd-cart-subtotal .amount,
.whb-header.whb-overcontent + .whb-clone .wd-header-cart.wd-design-3 .wd-cart-subtotal .amount {
    color: var(--color-white) !important;
}


p.woocommerce-mini-cart__empty-message.empty.title {
    text-align: var(--wd-center);
}


/***************************** MOBILE MENU ******************************/
/* Mobile menu logo on top */
.mobile-nav .wd-heading, 
.widgets-categoria .wd-heading {
    justify-content: space-between;
    align-items: var(--wd-center);
}

.mobile-nav .wd-heading:before, 
.widgets-categoria .wd-heading:before {
    content: "";
    display: flex;
    width: 100px;
    height: 20px;
    background-image: url('https://www.mongo.es/wp-content/uploads/2024/10/logo-mongo-negro-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    margin-right: 10px;
    margin-top: 7px;
    margin-left: 3px;
    vertical-align: middle;
}

.wd-nav-mob-tab>li a {
    background-color: var(--color-white) !important;
}
.wd-nav-mob-tab>li:first-child {
    border-right: 1px solid var(--brdcolor-gray-300);
}
.wd-nav-mob-tab.wd-nav.wd-style-underline .nav-link-text {
    font-family: Goodly Regular;
    text-transform: lowercase;
    font-size: 19px;
    letter-spacing: 0.5px;
}
.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {
    padding: 15px 20px !important;
}


/* ============================================================
   PANEL LATERAL OCULTO LOGIN/REGISTER
   ============================================================ */

.create-account-question p {
  text-align: var(--wd-center) !important;
}



/* ============================================================
   TOOLTIP
   ============================================================ */
.woodmart-tltp span.woodmart-tooltip-label,
div.tooltip-inner {
    font-size: 16px !important;
		max-width: 320px !important;
    font-weight: var(--wd-text-font-weight) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
	  padding: 10px 15px !important;
}

@media (min-width:768px) {
		.woodmart-tltp span.woodmart-tooltip-label,
		div.tooltip-inner {
			max-width: 380px !important;
			padding: 15px 20px !important;
	}
}

/* Tooltips */
.tooltip { pointer-events: none !important; }
.wd-hint { cursor: pointer !important; }
.tooltip-inner { background-color: var(--wd-primary-color, #be0d57) !important; color: #ffffff !important; border-radius: 4px; font-size: 13px; font-weight: 500; }
.tooltip-arrow, .tooltip .tooltip-arrow, .tooltip .tooltip-arrow::before, .tooltip .tooltip-arrow::after { background-color: var(--wd-primary-color, #be0d57) !important; border-color: transparent !important; }


/* ============================================================
   STAR RATING
   ============================================================ */
.star-rating span:before {
  color: var(--wd-primary-color) !important;
   /* color: #f39c12 !important;	*/
}

/* ============================================================
   TÍTULOS DE PÁGINA - OVERLAY
   ============================================================ */

@media (max-width: 1024px) {
    .wd-header-overlap .wd-page-title {
        padding-block: 133px 93px !important;
    }
	  body.woocommerce-shop .wd-page-title, body.tax-product_cat.woocommerce .wd-page-title, body.archive.woocommerce .wd-page-title {
        padding-block: 160px 110px !important;
		}
	  body.single-post .wd-page-title {
			  padding-block: 60px 70px;
	  }
}

@media (max-width:1024px) {
		.woocommerce-account .page-title {
				padding-block: 165px 93px !important;
		}
}

@media (min-width:1024px) {
		body.woocommerce-shop .wd-page-title, body.tax-product_cat .wd-page-title, body.archive.woocommerce .wd-page-title {
				padding-block: 200px 110px !important;
		}
}


/* ============================================================================
   DIVISOR SWEET WAVE - VERSIÓN DEFINITIVA CON ORIENTACIÓN CORRECTA
   ============================================================================
   SVG exacto de WoodMart + rotación para que las olas apunten HACIA ABAJO
   ============================================================================ */

.wd-page-title {
    position: relative;
    overflow: visible !important;
}

.wd-page-title::after {
    content: "";
    position: absolute;
    left: -10%;
    right: 0;
    bottom: 0;
    width: 180%;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 2;
    transform: scaleY(-1); /* ⭐ VOLTEA VERTICALMENTE */
	  bottom: -1px;
}

.wd-page-title > .container {
    position: relative;
    z-index: 1;
}

/* Responsive heights */
@media (max-width: 1024px) {
    .wd-page-title::after {
        height: 60px;
    }
}

@media (max-width: 768px) {
    .wd-page-title::after {
        height: 50px;
    }
}

@media (max-width: 480px) {
    .wd-page-title::after {
        height: 40px;
    }
}

/*********************** OVERLAY NEGRO EN TÍTULO DE PÁGINA ************************/
body:not(.single-post) .wd-page-title-bg::after/*, .woocommerce .archivo-atributo-titulo::after*/  {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
	z-index:0;
	background:linear-gradient(transparent 5%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0.45) 100%);
	background:linear-gradient(rgb(0 0 0 / 15%) 5%, rgb(0 0 0 / 35%) 50%, rgb(0 0 0 / 50%) 100%);
}
.woocommerce .wd-page-title-bg::after {
		background:linear-gradient(transparent 5%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.45) 100%);
	  background:linear-gradient(rgb(0 0 0 / 15%) 5%, rgb(0 0 0 / 35%) 50%, rgb(0 0 0 / 50%) 100%);
}
/*.woocommerce .archivo-atributo-titulo::after {
		background:linear-gradient(transparent 5%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.45) 100%);
	  background:linear-gradient(rgb(0 0 0 / 15%) 5%, rgb(0 0 0 / 35%) 50%, rgb(0 0 0 / 50%) 100%);
}*/

.wd-page-title {
  position: relative;
}
/*.woocommerce .archivo-atributo-titulo {
	 position:relative;
	 z-index:1;
}*/


.wd-page-title > .container {
  position: relative;
  z-index: 2;
}



/* ==========================================================================
   VISTA DE MI CUENTA Y PEDIDOS: SISTEMA UI CARDS (OOCSS)
   ========================================================================== */

/* 1. CLASE UTILITARIA BASE (Cards) */
.mongo-ui-card,
.woocommerce-MyAccount-content > p:first-of-type,
.woocommerce-order-details,
.woocommerce-customer-details .woocommerce-column,
.woocommerce-Addresses .woocommerce-Address,
.woocommerce-edit-address .woocommerce-MyAccount-content form,
.woocommerce-edit-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,
.woocommerce-add-payment-method .woocommerce-MyAccount-content {
    background-color: var(--color-white);
    border-radius: var(--wd-brd-radius);
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid var(--brdcolor-gray-300); 
    transition: box-shadow 0.3s ease-in-out;
}

@media (min-width:1024px) {
    .mongo-ui-card:hover,
    .woocommerce-MyAccount-content > p:first-of-type:hover,
    .woocommerce-order-details:hover,
    .woocommerce-customer-details .woocommerce-column:hover,
    .woocommerce-Addresses .woocommerce-Address:hover, 
    .woocommerce-edit-address .woocommerce-MyAccount-content form:hover,
    .woocommerce-edit-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm:hover,
    .woocommerce-add-payment-method .woocommerce-MyAccount-content:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    }
}

.woocommerce-order-details h2.woocommerce-order-details__title,
.woocommerce-customer-details h2.woocommerce-column__title,
.woocommerce-Addresses .title h3,
.woocommerce-Address-title.title h2, 
.woocommerce-edit-address .woocommerce-MyAccount-content form h2,
.woocommerce-edit-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm h2,
.woocommerce-add-payment-method .woocommerce-MyAccount-content h2,
.titulo-seccion-atributo, .titulo-circulo, .single-post h3#reply-title,
h2.wc-block-components-checkout-step__title,
.wc-block-components-checkout-order-summary__title-text,
div.wc-block-cart.is-large .wc-block-cart__totals-title {
    position: relative;
    padding-left: 20px !important; 
    /*margin-bottom: 24px;*/
    /*font-size: 1.25em;*/
    color: #333333;
}

.woocommerce-order-details h2.woocommerce-order-details__title::before,
.woocommerce-customer-details h2.woocommerce-column__title::before,
.woocommerce-Addresses .title h3::before,
.woocommerce-Address-title.title h2::before, 
.woocommerce-edit-address .woocommerce-MyAccount-content form h2::before,
.woocommerce-edit-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm h2::before,
.woocommerce-add-payment-method .woocommerce-MyAccount-content h2::before,
.titulo-seccion-atributo::before, .titulo-circulo::before, .single-post h3#reply-title::before,
h2.wc-block-components-checkout-step__title::before,
.wc-block-components-checkout-order-summary__title-text::before,
div.wc-block-cart.is-large .wc-block-cart__totals-title::before {
    content: '';
    position: absolute;
    left: 0;
    
    /* El truco para la primera línea: */
    top: 0.7em; /* 50% del line-height (1.4 / 2 = 0.7) */
    transform: translateY(-50%); /* Centrado exacto respecto a sí mismo */
    
    /* Dimensiones del punto */
    width: 8px;
    height: 8px;
    background-color: var(--wd-primary-color);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(190, 13, 87, 0.15);
}



/* ============================================================
   ARCHIVO PRODUCTO / SHOP  (REVISADO)
   ============================================================ */

/* Flecha atrás en título de página shop */
.wd-back-btn.wd-action-btn.wd-style-icon {
    display: none;
}

/*BOTÓN CATEGORÍAS*/
.wd-btn-show-cat.wd-action-btn.wd-style-text.wd-hide-lg {
    margin-top: 10px;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 13px 25px;
    opacity: 0.9;
}
.wd-action-icon:before {
    font-size: 0.9rem;
		font-weight: 300;
}
.wd-action-text {
    font-weight: 300;
    font-size: 0.9rem;
}

/***************** Shop widget *******************/
body.archive.woocommerce .widget-title {
    font-size: 1.2rem !important;
    text-transform: none;
}		
.wd-filter-list a, .widget .product-categories li a {
		font-size: 0.9rem;
}
@media (max-width:1024px) {
		body.archive.woocommerce .widget-title {
				font-size: 1.2rem !important;
			  font-weight: 700 !important;
		}		
		.wd-filter-list a, .wd-swatches-filter.wd-filter-list .wd-swatch.wd-text .wd-swatch-text, .widget .product-categories li a {
						font-size: var(--wd-text-font-size) !important;
		}
	  
}
div#wd-widget-stock-status-2 ul li a {
    font-weight: 500;
}
.wd-swatches-filter.wd-filter-list .wd-swatch.wd-text .wd-swatch-text {
    font-size: var(--wd-text-font-size) !important;
    font-weight: var(--wd-text-font-weight);
    color: var(--color-gray-500);
	  padding-top: 3px;
}
.wd-swatches-filter.wd-filter-list .wd-swatch.wd-text {
    box-shadow: none !important;
}
.wd-swatches-filter.wd-filter-list :is(.wd-swatch-wrap a:hover,.wd-swatch-wrap.wd-active) .wd-swatch.wd-text {
		background: transparent !important;
}

/*LABELS*/
.label-attribute-pa_coleccion {
	  font-size: 0.6rem !important;
		text-align: left !important;
		word-break: normal !important;
}
@media (max-width:768px) {
		.label-attribute-pa_coleccion {
			font-size: 0.45rem !important;
	}
}


/* ============================================================
   SIDEBAR OPENER
   ============================================================ */
@media (max-width:1024px) {
		body:not(.blog) .wd-sidebar-opener:not(.wd-on-toolbar) {
				top: 25px;
		}

		body.blog .wd-sidebar-opener:not(.wd-on-toolbar), 
		body.woodmart-archive-blog .wd-sidebar-opener:not(.wd-on-toolbar) {
				top: 25px;
		}

		body.single-post .wd-sidebar-opener:not(.wd-on-toolbar) {
				top: 25px;
		}
}


/* ============================================================
   PRODUCTOS EN LOOP
   ============================================================ */

/* ================================================
   PRODUCTO — Borde + Efecto Elevación Hover
   Solo en dispositivos > 1024px
   ================================================ */
/************** producto loop *****************/
.wd-product.wd-hover-parent {
	  border-radius: 5px;
	  padding-block-end: 20px
}

.wd-product.wd-hover-parent {
    box-shadow: none !important;
    border: 1px solid var(--brdcolor-gray-300);
    border-radius: var(--wd-brd-radius, 20px);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                border-color 0.35s ease;
    will-change: transform, box-shadow;
}
@media (min-width: 1025px) {
    .wd-product:hover {
        transform: translateY(-0px);
        box-shadow:
            0 2px 4px rgba(0, 0, 0, 0.02),
            0 6px 12px rgba(0, 0, 0, 0.04),
            0 12px 24px rgba(0, 0, 0, 0.03) !important;
    }
}

/*Bprde inferior imagen de productos*/
.wd-product-thumb {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/*.wd-product :is(.wd-product-cats) a {
    font-weight: 500;
}*/


/* Marca en loop */
/*.wd-product-brands-links {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.65rem !important;
}*/

/*.wd-product-brands-links a {
    color: var(--color-gray-800);
}

.wd-product-brands-links a:hover {
    color: var(--color-gray-500);
}*/


/* Stock bar in loop */
.woocommerce:not(.single-product) .wd-progress-bar .stock-info {
    font-size: 0.86rem;
}

.product-element-bottom .wd-progress-bar.wd-stock-progress-bar {
    border-top: 1px solid var(--brdcolor-gray-300);
    padding-top: 15px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

/*Swatches en loop*/
.wd-product .wd-swatch {
	padding-right: 4px;
	padding-left: 4px;
}

/**************Archivo de productos - Atributos*************************/
/*
 * titulo-seccion-atributo, wd-texto-auto-columnas, cards-seccion-atributo, acordeon-seccion-atributo, quote-seccion-atributo
 */
.wd-texto-auto-columnas {
    column-count: 2;
    column-gap: 40px; /* Espacio de separación entre las dos columnas */
    
    /* Configuración para el corte con guiones */
    text-align: justify; /* Justifica el texto para que los guiones queden perfectos */
    -webkit-hyphens: auto; /* Soporte para Safari */
    -ms-hyphens: auto;     /* Soporte para Internet Explorer/Edge antiguo */
    hyphens: auto;         /* Propiedad estándar para Chrome y Firefox */
}

/* En móviles se lee en una sola columna y sin guiones */
@media (max-width: 768px) {
    .wd-texto-auto-columnas {
        column-count: 1;
        text-align: justify; /* Justifica el texto para que los guiones queden perfectos */
				-webkit-hyphens: auto; /* Soporte para Safari */
				-ms-hyphens: auto;     /* Soporte para Internet Explorer/Edge antiguo */
				hyphens: auto; 
    }
}


/* ============================================================
   VARIACIONES DE TAMAÑO (pa_tamano) – FULL WIDTH + GRID
   ============================================================ */
.wd-product.wd-hover-small .atributo-tamano-loop-contenedor {display:none;}
.atributo-tamano-loop-contenedor {
    display: flex;
    justify-content: var(--wd-center);
}
span.atributo-tamano-loop.wd-swatch.wd-text {
    padding-bottom: 2px;
    font-size:0.7rem;
    color: #858585 !important;
    font-weight: normal;
}
/*span.atributo-tamano-loop.wd-swatch.wd-text:hover {
    border-bottom: 2px solid #000000;
}*/

.single-product .wd-swatch.wd-text {
    padding-left: 10px;
    padding-right: 10px;
}

.wd-product .reset_variations {
    display: none !important;
}





/* ============================================================
   CARRITO / CHECKOUT
   ============================================================ */







/* ============================================================
   BLOG
   ============================================================ */
/*Abridor menu*/
.icono-menu-blog img {
	width: 17px;
}

/***Altura igual de posts*****/
/* Grid container ya existe, solo necesitamos ajustar los items */
.wd-posts.wd-blog-holder {
    align-items: stretch; /* Asegura que todos los items tengan la misma altura */
}

.wd-posts.wd-blog-holder .wd-post {
    height: 100%;
}

.wd-posts.wd-blog-holder .wd-post .wd-post-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.wd-posts.wd-blog-holder .wd-post .wd-post-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.wd-posts.wd-blog-holder .wd-post .wd-post-excerpt {
    flex-grow: 1;
}

.wd-posts.wd-blog-holder .wd-post .wd-post-read-more {
    margin-top: auto;
}
.wd-blog-element .archive-meta {
		margin-top: -10px;
		margin-bottom: 35px;
}


/* ============================================================
   SINGLE POST
   ============================================================ */
/*@media only screen and (min-width:1024px) {
	.single-post .page-title > .container > .title, .single-post .page-title .wd-title-wrapp > .title {
    padding: 0 15%;
	}
}

@media only screen and (min-width:768px) {
		.single-post .wd-page-title .wd-post-meta {
		display:none !important;
	}
}
@media only screen and (max-width:768px) {
		.single-post .wd-page-title .wd-post-reply.wd-meta-reply {
			display:none !important;
	}
}*/

.single-post .wd-page-title h1.entry-title.title {
    max-width: 1000px;
}

.single-post h3:not(.wd-loop-prod-title) {
    font-size: 1.25rem !important;
}

.single-post .wd-product .wd-progress-bar {
	display: none;
}
.single-post .wd-product span.atributo-tamano-loop.wd-swatch.wd-text {
	font-size: 0.85rem;
	font-weight: 700;
}




/* ============================================================
   PÁGINAS
   ============================================================ */

/*********************** MÁS VENDIDOS *******************/
/*
 * 1. Inicialización del contador aislado.
 * Limitamos el reseteo del contador 'ranking-ventas' estrictamente a los contenedores
 * de productos que desciendan de la clase '.mas-vendidos'.
 * Esto evita fugas de estilo hacia otros loops de WooCommerce.
 */
.mas-vendidos .wd-products {
    counter-reset: ranking-ventas;
}

/*
 * 2. Incremento secuencial.
 * Se aplica el incremento a cada tarjeta de producto individual (.wd-product)
 * dentro del contexto delimitado, asegurando compatibilidad nativa con la carga AJAX.
 */
.mas-vendidos .wd-product {
    counter-increment: ranking-ventas;
}

/*
 * 3. Ajuste estructural del contenedor de información inferior.
 * Establecemos un contexto de posicionamiento relativo para contener el número absoluto.
 * El padding-top inyecta el espacio necesario para evitar la superposición de texto.
 */
.mas-vendidos .product-element-bottom {
    position: relative;
    padding-top: 55px !important;
    justify-content: end;
    align-items: end;
    text-align: right;
}

/*
 * 4. Renderizado del distintivo numérico (Pseudo-elemento).
 * Se inyecta el valor del contador directamente en el DOM mediante CSS.
 * Las propiedades z-index: 0 y pointer-events: none son críticas: garantizan
 * que este número decorativo no bloquee los clics hacia el producto ni interfiera
 * con la accesibilidad del enlace.
 */
.mas-vendidos .product-element-bottom::before {
    content: counter(ranking-ventas);
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 65px;
    font-weight: 800;
    line-height: 0.8;
    color: #e5e5e5; /* Base en gris claro para mantener la jerarquía visual */
    z-index: 0;
    pointer-events: none;
    font-family: var(--wd-title-font), sans-serif;
    transition: color 0.3s ease, opacity 0.3s ease;
}

.mas-vendidos .wd-product .price, .mas-vendidos .product.wd-product del {
		color: var(--color-gray-300);
}

/*
 * 5. Microinteracción UI (Integración de marca).
 * Al pasar el cursor sobre la tarjeta del producto, teñimos el número gris 
 * con el color principal de Mongo (#be0d57) usando una opacidad muy baja. 
 * Es un refuerzo visual pasivo que mejora el UX sin saturar el diseño minimalista.
 */
.mas-vendidos .wd-product:hover .product-element-bottom::before {
    color: var(--wd-primary-color, #be0d57);
}

/*6. Ocultar estrellas*/
.mas-vendidos .wd-star-rating {
    display: none !important;
}


/**************** NOVEDADES *******************/

/*
 * 1. Ajuste estructural del contenedor de información inferior.
 * Mantenemos el padding-top para crear el espacio visual donde 
 * se alojará la palabra "NOVEDAD" sin pisar el título del producto.
 */
.novedades .product-element-bottom {
    position: relative;
    padding-top: 55px !important;
    justify-content: end;
    align-items: end;
    text-align: right;
}

/*
 * 2. Renderizado del texto de fondo (Pseudo-elemento).
 * Inyectamos la palabra estática "NOVEDAD". 
 * Usamos clamp() para la tipografía: mínimo 30px en móviles, 
 * valor fluido basado en el viewport, y máximo 45px en escritorio.
 */
/*.novedades .product-element-bottom::before {
    content: "NOVEDAD";
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: clamp(30px, 8vw, 45px); 
    font-weight: 800;
    line-height: 0.8;
    color: var(--color-gray-200);
    z-index: 0;
    pointer-events: none;
    font-family: var(--wd-title-font), sans-serif;
    text-transform: uppercase;
    transition: color 0.3s ease, opacity 0.3s ease;
}*/

/* * 3. Adaptación del color del precio 
 */
.novedades .wd-product .price, 
.novedades .product.wd-product del {
    color: var(--color-gray-300);
}

/*
 * 4. Microinteracción UI (Hover).
 * Tinte con el color primario de la marca. Como es una palabra larga, 
 * añadir una leve transparencia (opacity: 0.15) ayuda a que no sature 
 * ni robe excesiva atención del botón de compra.
 */
/*.novedades .wd-product:hover .product-element-bottom::before {
    color: var(--wd-primary-color, #be0d57); 
}*/

/* * 5. Ocultar las estrellas de valoración para un diseño más limpio 
 */
.novedades .wd-star-rating {
    display: none !important;
}





/* ============================================================
   PLUGINS
   ============================================================ */



/* ============================================================
   EASY TABLE OF CONTENT
   ============================================================ */
#ez-toc-container {
    background: var(--color-white);
    border: 1px solid var(--brdcolor-gray-300);
    border-radius: var(--wd-brd-radius);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
	  margin-bottom: 2em;
}

div#ez-toc-container .ez-toc-title {
    margin-bottom: 10px;
    display: block;
	  color: var(--wd-title-color);
}

/* ============================================================
   MAILPOET
   ============================================================ */
p.comment-form-mailpoet {
    flex: 1 1 max(400px, 100%) !important;
}

#mailpoet_form_6 form.mailpoet_form {
    width: 90%;
    margin: auto;
}

/* ============================================================
   STRIPE
   ============================================================ */
.single-product .wd-sticky-btn.wd-quantity-overlap.wd-sticky-btn-shown div#wc-stripe-klarna-product-msg {
	  display:none !important;
}	

.single-product div.product .wc-stripe-bnpl-product-message {
    margin-bottom: -5px !important;
    margin-top: 5px !important;
}


/* ============================================================
   CONTACT FORM 7 / WPFORMS
   ============================================================ */
.wpforms-field {
    padding: 7px 0 !important;
}

.wpforms-container input.wpforms-field-medium {
    max-width: 100% !important;
}

.suscribirme-news, 
.campo-news {
    width: 100% !important;
}

/* ============================================================
   MXCHAT
   ============================================================ */

/* Botón widget abrir chat - desktop */
div#floating-chatbot-button-default img {
    height: 28px !important;
    width: 28px !important;
}

/* Chat abierto */
#floating-chatbot-default {
    border-radius: var(--wd-brd-radius);
}

@media (max-width: 1024px) {
    #floating-chatbot-default {
        border-radius: 0px;
        position: fixed !important;
    }
    
    div#floating-chatbot-button-default {
        visibility: hidden;
    }
}


/* Quitar border-radius del chatbot en móviles */
@media (max-width: 768px) {
    /* Atacamos el contenedor principal, el envoltorio y la caja interna */
    #floating-chatbot-default,
    .floating-chatbot,
    .mxchat-chatbot-wrapper,
    .mxchat-chatbot,
    .chatbot-top-bar {
        border-radius: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Específicamente la barra superior que tiene el color de fondo */
    .chatbot-top-bar {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
}

/* Deja solo la X y quita el texto 'Minimize' */
.exit-chat svg, 
.exit-chat span {
    display: none !important;
}

.exit-chat::before {
    content: '✕';
    font-size: 15px;
    font-weight: bold;
    display: block;
    padding: 5px;
}

/* Ajuste opcional para que el botón parezca más un círculo/cuadrado */
.exit-chat {
    min-width: 40px;
    display: flex;
    align-items: var(--wd-center);
    justify-content: var(--wd-center);
}


.chatbot-title-group {
    gap: 0;
}

p.chatbot-title {
    font-family: inherit !important;
}

/* Mensajes */
#chat-box-default {
    padding-top: 20px;
}

.bot-message, 
.user-message {
    box-shadow: none;
    font-size: 0.9rem;
    line-height: inherit;
    font-weight: inherit;
    border-radius: 0 var(--wd-brd-radius) var(--wd-brd-radius) !important;
}

.user-message {
    border-radius: var(--wd-brd-radius) 0px var(--wd-brd-radius) var(--wd-brd-radius) !important;
}

#mxchat-chatbot-default #chat-container-default #chat-box-default .bot-message {
    border: none;
    border-radius: 0 var(--wd-brd-radius) var(--wd-brd-radius);
    background: #f5f7f9;
    color: var(--wd-font-color);
}

.bot-message a, 
.bot-message a:hover {
    color: var(--wd-primary-color) !important;
}

.bot-message a:hover {
    opacity: 0.7;
}

#mxchat-chatbot-default #chat-container-default #input-container-default #chat-input-default {
    font-size: 15px !important;
    font-weight: 400;
    padding: 0.6em 0.5em;
}

.mpa-mxchat-disclaimer-box {
    font-size: 0.7rem;
    line-height: 1rem;
    background: #e8ebee;
    padding: 10px;
    border-radius: 15px;
    margin: 8px 0 0;
    border: none;
    color: inherit;
}

#mxchat-chatbot-default #chat-container-default #input-container-default #chat-input-default::placeholder {
    color: #979aab !important;
}

#mxchat-chatbot-default #chat-container-default #input-container-default {
    border: none;
    border-top: 1px solid var(--brdcolor-gray-300);
    border-radius: 0;
    margin: 0 15px;
}

@media (max-width: 1024px) {
    #mxchat-chatbot-default #chat-container-default #input-container-default {
        border: 1px solid var(--brdcolor-gray-300);
        border-radius: var(--wd-brd-radius);
        margin: 0 15px;
        padding: 0.4rem 0.3rem;
			  height: 45px;
        margin-bottom: 15px;
    }
    
    #mxchat-chatbot-default #chat-container-default #input-container-default #chat-input-default {
        max-height: 46px;
    }
}

a.woo-cart-checkout-btn, 
#woo-orders-dropdown .woo-orders-view-all-btn {
    background-color: var(--wd-primary-color) !important;
    border: none !important;
    color: #ffffff !important;
}

.mxchat-popular-questions-container {
    scrollbar-color: #ffffff #ffffff;
}

button.mxchat-popular-question {
    border-radius: var(--wd-brd-radius);
}

/* Footer */
#mxchat-chatbot-default .chat-toolbar {
    padding: 0 15px;
    margin-top: 7px;
    gap: 15px;
}

#mxchat-chatbot-wrapper-default .chatbot-footer .privacy-notice {
    color: #647491;
    padding-inline: 10px;
    margin-bottom: 10px;
    text-align: var(--wd-center);
}

#mxchat-chatbot-wrapper-default .chatbot-footer .privacy-notice a,
div#mxchat-chatbot-wrapper-mongo_affinity .chatbot-footer p.privacy-notice a {
    color: var(--wd-primary-color) !important;
}


span.chatbot-logo-icon {
    display: block;
    text-align: var(--wd-center);
    margin-top: 5px;
    font-size: 10px;
}

span.chatbot-logo-icon img {
    width: 53px;
    opacity: 0.6;
}

/* Woocommerce add-on */
.chat-toolbar .woo-cart-count {
    top: 4px;
    background-color: var(--wd-primary-color);
    font-weight: normal;
}

.chat-toolbar #woo-orders-btn {
    height: 14px !important;
    width: 14px !important;
}

#woo-orders-dropdown, 
#woo-cart-dropdown {
    font-family: inherit;
}

/* Estado pedidos personalizados */
#woo-orders-dropdown .status-en_reparto {
    background-color: #ebdab4;
    color: #bd860a;
}

/*Menú tres puntos*/
button.mxchat-header-btn.mxchat-menu-trigger {
    color: #000000 !important;
}

/*Product card*/
.mxchat-featured-item {
    font-family: 'goodly regular' !important;
}
.mxchat-chatbot-wrapper .mxchat-featured-btn-cart, .mxchat-chatbot-wrapper button.mxchat-featured-btn-cart {
    background: var(--wd-primary-color) !important;
	  font-weight: 700 !important;
    letter-spacing: .3px !important;
}


/* ============================================================
   MXCHAT MONGO AFFINITY - SINGLE PRODUCT
   ============================================================ */
.mpa-mxchat-toggle-wrap__inner {
    border-radius: 50px;
}
.mpa-mxchat-toggle-wrap__inner button {
    padding: 17px 10px;
}

div#mxchat-chatbot-wrapper-mongo_affinity:not(.floating-chatbot .mxchat-chatbot-wrapper) {
    height: auto;
    max-height: 500px;
	  min-height: 300px;
}

div#mxchat-chatbot-wrapper-mongo_affinity {
    border: 3px solid #e8e8e8;
    border-radius: var(--wd-brd-radius, 50px);
    box-shadow: none;
    padding: 5px;
}
div#exit-chat-button-mongo_affinity, #mxchat-chatbot-wrapper-mongo_affinity .chat-toolbar {
    display: none !important;
}
div#mxchat-chatbot-wrapper-mongo_affinity p, div#mxchat-chatbot-wrapper-mongo_affinity li {
    font-size: 0.9rem;
    line-height: 1.3rem;
}
div#mxchat-chatbot-wrapper-mongo_affinity .mxchat-chatbot .bot-message, div#mxchat-chatbot-wrapper-mongo_affinity .mxchat-chatbot .bot-message p, div#mxchat-chatbot-wrapper-mongo_affinity .mxchat-chatbot .bot-message div, div#mxchat-chatbot-wrapper-mongo_affinity .mxchat-chatbot .bot-message span, div#mxchat-chatbot-wrapper-mongo_affinity .mxchat-chatbot .bot-message li {
    color: #3f3f3f !important;
}
div#mxchat-chatbot-wrapper-mongo_affinity .mxchat-chatbot .chat-container .input-container {
    border: 1px solid #d6d6d6;
    border-radius: 50px !important;
    margin: 0 8px 10px !important !important;
}
div#mxchat-chatbot-wrapper-mongo_affinity .chatbot-footer p.privacy-notice {
    font-size: 0.7rem !important;
}
div#mxchat-chatbot-wrapper-mongo_affinity .chat-container .input-container .chat-input {
    height: 45px !important;
    padding: 10px 15px !important;
}
div#mxchat-chatbot-wrapper-mongo_affinity .chat-container .input-container .chat-input::placeholder {
	  font-size:0.8rem;
	  color: #3f3f3f;
}


@media (max-width:768px) {
		div#chat-box-mongo_affinity {
			padding: 0;
		}
	  div#mxchat-chatbot-wrapper-mongo_affinity p, div#mxchat-chatbot-wrapper-mongo_affinity li {
				font-size: 0.8rem;
				line-height: 1.2rem;
		}
	  div#mxchat-chatbot-wrapper-mongo_affinity {
				padding: 13px 10px 5px;
				border: 2px solid #e8e8e8 !important;
				border-radius: var(--wd-brd-radius, 20px) !important;
		}
		div#mxchat-chatbot-wrapper-mongo_affinity .chatbot-footer p.privacy-notice {
				line-height: 0.8rem;
		}
		div#mxchat-chatbot-wrapper-mongo_affinity .mxchat-chatbot .chat-container .input-container {
				margin: 0 0 10px !important;
		}
}



/* ============================================================
   MXCHAT + WOO PANELS: Configuración de Scroll y Pantalla Completa
   Optimización: Rigurosidad UX/UI para www.mongo.es
   ============================================================ */

/* 1. Bloqueo de Pull-to-Refresh y Scroll de fondo (SOLO MÓVIL) */
@media (max-width: 768px) {
    html.mxchat-panel-open {
        overscroll-behavior-y: none !important;
    }

    body.mxchat-panel-open {
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
        overscroll-behavior-y: none !important;
        /* FIX iOS: Previene saltos inesperados en el scrollbar de fondo */
        top: 0;
        left: 0;
    }
}

/* 2. Ajustes para Móvil (Pantalla Completa) */
@media (max-width: 768px) {
    .floating-chatbot.visible,
    #floating-chatbot-default, /* Selector específico para asegurar el fix */
    #woo-cart-dropdown.active,
    #woo-orders-dropdown.active {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        margin: 0 !important; 
        padding: 0 !important; 
        box-sizing: border-box !important; 
        width: 100% !important;
        max-width: 100% !important;
        
        /* FIX ALTURA: Forzamos 100% dinámico y eliminamos restricciones de 16px */
        height: 100dvh !important; 
        max-height: 100dvh !important; 
        
        z-index: 999999 !important;
        border-radius: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        background-color: var(--color-white) !important; 
    }

    /* Forzar que el envoltorio del chat sea flexible y ocupe todo el espacio disponible */
    .floating-chatbot.visible .mxchat-chatbot-wrapper,
    #mxchat-chatbot-wrapper-default {
        height: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
    }

    /* 3. CONTENEDORES DE SCROLL INTERNO */
    #chat-box-default,
    .woo-cart-items-container,
    .woo-orders-items-container {
        flex: 1 1 auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important; 
        overscroll-behavior-y: contain !important; 
        touch-action: pan-y !important;
        min-height: 0;
    }

    /* Detalle UI: Scrollbar con color de identidad de marca */
    #chat-box-default::-webkit-scrollbar,
    .woo-cart-items-container::-webkit-scrollbar {
        width: 4px;
    }
    #chat-box-default::-webkit-scrollbar-thumb,
    .woo-cart-items-container::-webkit-scrollbar-thumb {
        background-color: var(--wd-primary-color);
        border-radius: var(--wd-brd-radius);
    }
}

/* 4. Limpieza de interferencias táctiles */
#chat-box-default *,
.woo-cart-items-container *,
.woo-orders-items-container * {
    touch-action: auto !important;
}

/* Fix específico para estructura de Woodmart */
#woo-cart-dropdown.active .woo-cart-items-container,
#woo-orders-dropdown.active .woo-orders-items-container {
    display: block !important;
}

/* 5. Corrección para Escritorio: Evitar que el panel de chat flote incorrectamente */
@media (min-width: 769px) {
    body.mxchat-panel-open {
        overflow: auto !important; 
        position: static !important; 
    }
    
    .floating-chatbot.visible {
        max-height: 600px;
        bottom: 20px !important;
        right: 20px !important;
        width: 400px !important;
    }
}



/* ============================================================
   A–Z INDEX (INGREDIENTES/MARCAS)
   ============================================================ */
.az-index-wrapper {
    padding: 20px 20px 50px;
    max-width: 1200px;
    margin: auto;
    font-family: inherit, -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
    color: #1c1c1e;
}

.az-navigation-sticky {
    background: var(--color-white);
    padding: 0 !important;
    border-bottom: none !important;
    transition: box-shadow .25s ease, height .2s ease, width .2s ease;
    border-radius: 4px;
}

.az-navigation-sticky.fixed {
    height: 65px !important;
    width: 100% !important;
    position: fixed !important;
    left: 0;
    right: 0;
    z-index: 99 !important;
    background: var(--color-white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: var(--wd-center);
    border-radius: 4px;
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.az-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--wd-center);
    align-items: var(--wd-center);
    gap: 6px;
    padding: 0 !important;
    overflow-x: visible;
}

.az-nav-letter {
    padding: 6px 12px;
    border-radius: 50px;
    border: 1px solid var(--brdcolor-gray-300);
    background: var(--color-white) !important;
    font-size: 18px;
    font-weight: 500;
	  font-family: 'Goodly Medium';
    text-transform: lowercase;
    cursor: pointer;
    transition: all .2s ease;
    color: #000 !important;
    line-height: 1;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: var(--wd-center);
    justify-content: var(--wd-center);
	  min-width: 40px;
    flex-shrink: 0;
    padding: 0px;
    border-radius: 50%;
}

.az-nav-letter:not(.active) {
    display: none !important;
}

.az-nav-letter.current {
    background: var(--wd-primary-color) !important;
    border-color: var(--wd-primary-color) !important;
    color: var(--color-white) !important;
}

.az-nav-letter.disabled {
    opacity: .25;
    pointer-events: none;
}

@media (max-width: 768px) {
    .az-navigation {
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 10px;
        padding: 0 !important;
    }

    .az-navigation::-webkit-scrollbar {
        display: none;
    }

    .az-nav-scrollbar {
        width: 100%;
        height: 6px;
        margin-top: 8px;
        background: rgba(0, 0, 0, 0.08);
        border-radius: 4px;
        position: relative;
        opacity: 1;
    }

    .az-nav-scrollbar-thumb {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: var(--wd-primary-color);
        border-radius: 4px;
        opacity: 0;
        transition: transform .15s linear, width .25s ease, opacity .2s;
    }
}

.az-group {
    margin-top: 70px;
    scroll-margin-top: 200px;
}

.az-group-title {
    font-size: 42px;
    font-weight: 700;
	  font-family: 'Goodly Regular';
    text-transform: lowercase;
    margin-bottom: 28px;
    color: #000;
    opacity: .85;
    transform-origin: left center;
    transition: transform .60s cubic-bezier(0.22, 0.8, 0.36, 1), color .45s ease, opacity .40s ease;
}

.az-group-title.in-focus {
    transform: scale(1.8);
    color: var(--wd-primary-color);
    opacity: 1;
}

.az-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 22px;
    align-items: stretch;
}

.az-card {
    background: var(--color-white);
    border-radius: var(--wd-brd-radius);
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform .2s ease, box-shadow .25s ease;
}

.az-card--hidden {
    display: none !important;
}

.az-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 8px 18px rgba(0, 0, 0, 0.08);
}

.az-card-inner {
    padding: 20px 22px;
    display: flex;
    flex: 1;
    align-items: var(--wd-center);
    justify-content: space-between;
}

.az-card-title {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.2;
    display: flex;
    align-items: var(--wd-center);
}

.az-card-arrow {
    font-size: 20px;
    opacity: .4;
    color: var(--wd-primary-color);
    transition: transform .2s ease, opacity .2s ease;
}

.az-card:hover .az-card-arrow {
    opacity: 1;
    transform: translateX(4px);
}

@media (max-width: 600px) {
    .az-group-title {
        font-size: 32px;
    }
    
    .az-card-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}

/* Marcas */
.az-card-grid-brand {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.az-brand-logo-wrap {
    width: 70px;
    height: 70px;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: var(--wd-center);
    justify-content: var(--wd-center);
    transition: transform .25s ease;
    box-shadow: none !important;
}

.az-brand-logo {
    width: 70px;
    height: 70px;
    object-fit: contain;
    opacity: .5;
    filter: grayscale(100%);
    transition: opacity .25s ease, filter .25s ease;
}

.az-card-brand:hover .az-brand-logo-wrap {
    transform: scale(1.2);
}

.az-card-brand:hover .az-brand-logo {
    opacity: 1;
    filter: grayscale(0%);
}




/****************CARRITO******************/
.woocommerce-cart .wd-content-area.site-content {
    margin-top: 30px;
}
/*.wc-block-components-quantity-selector {
    width: auto;
    border: none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    font-size: 15em;
}
@media (min-width: 768px) {
    .sticky-column-gutenberg {
        position: sticky;
        top: 110px;
        align-self: flex-start;
        background: var(--color-white);
        padding: 20px;
        border: 1px solid hsla(0,0%,7%,.11);
        border-radius: 5px;
    }
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    font-size: 1rem;
    font-weight: 600;
}
.wc-block-components-product-badge {
    font-size: 0.7rem;
	  border-radius: 3px;
}*/

/***************FINALIZAR COMPRA********************/
/*.wc-block-components-panel__button {
    font-weight: bold;
    color: var(--wd-primary-color);
}*/

/*Formulario*/
/*.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
    top: 16px;
}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-form .wc-block-components-text-input.is-active input[type=email], .wc-block-components-form .wc-block-components-text-input.is-active input[type=number], .wc-block-components-form .wc-block-components-text-input.is-active input[type=password], .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-form .wc-block-components-text-input.is-active input[type=text], .wc-block-components-form .wc-block-components-text-input.is-active input[type=url], .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-text-input.is-active input[type=email], .wc-block-components-text-input.is-active input[type=number], .wc-block-components-text-input.is-active input[type=password], .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-text-input.is-active input[type=text], .wc-block-components-text-input.is-active input[type=url] {
    padding: 34px 9px 18px;
}
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
    padding: 26px 12px;
}
.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill:focus, .wc-block-components-form .wc-block-components-text-input.is-active input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input.is-active input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input.is-active input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input.is-active input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input.is-active input[type=url]:focus, .wc-block-components-text-input input:-webkit-autofill:focus, .wc-block-components-text-input.is-active input[type=email]:focus, .wc-block-components-text-input.is-active input[type=number]:focus, .wc-block-components-text-input.is-active input[type=password]:focus, .wc-block-components-text-input.is-active input[type=tel]:focus, .wc-block-components-text-input.is-active input[type=text]:focus, .wc-block-components-text-input.is-active input[type=url]:focus {
    padding-top: 34px;
}
.wc-block-components-form .wc-block-components-text-input label, .wc-blocks-components-select .wc-blocks-components-select__label {
    font-weight: 600;
}
.wc-blocks-components-select .wc-blocks-components-select__container {
    margin-bottom: 20px;
}
.wc-block-components-address-card__edit {
    --btn-padding: 5px 10px;
}

span.wc-block-components-payment-method-label {
    font-weight: 600;
	  font-size:0.9rem;
}

.wc-block-components-shipping-rates-control .wc-block-components-radio-control__label-group .wc-block-components-radio-control__label {
    display: inline;
    flex: 1;
    font-size: 0.9rem;
    font-weight: 600;
}

.wc-stripe-blocks-payment-method__desc+.wc-stripe-blocks-payment-method-content {
    margin-bottom: 10px;
}

.wp-block-woocommerce-checkout .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control .wc-block-components-radio-control__input {
    top: 23px;
}




@media (min-width:1024px) {
   div.is-large .wc-block-checkout__sidebar {
    top: calc(var(--wd-admin-bar-h) + var(--wd-header-sticky-h) + 120px);
   }
}
@media (max-width:768px) {
	.wp-block-woocommerce-checkout {
			padding-top: 0;
			margin-top: -38px !important;
	}
	.wc-block-components-shipping-rates-control .wc-block-components-radio-control__label-group {
    flex-direction: row !important;
		align-items: var(--wd-center) !important;
  }
}*/
/* ============================================================
   FIBOSEARCH — CONSOLIDADO (auditoría 2026-09-09)
   Antes este bloque (deshabilitado) se repetía casi verbatim en
   los campos Desktop, Tablet y Wide Mobile del panel de WoodMart,
   cada copia con sus propios valores por breakpoint. Se consolida
   aquí, una sola vez, usando @media, para que si se reactiva en
   el futuro solo haya un sitio que mantener. Se conserva
   deshabilitado (comentado) tal como estaba en los tres campos
   originales — no se ha activado ningún estilo nuevo.
   ============================================================ */
/*
@media (min-width: 1025px) {
  div.whb-with-bg .dgwt-wcas-sf-wrapp, div.whb-with-bg .wd-header-search-form { padding: 0 !important; }
  .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { padding: 10px 24px 10px 19px !important; font-size: 14px !important; border: 1px solid #858585 !important; font-family: inherit !important; color: var(--wd-text-color) !important; }
  .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover, .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus { border-color: var(--wd-primary-color) !important; }
  .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { height: 39px !important; width: 39px !important; left: auto !important; right: 3.5px !important; top: 3.5px !important; background: var(--wd-primary-color) !important; }
  div.whb-without-bg .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { height: 39px !important; width: 39px !important; left: auto !important; right: 14px !important; top: 13px !important; background: var(--wd-primary-color) !important; }
  .dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path { fill: #fff !important; }
  div.whb-without-bg .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon { min-width: unset !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 40px !important; width: 40px !important; color: var(--wd-header-el-color) !important; line-height: 1 !important; padding-inline: 10px !important; background: transparent !important; border-radius: 50% !important; }
  div.whb-without-bg .dgwt-wcas-ico-magnifier, div.whb-without-bg .dgwt-wcas-ico-magnifier-handler, html:not(.dgwt-wcas-overlay-mobile-on) div.whb-without-bg .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon { max-width: unset !important; }
  div.whb-without-bg .dgwt-wcas-search-icon path { fill: var(--wd-main-bgcolor) !important; }
  div.whb-without-bg .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input, div.whb-without-bg .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover, div.whb-without-bg .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus { color: var(--wd-text-color) !important; }
  .dgwt-wcas-style-pirx .dgwt-wcas-voice-search { right: 45px; }
  .whb-without-bg .dgwt-wcas-style-pirx .dgwt-wcas-voice-search { right: 55px; }
  .dgwt-wcas-style-pirx .dgwt-wcas-voice-search svg path, .dgwt-wcas-style-pirx.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path { fill: #cecece; }
  html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-search-form { padding: 15px; background: #ffffff; border-radius: 200px; }
}

@media (max-width: 1024px) {
  div.whb-without-bg .dgwt-wcas-ico-magnifier, div.whb-without-bg .dgwt-wcas-ico-magnifier-handler, html:not(.dgwt-wcas-overlay-mobile-on) div.whb-without-bg .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon, div.whb-with-bg .dgwt-wcas-ico-magnifier, div.whb-with-bg .dgwt-wcas-ico-magnifier-handler, html:not(.dgwt-wcas-overlay-mobile-on) div.whb-with-bg .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon { max-width: unset !important; }
  div.whb-without-bg .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon, div.whb-with-bg .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon { min-width: unset !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 40px !important; width: 40px !important; line-height: 1 !important; padding-inline: 10px !important; }
  div.whb-without-bg .dgwt-wcas-search-wrapp, div.whb-with-bg .dgwt-wcas-search-wrapp { min-width: unset !important; }
  div.whb-without-bg .dgwt-wcas-search-icon path { fill: var(--wd-main-bgcolor) !important; }
  .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { padding: 5px 10px 5px 10px !important; font-size: 12px !important; font-family: inherit !important; border: 1px solid #858585 !important; text-align: center !important; border-radius: 3px !important; }
  .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit { top: 12px !important; transform: scale(0.8) !important; left: 24px !important; }
  div.whb-with-bg .dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path, .dgwt-wcas-style-pirx .dgwt-wcas-voice-search svg path { fill: #cacaca !important; }
  .dgwt-wcas-style-pirx .dgwt-wcas-voice-search { right: 10px !important; transform: scale(0.8) !important; }
  .dgwt-wcas-overlay-mobile .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { border: none !important; text-align: left !important; }
  .dgwt-wcas-overlay-mobile .dgwt-wcas-sf-wrapp { background-color: transparent !important; }
  .dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar { border-bottom: 1px solid !important; height: 46px !important; }
  .dgwt-wcas-overlay-mobile .dgwt-wcas-voice-search svg path { fill: var(--wd-text-color) !important; }
  .whb-without-bg .whb-sticky-header .wd-tools-element.wd-header-mobile-nav.wd-style-icon + .wd-tools-element, header .whb-without-bg .wd-header-wishlist.wd-tools-element { display: none !important; }
}
*/
@media (min-width: 1025px) {
	/* ============================================================
   ESCRITORIO — reglas activas
   Limpieza 2026-09-09: se retiró el CSS comentado/deshabilitado
   (experimentos de diseño descartados: tools-element, banner,
   product-label, mega-menú, popup de cookies, selector de
   categorías, FiboSearch, "DISEÑO SOLARIS"). El bloque FiboSearch
   quedó consolidado en el CSS Global con @media (ver esa sección);
   aquí ya no se repite. Solo queda lo que realmente se aplica en
   este breakpoint.
   ============================================================ */

/* Contenedor / cabecera */
.container, .container-fluid { padding-inline: 65px; }
.wd-logo img { margin-bottom: -7px; }

/* Acordeón de pestañas de producto */
.tabs-layout-accordion .wc-tab-inner.wd-scroll-content { max-height: 100% !important; }

/* Archivo / listado — categorías en título de página */
body.archive.woocommerce .wd-nav-product-cat > li > a { font-size: 13px !important; font-weight: 300 !important; }

/* Producto individual — selector de cantidad */
.single-product div:not(.wd-sticky-btn-shown) div.quantity input[type="number"],
.product-quick-view div.quantity input[type="number"] { font-size: 15px; width: 42px; }

}

@media (min-width: 768px) and (max-width: 1024px) {
	/* ============================================================
   TABLETA — reglas activas
   Limpieza 2026-09-09: se retiró el CSS comentado/deshabilitado
   (carrito, breadcrumbs, cabecera de categoría, acordeón, botón
   sticky de añadir al carrito, reviews/related/FBT, FiboSearch).
   El bloque FiboSearch quedó consolidado en el CSS Global con
   @media; aquí ya no se repite. Solo queda la barra de navegación
   inferior móvil, que sí está en uso en este breakpoint.
   ============================================================ */

/* Navegación inferior móvil (toolbar) */
.wd-toolbar-link .wd-custom-icon img { height: 23px !important; }
.wd-toolbar-label { text-transform: uppercase !important; font-size: 0.55rem !important; }

}

@media (min-width: 577px) and (max-width: 767px) {
	/* ============================================================
   PAISAJE MÓVIL (WIDE MOBILE) — reglas activas
   Limpieza 2026-09-09: se retiró el CSS comentado/deshabilitado
   (cabecera, breadcrumb, divisor, archive loop, botón sticky de
   añadir al carrito, reviews/related/FBT, FiboSearch). El bloque
   FiboSearch quedó consolidado en el CSS Global con @media; aquí
   ya no se repite.
   ============================================================ */

/* Navegación inferior móvil (toolbar) */
.wd-toolbar-link .wd-custom-icon img { height: 23px !important; }
.wd-toolbar-label { text-transform: uppercase !important; font-size: 0.55rem !important; }

/* ============================================================
   MXCHAT
   ============================================================ */
/* Oculta el botón flotante del chatbot MXChat específicamente en
   este breakpoint (paisaje móvil). Si el chatbot deja de aparecer
   o desaparece donde no debería, revisar esta regla. */
div#floating-chatbot-button { visibility: hidden !important; }

}

@media (max-width: 576px) {
	/* ============================================================
   MÓVIL — reglas activas
   Limpieza 2026-09-09: se retiró el CSS comentado/deshabilitado
   (experimentos de diseño descartados: contadores de carrito,
   breadcrumbs, popups, FiboSearch, etc.). Solo queda lo que
   realmente se aplica en este breakpoint.
   ============================================================ */

/* Header / logo */
.wd-logo img { margin-bottom: -5px; }

/* Navegación inferior móvil (toolbar) */
.wd-toolbar-link .wd-custom-icon img { height: 23px !important; }
.wd-toolbar-label { text-transform: uppercase !important; font-size: 0.57rem !important; font-weight: 600 !important; }

/* Archivo / listado de productos */
p.woocommerce-result-count { font-size: 14px; }
.atributo-tamano-loop { font-size: 0.84rem !important; }
.wd-swatches-product.wd-text-style-4 .wd-swatch-text, .atributo-tamano-loop { padding: 0 10px; }
.woocommerce .wd-progress-bar .stock-info { font-size: 0.75rem !important; }

/* Producto individual */
.sticky-toolbar-on .wd-sticky-btn { height: auto; }
body.single-product .wd-single-action-btn .wd-action-btn > a { font-size: 0.85rem; }

/* WooCommerce loop (media query interna del propio campo) */
@media (max-width: 768px) {
  body.archive .wd-timer > span { font-size: 1rem !important; }
}

}