@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//herbolare.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.1.2") format("woff2");
}

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

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

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 15px;
	--wd-primary-color: rgb(107,180,39);
	--wd-alternative-color: rgb(0,0,0);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-font-family: "Playfair Display", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(107,180,39);
	--btn-accented-bgcolor-hover: rgb(107,180,39);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(http://herbolare.com/wp-content/uploads/2021/07/promo-popup-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://herbolare.com/wp-content/uploads/2025/05/title.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(36,44,47);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1322px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1322px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1322px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1322px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/* === Barra de envío gratis — 4 ago 2026 === */
[class*="free-progress-bar"],
[class*="free-shipping-progress"] {
    background-color: #EAF3F6 !important;
    border: 1px solid #0B5E75 !important;
    border-radius: 8px !important;
    padding: 18px 20px !important;
}

[class*="free-progress-bar"] p,
[class*="free-shipping-progress"] p,
[class*="free-progress-bar"] > div:first-child {
    font-size: 21px !important;
    font-weight: 700 !important;
    color: #0B5E75 !important;
    text-align: center !important;
    line-height: 1.35 !important;
}

[class*="free-progress-bar"] strong,
[class*="free-progress-bar"] span.amount,
[class*="free-progress-bar"] .woocommerce-Price-amount {
    color: #0B5E75 !important;
    font-size: 24px !important;
}

[class*="free-progress-bar"] .wd-progress-bar span,
[class*="free-progress-bar"] [style*="width"] {
    background-color: #0B5E75 !important;
    background-image: none !important;
}

@media (max-width: 768px) {
    [class*="free-progress-bar"] p,
    [class*="free-shipping-progress"] p {
        font-size: 18px !important;
    }
}
/* ============================================================
   Herbolare — ocultar la barra de "envío gratis" cuando el carrito
   trae la Rutina de Alivio, que ya viaja con envío gratis propio.

   Dónde va: Apariencia → Personalizar → CSS adicional
   Para revertir: borrar este bloque.

   Funciona sin JavaScript: el navegador reevalúa el CSS solo cuando
   el carrito cambia, así que también aplica en el panel lateral que
   se abre por AJAX.

   Si algún día haces otro paquete con envío gratis propio, duplica
   las dos reglas cambiando el slug.
   ============================================================ */

/* Mini-carrito (panel lateral y desplegable del header) */
.widget_shopping_cart_content:has(a[href*="rutina-de-alivio-dolorzen-herboflex"])
  .wd-free-progress-bar {
  display: none !important;
}

/* Página /cart/ — la barra vive fuera de la tabla, por eso se
   pregunta desde el body si la tabla contiene el paquete */
body:has(.woocommerce-cart-form a[href*="rutina-de-alivio-dolorzen-herboflex"])
  .wd-free-progress-bar {
  display: none !important;
}

/* Checkout, por si tienes la barra activada también ahí */
body:has(.woocommerce-checkout-review-order a[href*="rutina-de-alivio-dolorzen-herboflex"])
  .wd-free-progress-bar {
  display: none !important;
}