@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.mongo.es/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.4.1") format("woff2");
	font-display:swap;
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.mongo.es/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.mongo.es/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.mongo.es/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.mongo.es/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.mongo.es/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.mongo.es/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.mongo.es/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.mongo.es/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Outfit", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: rgb(39,39,39);
	--wd-text-font-size: 16px;
	--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: 13px;
	--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-weight: 700;
	--btn-default-transform: uppercase;
	--btn-default-bgcolor: rgb(247,247,247);
	--btn-default-bgcolor-hover: rgb(239,239,239);
	--btn-accented-font-weight: 700;
	--btn-accented-transform: uppercase;
	--btn-accented-bgcolor: rgb(190,13,87);
	--btn-accented-bgcolor-hover: rgb(159,11,73);
	--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: 60px;
}
.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 {
	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-weight: 500;
	font-size: 50px;
}
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 {
	font-weight: 700;
	font-size: 38px;
	line-height: 39px;
}
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 a {
	font-weight: 700;
	font-size: 18px;
}
html .wd-product .price, html .product.wd-product del {
	font-size: 16px;
}
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: 500;
	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-size: 22px;
}
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: 19px;
}
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;
}
body.single-post p strong {
	font-weight: 600;
}
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);
}
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);
}
.product-labels .product-label.onsale {
	background-color: rgb(190,13,87);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(0,168,150);
	color: rgb(255,255,255);
}
.product-labels .product-label.featured {
	background-color: rgb(255,107,107);
	color: rgb(255,255,255);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(18,3,9);
	color: rgb(255,255,255);
}
.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: 16px;
	--wd-sticky-btn-height: 65px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 40px;
	}
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 36px;
	line-height: 37px;
	}
	.payment_methods li>label {
		font-size: 15px;
	}
	html .wd-product .wd-entities-title a {
		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: 22px;
	}
	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;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 16px;
	--wd-sticky-btn-height: 65px;
	}
	.progress-msg {
		font-size: 13px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 30px;
	}
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 32px;
	line-height: 33px;
	}
	.payment_methods li>label {
		font-size: 14px;
	}
	html .wd-product .wd-entities-title a {
		font-size: 16px;
	}
	html .wd-product .price, html .product.wd-product del {
		font-size: 15px;
	}
	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-size: 17px;
	}
	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: 21px;
	}
	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;
	}

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


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;
}

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

/* ============================================================
   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%);
}

/* ============================================================
   ELEMENTOS BASE
   ============================================================ */
.custom_code {
    min-width: 500px !important;
}

strong, 
b {
    font-weight: 700;
}

[class*="wd-swatches"].wd-size-xxl {
    --wd-swatch-text-size: 1rem !important;
}

/* ============================================================
   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: 12px;
}

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

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

nav.rank-math-breadcrumb p {
    margin-bottom: 0;
}

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

.wd-el-breadcrumbs.text-center .rank-math-breadcrumb p {
    text-align: center !important;
}

/* ============================================================
   TEXTOS JUSTIFICADOS
   ============================================================ */
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;
}

/* ============================================================
   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);
}

/* CUANDO EL OVERLAY ESTÁ ABIERTO - FONDO SÓLIDO SIN BLUR */
/*body:has(.wd-close-side-opened) .whb-header .whb-row.whb-with-bg.whb-color-dark,
body:has(.wd-close-side-opened) .whb-sticky-header.whb-clone .whb-row.whb-with-bg.whb-color-dark,
body:has(.woodmart-close-side-opened) .whb-header .whb-row.whb-with-bg.whb-color-dark,
body:has(.woodmart-close-side-opened) .whb-sticky-header.whb-clone .whb-row.whb-with-bg.whb-color-dark {
    background-color: rgb(255, 255, 255) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body:has(.wd-close-side-opened) .whb-sticked .whb-color-light:not(.whb-with-bg),
body:has(.woodmart-close-side-opened) .whb-sticked .whb-color-light:not(.whb-with-bg) {
    background-color: rgb(190, 13, 87) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}*/

.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;
}

/*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: #ffffff !important;
}

/*.whb-header:not(.whb-overcontent) .whb-row.whb-with-bg .wd-header-cart.wd-design-3 .wd-cart-subtotal .amount, 
.whb-sticky-header.whb-clone .whb-row.whb-with-bg.whb-color-dark .wd-header-cart.wd-design-3 .wd-cart-subtotal .amount {
    color: var(--wd-primary-color) !important;
}*/

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

/* Iconos cabecera */
.contacto-icon::before {
    content: "\f125";
    font-family: "woodmart-font";
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    color: #ffffff;
}

.descubre-icon::before {
    content: "\f13";
    font-family: "woodmart-font";
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    color: #ffffff;
}

/* Header links - blog y contacto */
.icono-blog-cabecera.menu-item a.woodmart-nav-link:before, 
.icono-contacto-cabecera.menu-item a.woodmart-nav-link:before,
.icono-novedades-cabecera.menu-item a.woodmart-nav-link:before {
    font-family: "woodmart-font";
    font-weight: 400;
    font-size: 1.2rem;
    margin-right: 5px;
}

.icono-blog-cabecera.menu-item a.woodmart-nav-link:before {
    content: "\f13";
}

.icono-contacto-cabecera.menu-item a.woodmart-nav-link:before {
    content: "\f125";
}
.icono-novedades-cabecera.menu-item a.woodmart-nav-link:before {
    content: "\f12b";
}

/*Top bar en movil - Header overlap*/
/* Contenedor del menú top bar móvil */
#menu-mobile-top-bar {
    display: flex !important;
    width: 100% !important;
    justify-content: space-evenly !important;
    align-items: center !important;
    padding: 0 15px !important;
    margin: 0 !important;
}

/* Items del menú */
#menu-mobile-top-bar > li {
    flex: 1 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Enlaces */
#menu-mobile-top-bar > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Texto del enlace */
#menu-mobile-top-bar > li > a .nav-link-text {
    font-size: 12px !important; /* Reducir tamaño si es necesario */
    white-space: nowrap !important;
}





/* Mobile menu logo on top */
.mobile-nav .wd-heading, 
.widgets-categoria .wd-heading {
    justify-content: space-between;
    align-items: 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;
}
/*Enlaces mobile menu en widget*/
.mobile-footer-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* gap: 13px; */
    width: 100%;
    /* max-width: 350px; */
    margin: 0 auto;
    padding: 0 0 20px;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.08); */
}

.mobile-footer-link {
    color: #1a1a1a;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 300;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    padding: 8px 11px;
    transition: all 0.3s ease;
    position: relative;
}

.mobile-footer-link:hover,
.mobile-footer-link:active {
    color: #e91e63;
}

.mobile-footer-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 100%;
    height: 1px;
    background-color: #e91e63;
    transition: transform 0.3s ease;
}

.mobile-footer-link:hover::after,
.mobile-footer-link:active::after {
    transform: translateX(-50%) scaleX(1);
}

.menu-divider {
    width: 1px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.12);
}

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

.create-account-question p {
  text-align: center !important;
}

/* ============================================================
   EQUAL HEIGHT CARDS - INFO BOX
   ============================================================ */

.vc_row.cards-equal-height .vc_column-inner .wpb_wrapper,
.vc_row.cards-equal-height .vc_column-inner .wpb_wrapper .info-box-wrapper, 
.vc_row.cards-equal-height .vc_column-inner .wpb_wrapper .info-box-wrapper .wd-info-box,
.vc_row.cards-equal-height .vc_column-inner .wpb_wrapper .wd-carousel-container,
.vc_row.cards-equal-height .vc_column-inner .wpb_wrapper .wd-carousel-container .wd-carousel-inner,
.vc_row.cards-equal-height .vc_column-inner .wpb_wrapper .wd-carousel-container .wd-carousel-inner .wd-carousel {
    height: 100% !important;
}

/* ============================================================
   TOOLTIP
   ============================================================ */
.woodmart-tltp span.woodmart-tooltip-label,
div.tooltip-inner {
    font-size: 15px !important;
    max-width: 300px !important;
    font-weight: 300 !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

/* ============================================================
   IMAGEN HOTSPOT
   ============================================================ */
.hotspot-content .wd-entities-title {
    font-weight: 700;
}

/* ============================================================
   STAR RATING
   ============================================================ */
.star-rating span:before {
    color: #ffa445 !important;
    color: #f39c12 !important;	
}

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

@media (max-width: 1024px) {
    .wd-header-overlap .wd-page-title {
        padding-block: 143px 103px;
    }
}


/* ============================================================================
   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;
    }
}






body:not(.single-post) .wd-page-title-bg::before, .woocommerce .archivo-atributo-titulo::before  {
  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::before {
		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::before {
		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;
}



/* ============================================================
   SIZE GUIDE
   ============================================================ */
.wd-sizeguide-title {
    font-size: 19px !important;
    font-weight: 300 !important;
    display: none !important;
}

.sizeguide-paso-rutina-titulo {
    margin-bottom: 15px;
    font-weight: 600;
}

.sizeguide-paso-rutina-titulo strong {
    padding: 5px 10px;
    background: var(--wd-primary-color);
    border-radius: 3px;
    color: #fff;
    font-size: 0.9rem;
    margin-right: 5px;
}

.wd-sizeguide-icon > a:before {
    content: "\f11a" !important;
    font-family: "woodmart-font" !important;
    font-weight: 400 !important;
}

table.wd-sizeguide-table {
    display: none !important;
}

.wd-sizeguide-table td {
    text-align: left !important;
}

.wd-sizeguide-table td:nth-child(1) {
    width: 20% !important;
}

/* ============================================================
   ARCHIVO PRODUCTO / SHOP
   ============================================================ */
/* ============================================
   SIDEBAR STICKY EN DESKTOP + OFF-CANVAS EN MÓVIL
   ============================================ */

/* DESKTOP: Sidebar fija al hacer scroll */
@media (min-width: 1025px) {
    .sidebar-sticky-desktop .vc_column-inner {
        position: sticky !important;
        top: 10px; /* Ajusta según altura de tu header */
        align-self: flex-start;
        /*max-height: 100vh;
			  overflow-y: auto;*/
    }
    
    /* Scrollbar personalizado - solo visible cuando necesario */
    .sidebar-sticky-desktop .vc_column-inner::-webkit-scrollbar {
        width: 6px;
    }
    
    .sidebar-sticky-desktop .vc_column-inner::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .sidebar-sticky-desktop .vc_column-inner::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.2);
        border-radius: 3px;
    }
    
    .sidebar-sticky-desktop .vc_column-inner:hover::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.4);
    }
		.sidebar-sticky-desktop .wd-widget-collapse {
				margin-bottom: 19px;
				padding-bottom: 19px;
		}
}

/* MÓVIL: Off-canvas behavior + prevenir flash */
@media (max-width: 1024px) {
    .sidebar-sticky-desktop,
    .sidebar-sticky-desktop.wd-off-canvas,
    .vc_column_container.sidebar-sticky-desktop {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateX(-100%) !important;
    }
    
    .sidebar-sticky-desktop.wd-opened,
    .sidebar-sticky-desktop.wd-off-canvas.wd-opened {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(0) !important;
        transition: transform 0.3s ease, opacity 0.3s ease !important;
    }
}

/* Precios con descuento */
/*.price ins .amount {
    color: var(--wd-primary-color) !important;
}*/

/* Precios Amazon like */
.amz-price-main {
    font-weight: 700;
    font-size: 1em;
}

.amz-price-sup {
    font-size: 0.65em !important;
    font-weight: 600;
    vertical-align: 1.8px;
}

/* Category header */
#archivo-scroll-top .divisor-titulo-categoria {
    margin-top: -50px;
}

body.woocommerce-shop .wd-page-title, body.tax-product_cat .wd-page-title, body.archive.woocommerce .wd-page-title {
    padding-block: 200px 110px !important;
}

.wd-back-btn.wd-action-btn.wd-style-icon {
    display: none;
}

/*Categorías en título de tienda*/
.wd-nav-product-cat .wd-dropdown li a {
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Shop widget */
body.archive.woocommerce .widget-title {
    font-size: 16px !important;
    font-weight: 600 !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: 19px !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: 1rem !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: 0.9rem !important;
    font-weight: 300;
    color: var(--color-gray-500);
	  padding-top: 3px;
}
.wd-swatches-filter.wd-filter-list .wd-swatch.wd-text {
    border: 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;
}

/* Forzar cierre del Product Categories Filter */
    /* Ocultar contenido al cargar */
    .woodmart-product-categories-widget.initially-open .wd-widget-content,
    .woodmart-product-categories-widget.initially-open .widget-content-wrapp,
    .wd-widget-filter.initially-open .wd-widget-content {
        display: none !important;
    }
    
    /* Cambiar icono del título a "cerrado" */
    .woodmart-product-categories-widget.initially-open .widget-title,
    .wd-widget-filter.initially-open .widget-title {
        /* Forzar estado cerrado */
    }
    
    .woodmart-product-categories-widget.initially-open .widget-title:after,
    .wd-widget-filter.initially-open .widget-title:after {
        transform: rotate(0deg) !important;
    }
    
    /* Permitir apertura manual */
    .woodmart-product-categories-widget.initially-open .widget-title.wd-opened ~ .wd-widget-content,
    .woodmart-product-categories-widget.initially-open .widget-title.wd-opened ~ .widget-content-wrapp,
    .wd-widget-filter.initially-open .widget-title.wd-opened ~ .wd-widget-content {
        display: block !important;
    }

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

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

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

/* ============================================================
   ETIQUETAS PRODUCTO
   ============================================================ */
.product-labels.labels-rectangular {
    inset-inline-start: 15px !important;
}

.product-labels.labels-rectangular .product-label {
    font-size: 0.8rem !important;
		border-radius: 3px !important;
}

.woocommerce-product-gallery .product-labels.labels-rectangular {
    inset-inline-end: 15px !important;
    inset-inline-start: unset !important;
}

.woocommerce-product-gallery .product-labels.labels-rectangular .product-label {
    font-size: 0.95rem !important;
}

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

/* ================================================
   PRODUCTO TILED — Borde + Efecto Elevación Hover
   Solo en dispositivos > 1024px
   ================================================ */
.wd-product.wd-hover-tiled .product-wrapper {
    box-shadow: none !important;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--wd-brd-radius, 5px);
    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.wd-hover-tiled .product-wrapper: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;
    }
}


/*.wd-buttons {
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  border-radius: 40px !important;
  padding: 3px 2px !important;
  border: none !important;
  transition: box-shadow 0.3s, transform 0.3s !important;
}
.wd-buttons:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.13) !important;
  transform: scale(1.07) !important;
}
.wd-buttons .wd-action-btn {
  --wd-action-icon-color: #1a1a1a !important;
  --wd-action-icon-color-hover: #1a1a1a !important;
  border-radius: 50% !important;
  transition: background 0.22s, transform 0.22s !important;
}
.wd-buttons .wd-action-btn > a {
  border-radius: 50% !important;
  transition: background 0.22s, transform 0.22s !important;
}
.wd-buttons .wd-action-btn > a:hover {
  background: transparent !important;
  transform: none !important;
}
.wd-buttons .wd-action-btn .wd-action-icon::before {
  color: #1a1a1a !important;
  transition: color 0.22s !important;
}
.wd-buttons .wd-action-btn > a:hover .wd-action-icon::before {
  color: #1a1a1a !important;
}*/


.wd-product {
    margin-bottom: 10px;
}

/* Atributos añadidos en functions */
.atributo-tamano-loop-contenedor {
    width: 100%;
}

/*.atributo-tamano-loop {
		min-width: 0 !important;
	  height: 39px !important;
}*/

/*.atributo-tamano-loop {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    height: 25px !important;
    min-height: 25px !important;
    color: #000000;
    border: 1px solid rgb(133, 133, 133);
    margin: auto;
    border-radius: 2px;
    cursor: default;
    padding: 3px 5px;
}

.atributo-tamano-loop:hover {
    border-color: var(--btn-accented-bgcolor) !important;
    background-color: var(--btn-accented-bgcolor) !important;
    color: var(--color-white) !important;
}*/

.product-list-content span.atributo-tamano-loop {
    display: none !important;
}

span.atributo-loop, 
span.atributo-preocupacion, 
span.atributo-accion-capilar {
    color: var(--color-gray-500);
    font-size: 0.9rem !important;
    font-weight: 300;
    display: block;
    line-height: 1;
}

.wd-product :is(.wd-product-cats) a {
    color: var(--color-gray-500);
    font-weight: 500;
}

span.price-prefix {
    color: var(--wd-title-color) !important;
}

/* 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);
}

/* Páginas de atributos */
#archivo-atributo-descripcion-escritorio .wd-collapsible-content.wd-opened .wd-collapsible-button {
    margin-top: 10px;
}

#archivo-atributo-descripcion-escritorio h6,
#archivo-atributo-descripcion-movil h6 {
    font-weight: 700;
}

#archivo-atributo-descripcion-escritorio h2 {
    margin-bottom: 10px;
}

#archivo-atributo .vc_separator h4 {
    font-size: 1.7rem;
}

a.btn.boton-ver-productos {
    min-height: 68px;
}

a.btn.boton-ver-productos:hover {
    background: var(--wd-primary-color) !important;
    color: #ffffff !important;
}

/* 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 #e4e4e4;
    padding-top: 15px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

/* Botón añadir al carrito en loop */
.wd-product.wd-hover-fw-button .wd-add-btn .add-to-cart-loop span {
    font-size: 12px !important;
}

/* Countdown timer en loop */
/*.wd-product .wd-timer > span {
    font-size: 1rem;
}*/

/* ============================================================
   SINGLE PRODUCT
   ============================================================ */

/* Marca texto */
.wd-product-brand {
    margin-bottom: 10px;
}

.wd-product-brand a {
    font-size: 0.72rem;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--color-gray-500);
    text-decoration: none;
}

.wd-product-brand a:hover {
    color: var(--wd-primary-color);
}

/* ============================================================
   BREADCRUMBS - SINGLE PRODUCT
   ============================================================ */
@media (max-width:768px) {
		.fila-breadcrumbs {
			display:none !important;
		}
}

/* ============================================================
   SINGLE PRODUCT · TEXT SWATCHES
   ============================================================ */
.single-product 
.variations_form 
.wd-swatches-product 
.wd-swatch.wd-text {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    gap: 2px;
}

.single-product 
.variations_form 
.wd-swatches-product 
.wd-swatch.wd-text 
.wd-swatch-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.single-product 
.variations_form 
.wd-swatches-product 
.wd-swatch.wd-text 
.wd-swatch-price {
    font-size: 11px;
    line-height: 1.1;
    opacity: 0.45;
    white-space: nowrap;
    font-weight: 400;
}

/* Seguridad: nunca mostrar precio tachado en swatches */
.single-product 
.variations_form 
.wd-swatches-product 
.wd-swatch.wd-text 
.wd-swatch-price del {
    display: none !important;
}

/* Share */
@media (max-width: 1200px) {
    .compartir-producto-ordenadores {
        display: none !important;
    }
}

.compartir-producto {
    opacity: 0.6;
}

.compartir-producto:hover, 
.compartir-producto:active {
    opacity: 1;
}

/* Enlaces de tabla de características */
.wd-single-attrs .shop_attributes tbody td.woocommerce-product-attributes-item__value .wd-attr-term a, 
.wd-single-attrs .shop_attributes tbody td.woocommerce-product-attributes-item__value .wd-attr-term p {
    color: var(--wd-primary-color);
}

/* Sale label duplicado en summary */
span.onsale.custom-sale-label {
    color: var(--wd-primary-color);
    font-size: 1.3rem;
    margin-right: 10px;
}

/* Gallery */
.single-product .wd-carousel-item img {
    border-radius: 5px !important;
}

/* Summary */
.woocommerce-review-link {
    font-size: 0.8rem;
    font-weight: bold;
}

.single-product .wd-single-title.wd-wpb {
    width: 100% !important;
    max-width: 100% !important;
}

.single-product-titulo span.tamano-type-simple-single {
    display: none;
}

span.tamano-type-simple-single, 
span.tamano-type-variable-single {
    display: block;
    font-size: 0.75rem;
    font-weight: 300;
    margin-top: -20px;
    color: var(--color-gray-500);
}

span.tamano-producto {
    margin-right: 5px;
}

span.precio-por-100ml .amount, 
span.precio-por-100ml .amz-price-main {
    font-weight: 300 !important;
    color: var(--color-gray-500);
}

span.precio-por-100ml {
    margin-left: 5px;
}

span.precio-por-100ml .amz-price-sup {
    font-size: 0.75rem !important;
    vertical-align: -3.2px;
    font-weight: 300 !important;
}

/* Categoría – Colección – SPF */
.single-product-precio .contenedor-info-producto {
    display: none;
}

.contenedor-info-producto {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 0px;
}

.categoria-paso,
.coleccion-paso,
.spf-badge {
    display: inline-flex;
    align-items: center;
    font-size: 0.8rem;
}

.categoria-paso a,
.coleccion-paso a, 
.spf-badge span {
    padding-bottom: 3px;
    font-weight: 300;
    font-size: 1rem;
    color: var(--color-gray-900);
    transition: color .2s ease;
}

.categoria-paso a:hover,
.coleccion-paso a:hover {
    color: var(--wd-primary-color);
}

/* ============================================================
   CUSTOM PRODUCT ATTRIBUTES TABLE - OPTIMIZADO
   ============================================================ */
.custom-product-attrs {
    width: 100%;
}
.custom-attr-row {
    display: flex;
    align-items: flex-start;
    min-height: 36px;
    border-bottom: 1px solid #e4e4e4;
    gap: 35px;
}
.custom-attr-row:last-child {
    border-bottom: none;
}
.custom-attr-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 0;
    flex-shrink: 0;
    white-space: nowrap;
}
.custom-attr-icon {
    width: 17px;
    height: 17px;
    object-fit: contain;
    flex-shrink: 0;
    margin-top: 2px;
    filter: brightness(0);
}
.custom-attr-name {
    font-weight: 600;
    font-size: 0.9rem;
	  font-size: 0.88rem;
    color: var(--wd-text-color);
    white-space: nowrap;
    line-height: 1.5;
}
.custom-attr-value {
    display: flex;
    align-items: center;
    padding: 6px 0;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}
.custom-attr-terms-wrapper {
    display: flex;
    align-items: center;
    gap: 2px;
    width: 100%;
    min-width: 0;
    justify-content: flex-end;
}
.custom-attr-terms {
    font-size: 0.9rem;
	  font-size: 0.88rem;
    color: var(--wd-primary-color);
	  color: var(--color-gray-500);
    line-height: 1.5;
    text-align: right;
}
.terms-truncated {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 0.9rem;
	  font-size: 0.88rem;
}
.terms-truncated.no-truncate {
    opacity: 1;
}
/* Ocultar hints por defecto, JS los mostrará solo si no hay overflow */
.terms-truncated .wd-hint {
    display: none;
}
.terms-show-more {
    color: var(--wd-primary-color);
	  color: var(--color-gray-600);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}
.terms-show-more:hover {
    opacity: 0.7;
}
.custom-attr-terms a,
.terms-truncated a {
    color: var(--wd-primary-color);
	  color: var(--color-gray-500);
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 0.9rem;
	  font-size: 0.88rem;
}
.custom-attr-terms a:hover,
.terms-truncated a:hover {
    opacity: 0.8;
}
.custom-attr-terms .wd-attr-term,
.terms-truncated .wd-attr-term {
    color: var(--wd-primary-color);
	  color: var(--color-gray-500);
    font-size: 0.9rem;
	  font-size: 0.88rem;
}
@media (max-width: 767px) {
    .custom-attr-row {
        gap: 35px;
    }
    
    .custom-attr-label {
        padding: 9px 0;
        gap: 6px;
    }
    
    .custom-attr-icon {
        width: 16px;
        height: 16px;
    }
    
    .custom-attr-name,
    .custom-attr-terms,
    .terms-truncated,
    .terms-show-more,
    .custom-attr-terms a,
    .terms-truncated a {
        font-size: 0.85rem;
    }
    
    .custom-attr-value {
        padding: 9px 0;
    }
}

/* Hover effect para filas con términos truncados */
.custom-attr-terms-wrapper:has(.terms-truncated.is-overflowing) {
    transition: opacity 0.2s ease;
}

.custom-attr-terms-wrapper:has(.terms-truncated.is-overflowing):hover,
.custom-attr-terms-wrapper:has(.terms-truncated.is-overflowing):active {
    opacity: 0.75;
}

/* ============================================================
   TABLA DE ATRIBUTOS
   ============================================================ */
body.single-product .shop_attributes tr {
    align-items: flex-start;
}

body.single-product .product-image-summary .shop_attributes {
    margin-bottom: 35px !important;
}

body.single-product .wd-reset-var {
    display: none !important;
}




/********* LISTA DE VALORES DE UN ATRIBUTO CON TOOLTIP - SHORTCODE - USADO EN POPUPS  **********/
/* ==========================================================================
   SHORTCODE: Lista de Atributos Vertical (Estilo WoodMart)
   ========================================================================== */

/* 1. Reset del contenedor para eliminar márgenes nativos del tema */
.mongo-vertical-list ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Diseño de la fila (Flexbox para alineación perfecta) */
.mongo-vertical-list li {
    display: flex;
    justify-content: space-between; /* Texto a la izq, Icono a la der */
    align-items: center;
    padding: 12px 0; /* Espaciado vertical cómodo para dedo (móvil) */
    border-bottom: 1px solid #eaeaea; /* Línea separadora sutil */
    margin: 0 !important; /* Forzar sin margen externo */
    width: 100%;
}

/* 3. Eliminar el borde del último elemento para limpieza visual */
.mongo-vertical-list li:last-child {
    border-bottom: none;
}

/* 4. Estilo del enlace (Nombre del atributo a la izquierda) */
.mongo-term-link {
    color: #333; /* Negro suave para lectura */
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    flex-grow: 1; /* Ocupa todo el espacio disponible hasta el icono */
    transition: color 0.2s ease;
}

/* Hover con tu color corporativo */
.mongo-term-link:hover {
    color: #be0d57; 
}

/* 5. Ajuste del icono Tooltip (A la derecha) */
.mongo-vertical-list .wd-hint {
    margin-left: 15px; /* Separación mínima con el texto */
    font-size: 16px;   /* Un poco más grande para facilitar el tap en móvil */
    cursor: help;
    display: inline-flex; /* Mejor renderizado que inline-block para iconos */
    align-items: center;
    color: #bbb; /* Gris neutro por defecto */
    transition: color 0.2s ease;
}

/* El icono también se enciende con la marca al pasar el ratón */
.mongo-vertical-list .wd-hint:hover {
    color: #be0d57;
}






/* ============================================================
   VARIACIONES DE TAMAÑO (pa_tamano) – FULL WIDTH + GRID
   ============================================================ */
.single-product table.variations {
    width: 100%;
    table-layout: fixed;
}

.single-product 
table.variations 
td.value.cell.with-swatches {
    width: 100%;
}

.single-product 
table.variations 
.wd-swatches-product[data-id="pa_tamano"] {
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.single-product 
.wd-swatches-product[data-id="pa_tamano"] 
.wd-swatch {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .single-product 
    table.variations 
    .wd-swatches-product[data-id="pa_tamano"] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .single-product 
    table.variations 
    .wd-swatches-product[data-id="pa_tamano"] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============================================================
   VARIACIONES TEXTO – SHOPIFY PREMIUM FEEL
   ============================================================ */
.wd-swatches-product.wd-text-style-4 .wd-swatch.wd-text, .atributo-tamano-loop {
    background-color: #fff !important;
    border: 1px solid var(--brdcolor-gray-300) !important;
    color: #1a1a1a !important;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.25px;
    min-width: 84px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    box-sizing: border-box;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.wd-swatches-product.wd-text-style-4 .wd-swatch-text, .atributo-tamano-loop {
    padding: 0 16px;
    line-height: 1;
}

.wd-swatches-product.wd-text-style-4 .wd-swatch.wd-text:hover, .atributo-tamano-loop:hover {
    background-color: #fff !important;
    border-color: var(--wd-primary-color) !important;
    color: var(--wd-primary-color) !important;
    transform: translateY(-1px);
}

.wd-swatches-product.wd-text-style-4 .wd-swatch.wd-text.wd-active, .atributo-tamano-loop:active {
    background-color: #fff !important;
    border-color: var(--wd-primary-color) !important;
    color: var(--wd-primary-color) !important;
    font-weight: 600;
    transform: scale(1.05);
}

.wd-swatches-product.wd-text-style-4 .wd-swatch.wd-text:active, .atributo-tamano-loop:active {
    transform: scale(0.97);
}

.wd-swatches-product.wd-text-style-4 .wd-swatch.wd-text:focus-visible {
    outline: none;
    border-color: var(--wd-primary-color) !important;
}

.wd-swatches-product.wd-text-style-4 .wd-swatch.wd-text.wd-disabled {
    background-color: #f7f7f7 !important;
    border-color: var(--brdcolor-gray-200) !important;
    color: #999 !important;
    cursor: not-allowed;
    opacity: 1 !important;
    transform: none;
}

.wd-swatches-product .wd-swatch {
    margin: 0 10px 10px 0;
}

.reset_variations, .wd-reset-var {
    display: none !important;
}

/* Kill override específico de Woodmart */
[class*="wd-swatches"].wd-text-style-4 
.wd-swatch.wd-text:is(.wd-active, :hover:not(.wd-disabled)), .atributo-tamano-loop:hover {
    background-color: var(--wd-primary-color-ultra-light) !important;
    border-color: var(--wd-primary-color-light) !important;
    color: var(--wd-primary-color) !important;
    font-weight: 600;
    transform: scale(1.08);
}

[class*="wd-swatches"].wd-text-style-4 
.wd-swatch.wd-text:hover:not(.wd-active):not(.wd-disabled), .atributo-tamano-loop:hover {
    background-color: var(--wd-primary-color-ultra-light) !important;
    border-color: var(--wd-primary-color-light) !important;
    color: var(--wd-primary-color) !important;
    transform: translateY(-1px);
}

.wd-swatches-product.wd-text-style-4 .wd-swatch.wd-text::before,
[class*="wd-swatches"].wd-text-style-4 .wd-swatch.wd-text::before {
    display: none !important;
}

/* Página de archivo */
.wd-product .wd-swatches-product.wd-text-style-4 .wd-swatch.wd-text, .atributo-tamano-loop {
    min-width: 70px;
    height: 35px;
    margin-right: 0px;
    margin-bottom: 3px;
}

.woocommerce-variation.single_variation {
    margin-top: -10px;
}

/* ============================================================
   AVAILABILITY
   ============================================================ */
/*.stock.wd-style-default.in-stock:before {
    color: var(--btn-accented-bgcolor) !important;
}*/

.wd-wtl-form {
    border: none !important;
    background: var(--bgcolor-gray-100);
}

p.stock.wd-style-default:is(.available-on-backorder, .in-stock) {
    font-size: 0.9rem;
    /*color: #00a896 !important;*/
}

/* ============================================================
   ADD TO CART BUTTON
   ============================================================ */
.product-type-simple .wd-single-add-cart form.cart,
.wd-single-add-cart .woocommerce-variation-add-to-cart {
    display: flex;
}

.product-type-simple .wd-single-add-cart form.cart > button,
.wd-single-add-cart .woocommerce-variation-add-to-cart > button {
    flex-grow: 1;
}

button.single_add_to_cart_button.button.disabled.wc-variation-is-unavailable,
button.single_add_to_cart_button.button.disabled.wc-variation-is-unavailable:before {
    background: #f8e7e7;
    color: #bb2708;
    transition: none;
}

/* ============================================================
   COUNTDOWN TIMER EN SINGLE-PRODUCT
   ============================================================ */
.single-product .wd-single-countdown .wd-el-title {
    margin-bottom: 0;
    font-size: 0.75rem;
    color: var(--color-gray-400);
    font-weight: 400;
}

.single-product .wd-timer > span {
    min-height: 2em;
}

/* Lista de deseos y price tracker */
body.single-product .wd-single-action-btn .wd-action-btn > a {
    font-size: 0.9rem;
}

/* ============================================================
   ESTIMATED DELIVERY
   ============================================================ */
.outofstock .estimacion-envio {
    display: none;
}

.estimacion-envio {
    border-radius: 4px;
    margin: 0 0 30px;
    padding: 30px 10px;
    background: var(--wd-primary-color-ultra-light);
}

/*.wd-product-info.wd-est-del {
    margin-bottom: 0px !important;
}*/

.wd-product-info.wd-est-del.wd-loaded {
    display: flex;
    align-items: flex-start;
    gap: 0px;
}

.wd-product-info.wd-est-del .wd-info-icon {
    flex: 0 0 18px;
    margin-top: 2px;
    opacity: 0.9;
    font-size: 1rem;
}

.wd-est-del:not(.wd-with-icon) .wd-info-icon:before {
    content: "\f182";
    font-family: "woodmart-font";
    font-weight: 400;
}

.wd-product-info.wd-est-del .wd-info-msg {
    line-height: 1.45;
    font-size: 0.85rem !important;
}
@media (min-width:1024px) {
		.wd-product-info.wd-est-del .wd-info-msg {
			font-size: 0.9rem !important;
		}
}

/* ============================================================
   PREMIUM EDITORIAL TABS
   ============================================================ */
.wd-hidden-tab-title {
    transition: opacity 0.25s ease;
    padding-block: 23px;
}

.wd-hidden-tab-title:after {
    font-weight: 600 !important;
    color: var(--wd-text-color) !important;
}
.wd-hidden-tab-title:hover:after {
    color: var(--wd-primary-color) !important;
}

.wd-hidden-tab-title span {
    letter-spacing: 0.2px;
    /*color: var(--wd-text-color);*/
    transition: transform 0.25s ease;
}

.wd-hidden-tab-title:hover {
    opacity: 0.85;
}

.wd-hidden-tab-title:hover span {
    transform: translateX(6px);
}

/* ============================================================
   ADVERTENCIAS
   ============================================================ */
.advertencias {
    margin: 0;
}

.advertencias ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.advertencias li.advertencia-ingrediente {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0 20px;
    border-bottom: 1px solid var(--brdcolor-gray-300);
    font-size: 0.9rem;
    line-height: 1.5;
}

.advertencias li.advertencia-ingrediente:last-child {
    border-bottom: 0;
}

.advertencias li.advertencia-ingrediente::before {
    content: "\f107";
    font-family: "woodmart-font";
    font-size: 70%;
    color: var(--wd-primary-color);
    line-height: 1;
    margin-top: 4px;
    flex-shrink: 0;
    width: 14px;
    text-align: center;
}

.advertencias .advertencia-texto {
    display: block;
}

.advertencias .advertencia-texto strong {
    font-weight: 600;
}

/* ============================================================
   REVIEWS
   ============================================================ */
.wd-review-style-2 .review {
    box-shadow: 0px 0px 10px #efefef;
}

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

/* =====================================================
   PASOS CHECKOUT CON BADGES PREMIUM
   Mobile/Tablet: Pasos centrados + badges debajo pequeños
   Desktop: Pasos izquierda + badges derecha
   ===================================================== */

/*.contenedor-pasos-pago {
    position: sticky;
    top: 0;
    z-index: 30;
    background: transparent;
}

@media (max-width: 1199px) {
    .contenedor-pasos-pago::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        transform: translateX(-50%);
        background: #fff;
        border-bottom: 1px solid #ededed;
        z-index: -1;
    }
}

.wc-steps-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px 0;
}

.wc-steps-container {
    display: flex;
    justify-content: center;
    gap: 32px;
    font-family: inherit;
}

.wc-step {
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.wc-step-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: inherit;
    text-decoration: none;
}

.wc-step.active {
    color: #111;
    font-weight: 500;
}

.wc-step.is-past {
    color: #6f6f6f;
}

.wc-step.is-past a:hover {
    color: #111;
}

.wc-step.is-future {
    color: #d2d2d2;
}

.wc-step-number {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid currentColor;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    flex-shrink: 0;
}

.wc-step.is-future .wc-step-number {
    opacity: 0.4;
}*/

/* ===================================================== 
   BADGES
   ===================================================== */
/*.wc-steps-badges {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.trust-badge-icon {
    display: flex;
    align-items: center;
    line-height: 1;
}

.trust-badge-text {
    font-size: 0.7rem;
    font-weight: 500;
    color: #666;
    white-space: nowrap;
}*/

/* ===================================================== 
   ENLACE POPUP - MISMO ESTILO QUE TEXTO NORMAL
   ===================================================== */
/*.info-descuento-envio-popup.trust-badge-link {
    color: #666;
    font-size: 0.7rem;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.info-descuento-envio-popup.trust-badge-link:hover {
    color: #666;
    opacity: 0.75;
    text-decoration: underline;
}*/

/* ===================================================== 
   PAYMENT METHODS - IMAGEN MÁS GRANDE
   ===================================================== */
/*.payment-methods-image {
    height: 24px;
    width: auto;
    display: block;
}*/

/* ===================================================== 
   MOBILE (<768px)
   ===================================================== */
/*@media (max-width: 767px) {
    .wc-steps-wrapper {
        padding: 14px 0;
        gap: 8px;
    }
    
    .wc-steps-container {
        gap: 10px;
    }
    
    .wc-step {
        font-size: 0.7rem;
    }
    
    .wc-step-number {
        width: 18px;
        height: 18px;
        font-size: 10px;
    }
    
    .wc-steps-badges {
        gap: 16px;
    }
    
    .trust-badge-text {
        font-size: 0.65rem;
    }
    
    .info-descuento-envio-popup.trust-badge-link {
        font-size: 0.65rem;
    }
    
    .payment-methods-image {
        height: 23px;
    }
}*/

/* ===================================================== 
   TABLET (768px - 1199px)
   ===================================================== */
/*@media (min-width: 768px) and (max-width: 1199px) {
    .wc-steps-wrapper {
        gap: 10px;
    }
    
    .wc-steps-badges {
        gap: 10px;
    }
    
    .trust-badge-text {
        font-size: 0.68rem;
    }
    
    .info-descuento-envio-popup.trust-badge-link {
        font-size: 0.68rem;
    }
    
    .payment-methods-image {
        height: 30px;
    }
}*/

/* ===================================================== 
   DESKTOP ≥1200px
   ===================================================== */
/*@media (min-width: 1200px) {
    .contenedor-pasos-pago {
        background: #fff;
        border-bottom: 1px solid #ededed;
    }
    
    .contenedor-pasos-pago::before {
        display: none;
    }
    
    .wc-steps-wrapper {
        flex-direction: row;
        justify-content: space-between;
        padding: 25px 0;
        gap: 20px;
    }
    
    .wc-steps-container {
        justify-content: flex-start;
    }
    
    .wc-step::after {
        content: "/";
        margin-left: 16px;
        color: #e0e0e0;
    }
    
    .wc-step:last-child::after {
        content: "";
    }
    
    .wc-steps-badges {
        gap: 16px;
        justify-content: flex-end;
    }
    
    .trust-badge-text {
        font-size: 0.75rem;
    }
    
    .info-descuento-envio-popup.trust-badge-link {
        font-size: 0.75rem;
    }
    
    .payment-methods-image {
        height: 36px;
    }
}*/

/* ============================================================
   BOTÓN TRAMITAR PEDIDO EN MÓVILES Y TABLETS
   ============================================================ *



/**
 * ============================================================================
 * ESTILOS PARA DESCUENTO EN ENVÍO
 * ============================================================================
 */

/**
 * Precio tachado en envío
 */
.woocommerce-shipping-methods del {
    color: var(--color-gray-600);
    text-decoration: line-through;
    font-weight: 300;
}

/**
 * Texto de descuento debajo del método de envío
 */
.woocommerce-shipping-methods small {
    font-size: 0.85em;
    line-height: 1.4;
    color: #666;
    margin-top: -5px;
	  text-decoration: underline;
}

/**
 * Enlace del texto de descuento
 */
.woocommerce-shipping-methods .info-descuento-envio-popup {
    color: var(--wd-text-color);
    transition: opacity 0.2s ease;
    font-weight: 300;
    font-size: 0.77rem;
}

.woocommerce-shipping-methods .info-descuento-envio-popup:hover {
    opacity: 0.7;
}

/**
 * ============================================================================
 * ALINEACIÓN VERTICAL EN CARRITO
 * ============================================================================
 */

/**
 * Alinear título "Envío" al top en carrito
 */
.woocommerce-cart .woocommerce-shipping-totals td {
    align-items: flex-start;
}


/* Totales en carrito y checkout - logo envío packlink*/
.pl-checkout-carrier-image {
    height: 24px !important;
	  margin-top: -3px !important;
}

/* Checkout */
.wc-stripe-banner-checkout.active {
    max-width: 100% !important;
    margin-bottom: 2rem;
}

body.accordion-loading .woocommerce-checkout-review-order-table {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

/* ============================================================
   MI CUENTA
   ============================================================ */

/* ==========================================================================
   MI CUENTA: PÁGINA DE PEDIDO INDIVIDUAL (MONGO.ES)
   ========================================================================== */

/* ==========================================================================
   ICONO "VOLVER A MIS PEDIDOS" (ZONA SUPERIOR)
   ========================================================================== */

/* Contenedor de información alineado a la derecha */
.wd-endpoint-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Todo el bloque a la derecha */
}

/* Fila del título: Flecha + Texto */
.view-order-wrapper .wd-endpoint-row {
    display: flex;
    align-items: center; /* Alineación vertical perfecta flecha-texto */
    justify-content: flex-end;
    gap: 8px; /* Espacio entre flecha y número de pedido */
    line-height: 1.1;
}

/* Estilo de la flecha pequeña */
.wd-back-link {
    display: inline-flex;
    color: #333;
    transition: all 0.2s ease;
    margin-top: -1px; /* Ajuste fino óptico */
}

.wd-back-link:hover {
    color: #be0d57;
    transform: translateX(-2px);
}

/* Ajuste del subtext (fecha) */
.view-order-wrapper .wd-endpoint-subtext {
    font-size: 13px;
    color: #999;
    margin-top: 4px;
    margin-left: 0; /* Reseteamos margen para alineación derecha pura */
    text-align: right;
}

/* Mantener tus estilos base */
.wd-endpoint-title-text {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}


/* ==========================================================================
   BOTÓN "VOLVER A MIS PEDIDOS" (ZONA INFERIOR)
   ========================================================================== */

.mongo-back-to-orders-bottom {
    margin-top: 40px; /* Separación amplia desde las direcciones */
    padding-top: 20px;
    border-top: 1px solid #eaeaea; /* Línea divisoria superior */
    display: flex;
    justify-content: flex-start; /* Se alinea a la izquierda */
}

.mongo-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 16px; /* Un poco más grande al estar abajo */
    font-weight: 600;
    color: #be0d57; /* Tu color corporativo */
    text-decoration: none;
    transition: all 0.3s ease;
}

.mongo-back-btn .mongo-back-svg {
    transition: transform 0.3s ease;
    margin-right: 4px;
}

/* Efectos Hover */
.mongo-back-btn:hover {
    color: #333;
}
.mongo-back-btn:hover .mongo-back-svg {
    transform: translateX(-5px); /* Desliza la flecha */
}

/* 📱 Ajuste para móvil */
@media (max-width: 1024px) {
    .mongo-back-to-orders-bottom {
        margin-top: 30px;
        justify-content: center; /* En móvil queda mucho más pro centrado abajo del todo */
    }
}


/* --------------------------------------------------------------------------
   2. TABLA DE PRODUCTOS (ESTILOS COMUNES)
   -------------------------------------------------------------------------- */
.responsive-table, 
table.order_details {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.mongo-item-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
    box-sizing: border-box;
}

.mongo-item-image {
    width: 85px;
    flex-shrink: 0;
}

.mongo-item-image img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #eaeaea;
    display: block;
}

.mongo-item-info {
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.mongo-item-title-qty a {
    font-weight: 500;
    color: #333;
    font-size: 15px;
    display: inline;
}

.mongo-item-title-qty strong {
    color: #be0d57;
    margin-left: 5px;
    font-weight: 600;
    font-size: 14px;
}

.mongo-item-meta-sku {
    font-size: 13px;
    color: #777;
    margin: 5px 0;
}

.mongo-item-meta-sku .wc-item-meta, 
.mongo-item-meta-sku .wd-product-sku {
    margin: 0 !important;
}


/* --------------------------------------------------------------------------
   3. ESCRITORIO (+1025px)
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
    
    /* 1. Reducimos la imagen a 60x60 en escritorio */
    .mongo-item-image {
        width: 60px !important; /* Ancho de 60px */
    }
    
    .mongo-item-image img {
        height: 60px !important; /* Alto de 60px (cuadrado perfecto) */
    }

    /* 2. Ocultamos el precio inyectado de la versión móvil */
    .mongo-item-price-mobile { 
        display: none !important; 
    }
    
    /* 3. Mantenemos la columna nativa de precio de escritorio */
    td.woocommerce-table__product-total { 
        vertical-align: middle; 
        text-align: right; 
        font-weight: 600; 
        font-size: 16px; 
    }
}


/* --------------------------------------------------------------------------
   4. MÓVIL Y TABLET (<=1024px)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    
    /* Ajustes del Botón de Volver en móvil */
    .mongo-back-to-orders {
        margin-top: -10px;
        margin-bottom: 15px;
        border-bottom: none;
    }
    .mongo-back-btn {
        font-size: 16px;
    }

    /* APISONADORA DE TABLA: Forzamos bloque al 100% en todos los niveles */
    .responsive-table,
    table.order_details,
    table.order_details tbody,
    table.order_details tr.order_item,
    table.order_details td.product-name {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* Ocultamos cabeceras, etiquetas feas de Woo y la celda de precio de escritorio */
    table.order_details thead,
    table.order_details td.product-total,
    table.order_details td::before { 
        display: none !important; 
    }

    table.order_details tr.order_item {
        padding: 15px 0 !important;
        border-bottom: 1px solid #eaeaea !important;
    }

    table.order_details td.product-name {
        padding: 0 !important;
        border: none !important;
    }

    /* Estructura Flexbox interior en móvil */
    .mongo-item-wrapper {
        display: flex !important;
        align-items: flex-start !important;
        width: 100% !important;
        gap: 15px !important;
    }

    .mongo-item-image {
        width: 85px !important;
        flex: 0 0 85px !important;
    }
    
    .mongo-item-image img {
        width: 100% !important;
        height: 100px !important;
        object-fit: cover !important;
        border-radius: 6px !important;
        border: 1px solid #eaeaea !important;
        display: block !important;
    }

    .mongo-item-info {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .mongo-item-title-qty {
        margin-bottom: 4px !important;
        line-height: 1.3 !important;
    }
    
    .mongo-item-title-qty a { 
        font-weight: 500 !important; 
        color: #333 !important; 
        font-size: 15px !important; 
        display: inline !important; 
    }
    
    .mongo-item-title-qty strong { 
        color: #be0d57 !important; 
        margin-left: 5px !important; 
        font-weight: 600 !important; 
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    .mongo-item-meta-sku { 
        font-size: 13px !important; 
        color: #777 !important; 
        margin-bottom: 8px !important; 
    }
    
    .mongo-item-meta-sku .wc-item-meta, 
    .mongo-item-meta-sku .wd-product-sku { 
        margin: 2px 0 !important; 
    }

    /* Mostramos el Precio Inyectado debajo del todo */
    .mongo-item-price-mobile { 
        display: block !important; 
        font-size: 16px !important; 
        font-weight: 600 !important; 
        color: #111 !important; 
        margin-top: auto !important; 
    }
}



/* ==========================================================================
   TARJETA DE ESTADO DEL PEDIDO (OPTIMIZADO PARA WOODMART)
   ========================================================================== */

/* 1. Seleccionamos el párrafo que está justo después de las notificaciones */
.woocommerce-MyAccount-content > p:first-of-type {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 5px !important; 
    padding: 18px 20px !important;
    font-size: 15px !important;
    color: #555 !important;
    line-height: 1.6 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    margin-bottom: 30px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Limpieza de las etiquetas <mark> */
.woocommerce-MyAccount-content > p:first-of-type mark {
    background: transparent !important;
    color: #111 !important;
    font-weight: 600 !important;
    padding: 0 !important;
}

/* 3. El Badge de Estado (Procesando, Completado, etc.) */
.woocommerce-MyAccount-content > p:first-of-type mark.order-status {
    display: inline-block !important;
    background: #fcf0f4 !important; /* Rosa pastel Mongo */
    color: #be0d57 !important; /* Tu color corporativo */
    padding: 4px 12px !important;
    border-radius: 30px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
}

/* 📱 Ajustes para móvil */
@media (max-width: 1024px) {
    .woocommerce-MyAccount-content > p:first-of-type {
        font-size: 14px !important;
        padding: 16px !important;
        line-height: 1.8 !important;
        margin-top: 10px !important; /* Espacio con las migas de pan/notificaciones */
    }
    
    .woocommerce-MyAccount-content > p:first-of-type mark.order-status {
        display: inline-block !important; /* Fuerza a que el badge respire si cae debajo */
    }
}




/**
 * SISTEMA DE SEGUIMIENTO DE PEDIDOS V2 - MONGO.ES
 * Enfoque: Alineación vertical superior y ondas centradas.
 */

.mongo-tracker-wrapper {
    max-width: 900px;
    margin: 60px auto 50px !important; /* Más margen superior para las etiquetas */
    padding: 0 15px;
    --mongo-progress: 0%;
}

.mongo-progress-line {
    height: 4px;
    background-color: #eee;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
}

/* Relleno con animación */
.mongo-progress-fill {
    position: absolute;
    height: 100%;
    background-color: #00a896;
    z-index: 1;
    border-radius: 4px;
    width: 0;
    animation: mongoFill 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes mongoFill {
    from { width: 0; }
    to { width: var(--mongo-progress); }
}

/* Nodos y Etiquetas */
.mongo-step-node {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.mongo-step-label {
    position: absolute;
    bottom: 22px; /* Posiciona el texto sobre el círculo */
    white-space: nowrap;
    font-size: 11px;
    font-weight: 600;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    transition: color 0.3s ease 0.8s;
    text-align: center;
}

.is-current .mongo-step-label {
    color: #00a896;
    font-weight: 800;
}

.is-past .mongo-step-label {
    color: #444;
}

/* Círculos */
.mongo-node-circle {
    width: 14px;
    height: 14px;
    background-color: #ddd;
    border-radius: 50%;
    border: 2px solid #fff;
    transition: background-color 0.3s ease 0.8s;
    position: relative; /* Importante para el centrado de la onda */
}

.is-past .mongo-node-circle,
.is-current .mongo-node-circle {
    background-color: #00a896;
}

/* Ondas Verdes - Corrección de Centrado Absoluto */
.is-current .mongo-node-circle::after {
    content: '';
    position: absolute;
    /* Centrado perfecto independientemente de otros elementos */
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    margin-top: -7px; /* Mitad del alto */
    margin-left: -7px; /* Mitad del ancho */
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(0, 168, 150, 0.6);
    animation: mongoPulseGreen 2s infinite;
}

@keyframes mongoPulseGreen {
    0% { box-shadow: 0 0 0 0 rgba(0, 168, 150, 0.6); }
    70% { box-shadow: 0 0 0 15px rgba(0, 168, 150, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 168, 150, 0); }
}

/* Optimizaciones para Móviles (Responsive) */
@media (max-width: 768px) {
    .mongo-tracker-wrapper {
        margin: 60px auto 30px;
    }
    
    .mongo-step-label {
        font-size: 8px; /* Texto mínimo para evitar solapamientos */
        bottom: 18px;
        letter-spacing: -0.2px;
    }
    
    /* Ocultamos etiquetas no actuales en móviles muy pequeños si se amontonan */
    /* Descomentar si prefieres que solo se lea el actual en móviles */
    /* .mongo-step-node:not(.is-current):not(.is-past) .mongo-step-label { opacity: 0.5; } */

    .mongo-node-circle {
        width: 12px;
        height: 12px;
    }
    
    .is-current .mongo-node-circle::after {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        margin-left: -6px;
    }
}





/* ============================================================
   BLOG
   ============================================================ */
.wd-entry-meta .meta-reply .replies-count {
    background-color: var(--wd-primary-color);
}

p.read-more-section {
    text-align: inherit !important;
}

body.single-post .wd-tags-list {
    justify-content: center;
}

body.single-post .wd-social-icons {
    margin: auto;
}


/* Ocultar buscador del blog en móviles */
@media (max-width: 768px) {
    .desktop-only-search {
        display: none !important;
    }
    
    .blog-sidebar-full-width {
        margin-bottom: 0 !important;
    }
}

/***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;
}


/* ============================================================
   SINGLE POST
   ============================================================ */

@media (min-width:1024px) {
	.single-post #main-content .wd-entry-content {
			max-width: 700px;
			margin-top: 20px !important;
			margin: auto;
	}
}


/* ============================================================
   EASY TABLE OF CONTENT
   ============================================================ */
#ez-toc-container {
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
}

div#ez-toc-container .ez-toc-title {
    margin-bottom: 10px;
    display: block;
}

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

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

/* ============================================================
   WEEPIE COOKIE
   ============================================================ */
.wpca-lay-out .wpca-lay-out-content * {
    font-size: 14px;
    line-height: 22px;
}

#wpca-box.wpca-shadow {
    -webkit-box-shadow: 0px 0px 10px 0 rgb(173 173 173 / 75%);
    -moz-box-shadow: 0px 0px 10px 0 rgb(173 173 173 / 75%);
    box-shadow: 0px 0px 10px 0 rgb(173 173 173 / 75%);
}

.wpie-switch-descr {
    font-size: 0.85rem;
}

p.wpie-switch:first-child {
    border-top: 1px solid #d3d3d3;
    padding-top: 20px;
    margin-top: 25px;
}

p.wpie-switch {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 20px;
}

/* ============================================================
   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;
}

/* ============================================================
   PREFOOTER
   ============================================================ */
.wpb-js-composer .wd-prefooter .info-box-carousel .inline-element {
    text-align: center !important;
}

/* ============================================================
   GLOBALIZACIÓN DE ESTILOS
   ============================================================ */

/* Info box con texto como icono-imagen */
.wd-info-box .box-with-text .info-box-icon {
    color: var(--wd-primary-color);
}

/* Lista woodmart */
ul.lista-seccion-bloquehtml .wd-icon {
    background-color: var(--wd-primary-color) !important;
}

/* Separador y fila */
.separador-seccion-bloquehtml svg {
    fill: var(--wd-primary-color-light) !important;
}

.vc_row.fila-seccion-bloquehtml {
    background: var(--wd-primary-color-light) !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: 12px;
}
@media (min-width:1024px) {
	div#floating-chatbot-button-default {
        right:8px;
				bottom: 24px;
    }
}

@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: center;
    justify-content: 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 12px 12px !important;
}

.user-message {
    border-radius: 12px 0px 12px 12px !important;
}

#mxchat-chatbot-default #chat-container-default #chat-box-default .bot-message {
    border: none;
    border-radius: 0 12px 12px;
    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;
}

#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 #e5e6ec;
    border-radius: 0;
    margin: 0 15px;
}

@media (max-width: 1024px) {
    #mxchat-chatbot-default #chat-container-default #input-container-default {
        border: 1px solid #e5e6ec;
        border-radius: 10px;
        margin: 0 15px;
        padding: 0.4rem 0.3rem;
    }
    
    #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: 10px;
}

/* 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: center;
}

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

span.chatbot-logo-icon {
    display: block;
    text-align: 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;
}

/* ============================================================
   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 {
        /* Evitamos position: fixed en escritorio para no romper el layout */
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
        overscroll-behavior-y: none !important;
    }
}

/* 2. Ajustes para Móvil (Pantalla Completa) */
@media (max-width: 768px) {
    .floating-chatbot.visible,
    #woo-cart-dropdown.active,
    #woo-orders-dropdown.active {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100dvh !important; /* Lvh dinámico para navegadores móviles */
        z-index: 999999 !important;
        border-radius: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        background-color: #fff; /* Asegura opacidad en el contenedor móvil */
    }

    /* Forzar que el envoltorio del chat sea flexible */
    .floating-chatbot.visible .mxchat-chatbot-wrapper {
        height: 100% !important;
        display: flex !important;
        flex-direction: column !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 #be0d57 */
    #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: #be0d57;
        border-radius: 10px;
    }
}

/* 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; /* Permitimos scroll en el fondo si es desktop */
        position: static !important; /* Restauramos flujo normal */
    }
    
    /* Aseguramos que el chat en desktop mantenga sus dimensiones originales de Woodmart/Plugin */
    .floating-chatbot.visible {
        max-height: 600px; /* O el valor que prefieras para escritorio */
        bottom: 20px !important;
        right: 20px !important;
        width: 400px !important;
    }
}

/* ============================================================
   STICKY ADD TO CART
   ============================================================ */

/* Desktop */
@media (min-width: 1024px) {
    .wd-sticky-btn.wd-sticky-btn-shown {
        position: fixed;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 1180px;
				height: 70px;
        bottom: 20px;
        background-color: rgba(255, 255, 255, 0.96);
        border-radius: 16px;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(0, 0, 0, 0.04);
        backdrop-filter: saturate(180%) blur(10px);
        z-index: 340;
    }

    .wd-sticky-btn-container {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .wd-sticky-btn-thumbnail img {
        width: 42px;
        height: auto;
        opacity: 0.85;
    }

    .wd-sticky-btn-info .wd-entities-title {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2;
        margin: 0;
        opacity: 0.85;
    }

    .wd-sticky-btn-cart .price {
        font-size: 1.2rem !important;
        font-weight: 600;
    }

    .wd-sticky-btn-cart .price del {
        font-size: 1rem;
        opacity: 0.4;
        margin-right: 6px;
    }

    .wd-sticky-btn-cart .price ins {
        text-decoration: none;
    }

    .wd-sticky-btn-cart .stock {
        font-size: 0.8rem !important;
        opacity: 0.65;
    }

    .wd-sticky-btn-cart .single_add_to_cart_button {
        font-size: 0.75rem !important;
        border-radius: 6px;
    }

    .wd-sticky-btn .wd-wishlist-btn {
        opacity: 0.7;
        transform: scale(0.9);
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .wd-sticky-btn .wd-wishlist-btn:hover {
        opacity: 1;
        transform: scale(1);
    }
}

/* Mobile */
@media (max-width: 1024px) {
    .wd-sticky-btn .wd-sticky-btn-cart form.cart .single_add_to_cart_button, 
    .wd-sticky-btn .wd-sticky-btn-cart a {
        height: 50px;
    }
}

/* ============================================================
   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: #ffffff;
    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: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 4px;
    padding-left: 35px !important;
    padding-right: 35px !important;
}

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

.az-nav-letter {
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #d2d2d7;
    background: #ffffff !important;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    color: #000 !important;
    line-height: 1;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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: #fff !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;
    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: #fff;
    border-radius: 4px;
    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: 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: 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: center;
    justify-content: 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%);
}

/* ============================================================
   POPUPS – LISTAS DE ATRIBUTOS
   ============================================================ */
/*@media (max-width:1024px) {
		.formulado-con .woocommerce-product-attributes-item__value,
		.preocupacion .woocommerce-product-attributes-item__value,
		.certificado .woocommerce-product-attributes-item__value {
				display: flex;
				flex-direction: column;
				width: 100%;
		}

		.formulado-con .wd-term,
		.preocupacion .wd-attr-term,
		.certificado .wd-attr-term {
				display: flex;
				align-items: center;
				justify-content: space-between;
				width: 100%;
				box-sizing: border-box;
				padding: 12px 0;
				border-bottom: 1px solid #e5e5e5;
				font-size: 14px;
				line-height: 1.4;
		}

		.formulado-con .wd-term p,
		.preocupacion .wd-attr-term p,
		.certificado .wd-attr-term p {
				margin: 0;
				flex: 1;
		}

		.formulado-con .wd-hint,
		.preocupacion .wd-hint,
		.certificado .wd-hint {
				margin-left: 12px;
				flex-shrink: 0;
		}

		.formulado-con .wd-term:last-child,
		.preocupacion .wd-attr-term:last-child,
		.certificado .wd-attr-term:last-child {
				border-bottom: none;
		}
}
*/

/* Popups inferiores botones */
@media (max-width: 1024px) {
    .wd-mfp-popup-wrap-13220 .wd-popup,
    .wd-mfp-popup-wrap-13219 .wd-popup,
    .wd-mfp-popup-wrap-13218 .wd-popup,
    .wd-mfp-popup-wrap-10474 .wd-popup,
    .wd-mfp-popup-wrap-13270 .wd-popup {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

.wd-popup-inner .wd-single-attrs table.shop_attributes span.wd-attr-term a {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--wd-primary-color);
}


/*.woocommerce-checkout .wd-content-layout, .woocommerce-cart .wd-content-layout {
    padding-block-start: 0;
}*/
.woocommerce-cart .wd-content-area.site-content {
    margin-top: 30px;
}

/****************CARRITO******************/
.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: #fff;
        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) + 20px);
   }
}
@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: center !important;
  }
}@media (min-width: 1025px) {
	/*CONTENIDO 1600PX*/
.container, .container-fluid {
    padding-inline: 65px;
}

/*CABECERA*/
.wd-logo img {
    margin-bottom: -7px;
}

.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-tools-count {
    color: var(--wd-title-color) !important;
    font-size: 12px !important;
	  /*font-weight: bold !important;*/
}
.whb-boxed:not(.whb-sticked) .whb-main-header .whb-row>.container {
        padding-inline: 0;
}
.wd-aside-banner-col {
	min-height:425px;
}

/*.product-label {
	font-size: 14px !important;
	font-weight: 600 !important;
}*/

.tabs-layout-accordion .wc-tab-inner.wd-scroll-content{
    max-height: 100% !important;
}

body .wd-nav-img, body .mega-menu-list img {
    max-height: 25px;
    width: 25px !important;
}

/*POPUP COOKIES*/
.wd-cookies-popup {
    max-width: 800px;
    bottom: 20px !important;
    margin: auto;
    font-size: 0.8rem;
    text-align: justify;
}

/*ARCHIVE-LOOP*/
/*CATEGORY HEADER*/

body.archive.woocommerce .wd-nav-product-cat>li>a {
	font-size: 12px !important;
	font-weight: 300 !important;
}


/*SELECTOR CATEGORÍAS*/
/*div#wd-678f9bf1d1799 {
    text-align: center !important;
    width: 100% !important;
}*/
/*.wd-cats-element.wd-enabled-width {
    width: 100% !important;
}*/

.divisor-titulo-atributo-novisible,
.selector-categorias-movil {
	display: none !important;
}

#archivo-atributo-descripcion-movil {
	display: none;
}




/*SINGLE PRODUCT*/
/*QUANTITY*/
.single-product div.quantity, .product-quick-view div.quantity {
    margin-right: 15px;
}
.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;
}




/*FORMULADO CON*/
/*.wd-single-attrs h4.wd-el-title.title.element-title + table.shop_attributes .wd-attr-term a {
    color: #000;
}*/

/*REVIEWS*/
/*.single-product .wd-single-rating {
    text-align: right;
}*/
.wd-single-reviews {
    padding-top: 3rem;
	  padding-bottom: 3rem;
}
/*RELATED AND FBT*/
.related-and-upsells:empty {
    margin-top: calc(var(--wd-single-spacing)* -3.4) !important;
}
.container.wd-fbt-wrap, .container.related-and-upsells:not(:empty) {
	  padding-top: 3rem;
	  padding-bottom: 1rem;
}

/*FINALIZAR COMPRA*/
.detalles-pedido-movil {
	display:none !important;
}

/*FIBOSEARCH*/

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 var(--wd-primary-color);
	    border: 1px solid #858585;
    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: var(--wd-primary-color) !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;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/*MOBILE NAVIGATION BOTTOM*/
.wd-toolbar-link .wd-custom-icon img {
    height: 23px !important;
}
.wd-toolbar-label {
    text-transform: uppercase !important;
    font-size: 0.55rem !important;
}


.wd-header-cart.wd-design-2 .wd-cart-number, .wd-header-cart.wd-design-5 .wd-cart-number {
    background-color: #fff !important;
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}

.wd-buttons :is(.wd-quick-view-icon,.wd-compare-btn) {
    display: block !important;
}

/*.product-label {
	font-size: 14px !important;
	font-weight: 600 !important;
}*/
.whb-header-bottom.whb-with-bg {
	border: none;
	padding: 0 0 7px !important;
	margin-top: -6px;
}

.tabs-layout-accordion .wc-tab-inner.wd-scroll-content{
    max-height: 100% !important;
}

/*RANK MATH BREADCRUMB*/
nav.rank-math-breadcrumb {
    flex: 1 1 auto;
	  font-size: 14px;
}

/*ARCHIVO LOOP*/
/*CATEGORY HEADER*/
/*body.woocommerce-shop .wd-page-title, body.tax-product_cat .wd-page-title, body.archive.woocommerce .wd-page-title
  {
        padding-block: 180px 110px !important;
}*/

.wd-nav-side-hidden-mb-on .wd-nav-product-cat {
        display: none !important;
}

.archivo-atributo-descripcion .wd-social-icons,
.selector-categorias-escritorio,
.seccion-barra-filtros-escritorio {
    display: none !important;
}
#archivo-atributo-descripcion-movil{
	display: none;
}

/*SINGLE PRODUCT*/
/*ADD TO CART BUTTON*/
    .sticky-toolbar-on .wd-sticky-btn {
        height: auto;
    }
    .wd-quantity-overlap div.quantity:not(.hidden)+.single_add_to_cart_button {
				padding-inline-start: calc(60px + var(--quantity-space)) !important;
		}




/*REVIEWS*/
.wd-single-reviews {
    padding-top: 2rem;
	  padding-bottom: 2rem;
}
/*RELATED AND FBT*/
.related-and-upsells:empty {
    margin-top: calc(var(--wd-single-spacing)* -4.1) !important;
}
.container.wd-fbt-wrap {
    padding-top: 1.5rem;
	  padding-bottom: 1.5rem;
}
.container.related-and-upsells {
    padding-top: 1.5rem;
		padding-bottom: 0.5rem;
}

/*FINALIZAR COMPRA*/
.detalles-pedido-escritorio {
	display:none;
}

/*FIBOSEARCH*/
				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;
				border: none !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: 577px) and (max-width: 767px) {
	.wd-logo img {
    margin-bottom: -5px;
}
.wd-header-cart.wd-design-2 .wd-cart-number, .wd-header-cart.wd-design-5 .wd-cart-number {
    background-color: #fff !important;
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}

/*RANK MATH BREADCRUMB*/
nav.rank-math-breadcrumb {
    flex: 1 1 auto;
	  font-size: 13px;
}

/*DIVISOR*/
    .wd-row-divider.dvr-style-sweet-wave svg {
        height: 30px !important;
    }

/*ARCHIVE LOOP*/
.vc_row.archivo-atributo-compartir {
    display: none !important;
}
#archivo-atributo-descripcion-escritorio {
	display: none;
}


/*MOBILE NAVIGATION BOTTOM*/
.wd-toolbar-link .wd-custom-icon img {
    height: 23px !important;
}
.wd-toolbar-label {
    text-transform: uppercase !important;
    font-size: 0.55rem !important;
}


.wd-buttons :is(.wd-quick-view-icon,.wd-compare-btn) {
    display: block !important;
}

.product-label {
	font-size: 13px !important;
	font-weight: 600 !important;
}

.whb-header-bottom.whb-with-bg {
    border: none;
    padding: 0 0 7px !important;
    margin-top: -6px;
}

.tabs-layout-accordion .wc-tab-inner.wd-scroll-content{
    max-height: 100% !important;
}

/*ARCHIVE SHOP LOOP*/
/*CATEGORY HEADER*/
/*body.woocommerce-shop .wd-page-title, body.tax-product_cat .wd-page-title, body.archive.woocommerce .wd-page-title
  {
        padding-block: 180px 110px !important;
}*/

.wd-nav-side-hidden-mb-on .wd-nav-product-cat {
        display: none !important;
}


.selector-categorias-escritorio,
.seccion-barra-filtros-escritorio {
	display:none !important;
}

/*SINGLE PRODUCT*/
/*ADD TO CART BUTTON*/
    .sticky-toolbar-on .wd-sticky-btn {
        height: auto;
    }
    .wd-quantity-overlap div.quantity:not(.hidden)+.single_add_to_cart_button {
    		padding-inline-start: calc(60px + var(--quantity-space)) !important;
		}




/*REVIEWS*/
.wd-single-reviews {
    padding-top: 2rem;
	  padding-bottom: 2rem;
}
/*RELATED AND FBT*/
.related-and-upsells:empty {
    margin-top: calc(var(--wd-single-spacing)* -4.1) !important;
}
.container.wd-fbt-wrap {
    padding-top: 1.5rem;
	  padding-bottom: 1.5rem;
}
.container.related-and-upsells {
    padding-top: 1.5rem;
		padding-bottom: 0.5rem;
}


/*FINALIZAR COMPRA*/
.detalles-pedido-escritorio {
	display:none;
}

/*FIBOSEARCH*/
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;
}


/*MXCHAT*/
div#floating-chatbot-button {
    visibility: hidden;
}

}

@media (max-width: 576px) {
	:root {
    --wd-sticky-btn-height: 40px;
}

.wd-logo img {
    margin-bottom: -5px;
}
.wd-header-cart.wd-design-2 .wd-cart-number, .wd-header-cart.wd-design-5 .wd-cart-number, 
.wd-tools-element:is(.wd-design-2,.wd-design-5) .wd-tools-count {
    /*background-color: #fff !important;*/
    color: var(--wd-text-color) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}
.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-tools-count {
    top: -3px !important;
    box-shadow: none !important;
    color: var(--wd-text-color) !important;
    font-size: 11px !important;
    /*font-weight: bold !important;*/
}
.wd-tools-element.wd-design-6>a>:is(.wd-tools-inner,.wd-tools-icon) {
    border: 1.6px solid var(--wd-primary-color) !important;
}
.whb-color-light .wd-tools-element.wd-design-6>a>:is(.wd-tools-inner,.wd-tools-icon) {
	  border: 1.6px solid rgb(255, 255, 255, 0.5) !important
}

/*BREADCRUMBS*/
.wd-breadcrumbs {
    font-size: 83% !important;
}
.home-breadcrumb-icon:before {
	font-size: 10px;
	font-weight: 400;
}

/*RANK MATH BREADCRUMB*/
nav.rank-math-breadcrumb {
    flex: 1 1 auto;
	  font-size: 12px;
}


/*MOBILE NAVIGATION BOTTOM*/
.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;
}

/*POPUP*/
.wd-promo-popup input.mailpoet_submit,
.wd-prefooter  input.mailpoet_submit{
		margin-top: 10px !important;
}


.wd-buttons :is(.wd-quick-view-icon,.wd-compare-btn) {
    display: block !important;
}

/*.product-label {
	font-size: 13px !important;
	font-weight: 600 !important;
}*/

.whb-header-bottom.whb-with-bg {
    border: none;
	  padding: 6px 0 12px !important;
    margin-top: -6px;
}
/*.whb-row.whb-general-header.whb-not-sticky-row.whb-with-bg.whb-border-fullwidth.whb-color-dark.whb-flex-flex-middle {
    border-top: 4px solid var(--wd-primary-color);
}*/
.tabs-layout-accordion .wc-tab-inner.wd-scroll-content{
    max-height: 100% !important;
}

/*DIVISOR*/
    .wd-row-divider.dvr-style-sweet-wave svg {
        height: 30px !important;
    }

#archivo-scroll-top .divisor-titulo-categoria {
    margin-top: -29px;
}


/*SIZEGUIDE*/
.sizeguide-paso-rutina-titulo {
    text-align: center;
}



/*ARCHIVE PRODUCT SHOP*/
/*CATEGORY HEADER*/
/*body.woocommerce-shop .wd-page-title, body.tax-product_cat .wd-page-title, body.archive.woocommerce .wd-page-title
  {
				padding-block: 175px 95px !important;
}*/
.wd-nav-side-hidden-mb-on .wd-nav-product-cat {
        display: none !important;
}

.selector-categorias .wd-page-title .wd-btn-show-cat>a {
		text-transform: uppercase;
    font-size: 13px;
    /*border: 2px solid rgba(255, 255, 255, 0.5);*/
    border-radius: 5px;
    padding: 10px 20px;
    min-height: 42px;
    background: #ffffff;
	  font-weight: 700 !important;
}
.selector-categorias .wd-btn-show-cat.wd-action-btn.wd-style-text.wd-burger-icon,
.selector-categorias .wd-btn-show-cat.wd-action-btn.wd-style-text.wd-burger-icon a,
.selector-categorias .wd-btn-show-cat.wd-action-btn.wd-style-text.wd-burger-icon .wd-action-text,
.selector-categorias .wd-btn-show-cat.wd-action-btn.wd-style-text.wd-burger-icon .wd-action-icon,
.selector-categorias .wd-btn-show-cat.wd-action-btn.wd-style-text.wd-burger-icon .wd-action-icon:before,
.selector-categorias .wd-btn-show-cat.wd-action-btn.wd-style-text.wd-burger-icon .wd-action-icon:after {
  color: #000000;
  fill: #000000;
  stroke: #000000;
  border-color: #000000;
}
/*.selector-categorias .wd-page-title .wd-btn-show-cat>a:hover {
		background: #ffffff;
		color: #000000;
}*/




/*Separación Vertical*/
/*    .wd-grid-g {
        gap: 20px 10px;
    }*/

/*.wd-products-element .wd-product {
    margin-bottom: 0px;
}*/

/*RECUENTO DE RESULTADOS*/
p.woocommerce-result-count {
    font-size: 14px;
}

/*FILTER OPENER*/
/*.wd-off-canvas-btn.wd-action-btn.wd-style-text.wd-action-custom-icon {
    padding: 11px 13px;
	  margin-right: 5px;
}*/

/*orderby*/
/*.woocommerce-ordering.wd-ordering-mb-icon:after {
    padding: 6.8px 13px;
    margin-top: 14.4px;
    margin-right: 16px;
}*/

/*SELECTOR CATEGORÍAS*/
/*.wd-btn-show-cat.wd-action-btn.wd-style-text.wd-burger-icon {
    padding: 13px 13px;
}
.wd-btn-show-cat.wd-action-btn.wd-style-text.wd-burger-icon {
	  border: 1px solid #ffffff !important;
	  border-radius: 2px;
}*/

/*.wd-off-canvas-btn.wd-action-btn.wd-style-text.wd-action-custom-icon, .woocommerce-ordering.wd-ordering-mb-icon:after  {
		background: rgb(0 0 0 / 3%);
    border: 2px solid var(--wd-primary-color) !important;
    border: 1px solid var(--btn-accented-bgcolor) !important;
	  border: 1px solid #858585 !important;
	  border-radius: 2px;
}*/

/*.wd-cats-element a {
	font-size:14px;
}*/


/*Vista de productos*/
.wd-product.product-list-item .product-list-content .wd-product-cats {
	margin: auto;
}

/*CATEGORÍAS*/
.wd-product .wd-product-cats a, .product-loop-spf {
    font-size: 0.70rem;
}
span.atributo-loop, span.atributo-preocupacion, span.atributo-accion-capilar {
    font-size: 0.75rem !important;
}

/*Tamaño*/
/*form.variations_form, .atributo-tamano-loop-contenedor {
    margin-top: -5px !important;
}*/

/*ETIQUETAS*/
/*.product-labels.labels-rounded .out-of-stock, .product-labels .product-label.new, .product-labels .product-label.featured, .product-labels .product-label.onsale {
		height: 43px !important;
    min-height: unset;
    font-size: 9px !important;
    width: 43px !important;
    word-break: unset;
}*/
.product-labels.labels-rectangular .product-label {
    font-size: 0.75rem !important;
}
.product-labels.labels-rectangular {
    inset-inline-start: 10px !important;
}
.woocommerce-product-gallery .product-labels.labels-rectangular {
    inset-inline-end: 10px !important;
	  inset-inline-start: unset !important;
}
.woocommerce-product-gallery .product-labels.labels-rectangular .product-label {
    font-size: 0.8rem;
}

/*SWATCHES*/
.product-element-bottom [class*="wd-swatches"].wd-text-style-4 .wd-swatch.wd-text .wd-swatch-text{
    font-size: calc(var(--wd-swatch-text-size) - 5px) !important;
}
.atributo-tamano-loop {
		font-size: 0.7rem;
}
.wd-swatches-product.wd-text-style-4 .wd-swatch-text, .atributo-tamano-loop {
    padding: 0 10px;
}
.wd-product .wd-swatches-product.wd-text-style-4 .wd-swatch.wd-text, .atributo-tamano-loop {
    min-width: 50px;
    height: 30px;
    margin-right: 0px;
    margin-bottom: 3px;
}



span.atributo-loop {
    font-size: 0.75rem;
}

/*.vc_row.archivo-atributo-compartir,
.selector-categorias-escritorio,
.seccion-barra-filtros-escritorio {
    display: none !important;
}

#archivo-atributo-descripcion-escritorio {
	display: none;
}*/

/*STOCK BAR IN LOOP*/
.woocommerce:not(.single-product) .wd-progress-bar .stock-info {
		font-size:0.75rem;
}


/*SINGLE PRODUCT*/



/*GALERÍA*/
/*.wd-carousel-container.wd-gallery-thumb {
    padding: 0 15px !important;
}*/



/*RUTINA RECOMENDADA*/
.rutina-info, .frecuencia-rutina strong {
  font-size: 0.9rem !important;
}
/*.single-product .formulado-con .woocommerce-product-attributes-item--attribute_pa_ingrediente-clave .woocommerce-product-attributes-item__value:before {
    font-size: 0.9rem !important;
}*/
.frecuencia-rutina strong span, .paso-rutina strong span {
	display:none;
}
.frecuencia-rutina, .paso-rutina {
	flex:4 !important;
	font-size: 0.9rem !important;
}
.uso-rutina img {
    transform: scale(0.85);
}
/*PASO, CATEGORÍA Y COLECCIÓN*/
/*div.categoria-paso a, div.coleccion-badge a, div.spf-badge span{
    font-size: 0.1rem;
}*/

/*FORMULADO CON*/
/*.single-product .wd-single-attrs h4.wd-el-title.title.element-title + table.shop_attributes .wd-attr-term a {
	  pointer-events: none;
}*/

/*PORCENTAJE DE DESCUENTO EN SINGLE PRODUCT*/
.single-product span.descuento {
    font-size: 0.85rem;
}

/*ADITIONAL INFORMATION*/
.wd-single-attrs:not(#popup-additional_information) .shop_attributes .wd-hint {
    line-height:1;
}

/*STOCK*/
body.single-product p.stock, p.stock.wd-style-default:is(.available-on-backorder,.in-stock) {
	  font-size: 0.8rem;
}

/*VARIATIONS PRICE*/

.woocommerce-variation-price {
    margin-right: 15px !important;
}
.woocommerce-variation-price:not(:empty)+.woocommerce-variation-availability {
    margin-left: 0 !important;
}

/*ADVERTENCIAS INGREDIENTES*/
.advertencias, .advertencias span, li.advertencia-ingrediente {
		font-size:0.8rem !important;
}


/*ADD TO CART BUTTON*/
.sticky-toolbar-on .wd-sticky-btn {
    height: auto;
}
/*.wd-quantity-overlap div.quantity:not(.hidden)+.single_add_to_cart_button {
    padding-inline-start: calc(60px + var(--quantity-space)) !important;
}*/
/*body.single-product div.wd-sticky-btn .single_add_to_cart_button:after {
    inset-inline-start: 92px !important;
}
body.single-product div.wd-sticky-btn .single_add_to_cart_button:before {
    border-left: 1px solid rgb(255 255 255 / 60%);
}*/

/*ACCIONES BAJO BOTÓN - AÑADIR A WISHLIST, ALERTA DE PRECIO...*/
body.single-product .wd-single-action-btn .wd-action-btn>a {
    font-size: 0.85rem;
}


/*COUNTDOWN TIMER EN SINGLE-PRODUCT*/
/*.single-product .wd-single-countdown {
    flex-direction: column !important;
}
.single-product .wd-single-countdown .wd-el-title {
		text-transform: uppercase;
		font-size: 0.9rem;
	  margin:auto;
	  margin-bottom: 10px !important;
}*/
/*.single-product .wd-timer {
		justify-content: center !important;
}*/
/*.single-product .wd-timer>span {
    flex-direction: column !important; 
}*/


/*SOCIAL SHARE*/
/*.single-product .wd-social-icons {
    justify-content: center !important;;
}
.single-product span.wd-label.share-title {
    display: none !important;
}
.single-product .wd-social-icons .wd-icon {
    font-size: 18px;
    line-height: 30px !important;
    margin-top: -2px;
}
.single-product .wd-social-icons .wd-social-icon {
	  width: 40px !important;
	  height: 40px !important;
	  margin: 0 5px !important;
}*/
 /*TABS*/
/*body.single-product .wd-side-hidden td.woocommerce-product-attributes-item__value {
    padding-left: 31px;
}*/
/* Flecha */
  .wd-hidden-tab-title::after {
		color: var(--wd-text-color) !important;
		opacity: 1 !important;
		font-weight:bold !important;
  }



/*ESTIMATE DELIVERY*/
/*.wd-product-info.wd-est-del {
    font-size: 14px;
}*/

/*REVIEWS*/
.wd-review-style-2 .meta {
    flex-flow: column;
    align-items: flex-start !important;
}
.wd-review-style-2 .meta time.woocommerce-review__published-date {
    font-size: 0.8rem;
}

/*QUICKVIEW*/
body .product-quick-view .single_add_to_cart_button:before {
	display:none;
}
body .product-quick-view .single_add_to_cart_button {
    padding-inline-start: 60px;
    padding: 0 20px;
    font-size: 0.7rem;
}
/*REVIEWS*/
.wd-single-reviews {
    padding-top: 2rem;
	  padding-bottom: 2rem;
}
/*RELATED AND FBT*/
.related-and-upsells:empty {
    margin-top: calc(var(--wd-single-spacing)* -4.1) !important;
}
.container.wd-fbt-wrap {
    padding-top: 1.5rem;
	  padding-bottom: 1.5rem;
}
.container.related-and-upsells {
    padding-top: 1.5rem;
		padding-bottom: 0.5rem;
}


/*FINALIZAR COMPRA*/
.detalles-pedido-escritorio {
	display:none;
}


/*FIBOSEARCH*/
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: 6px 10px 5px 6px !important;
        font-size: 0.8rem !important;
        font-family: inherit !important;
        border: 1px solid #858585 /*var(--color-gray-300)*/ !important;
        text-align: center;
        color: var(--wd-text-color);
	      border-radius: 3px !important;
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder {
		color: var(--color-gray-500);		
	  font-weight: 600;
}
.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: var(--color-gray-400) !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 input[type=search].dgwt-wcas-search-input::placeholder {
        font-weight: 500;
				color: var(--wd-text-color);
    }
.dgwt-wcas-overlay-mobile .dgwt-wcas-sf-wrapp {
    background-color: transparent !important;
}
.dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar {
    border-bottom: 1px solid var(--wd-primary-color) !important;
	  height: 46px !important;
}
.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return path, .dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) path, .dgwt-wcas-overlay-mobile .dgwt-wcas-voice-search svg path, .dgwt-wcas-style-pirx.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path {
    fill: var(--wd-primary-color) !important;
}

/*.whb-sticky-header .wd-tools-element.wd-header-mobile-nav.wd-style-icon + .wd-tools-element:not(.wd-header-wishlist), .whb-header .whb-without-bg .wd-header-wishlist.wd-tools-element {
    display: none !important;
}*/

/*WOOCOMMERCE LOOP*/
@media (max-width:768px) {
	body.archive .wd-timer>span {  
			font-size: 1rem !important;
	}
}




}