:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: #333333;
	--wd-text-font-size: 16px;
	--wd-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #000000;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: #333333;
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #4F868E;
	--wd-alternative-color: rgb(33,31,31);
	--btn-default-transform: none;
	--btn-default-bgcolor: rgb(36,36,36);
	--btn-default-bgcolor-hover: rgb(51,51,51);
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgba(79,134,142,0.8);
	--btn-accented-bgcolor-hover: rgb(79,134,142);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgba(79,134,142,0.8);
	--wd-link-color-hover: rgb(79,134,142);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(36,36,36);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-size: 28px;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-size: 13px;
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: none;
}
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 {
	text-transform: none;
}
html table th {
	text-transform: none;
}
html .wd-checkout-steps {
	text-transform: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,247,248);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,247,248);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,247,248);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,247,248);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,247,248);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,247,248);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,247,248);
	background-image: none;
}
 {
	font-weight: 500;
	font-size: 16px;
	text-transform: none;
}
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-bg: rgb(255,255,255);
}
.wd .product-label.onsale {
	background-color: rgb(251,232,238);
	color: rgb(214,77,112);
}
.wd .product-label.new {
	background-color: rgb(230,243,235);
	color: rgb(67,135,99);
}
.wd .product-label.featured {
	background-color: rgb(255,243,214);
	color: rgb(154,104,0);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 22px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}
:root{
--wd-container-w: 1500px;
--wd-form-brd-radius: 30px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--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;
}

@media (min-width: 1500px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(245,247,248);
}

@font-face {
	font-family: "Satoshi";
	src: url("//shop.farmaciavinamata.com/wp-content/uploads/2024/10/Satoshi-Medium.woff") format("woff");
	font-weight: 500;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	src: url("//shop.farmaciavinamata.com/wp-content/uploads/2024/10/Satoshi-Bold.woff") format("woff");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

.wd-sub-menu .woodmart-nav-link {
  text-transform: none !important;
}

.wd-sub-menu .woodmart-nav-link {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.wd-sub-menu .woodmart-nav-link {
  font-size: 16px !important;
}

.wd-sub-menu .woodmart-nav-link {
  font-weight: 400 !important;
}

.wd-sub-menu.wd-grid-f-inline {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-auto-flow: row !important;
}


/* Visto recientemente - Woodmart */
.wd-product.wd-hover-small .product-wrapper {
    height: 105px !important;
    min-height: 105px !important;
    display: flex !important;
    align-items: center !important;
    padding: 15px 18px !important;
}

.wd-product.wd-hover-small .product-element-top {
    width: 60px !important;
    min-width: 60px !important;
    height: 75px !important;
    margin: 0 15px 0 0 !important;
}

.wd-product.wd-hover-small .product-element-top img {
    width: 60px !important;
    height: 75px !important;
    object-fit: contain !important;
}

.wd-product.wd-hover-small .product-information {
    padding: 0 !important;
    text-align: left !important;
}







.jv-az-brands-row { display: flex; border-bottom: 1px solid #eee; padding: 20px 0; }
.jv-az-brands-letter { width: 60px; font-size: 24px; font-weight: 700; flex-shrink: 0; }
.jv-az-brands-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 20px; flex: 1; }
.jv-az-brands-list a { color: #4F868E; text-decoration: none; }
.jv-az-brands-list a:hover { text-decoration: underline; }
@media (max-width: 768px) { .jv-az-brands-list { grid-template-columns: repeat(2, 1fr); } }










@media (min-width: 1025px) {

    /* =====================================================
       AGRUPAR ELS QUATRE BOTONS
       Evita que WoodMart reparteixi l'espai entre elements
    ===================================================== */

    .wd-nav:has(> li.menu-destacado) {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;

        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .wd-nav:has(> li.menu-destacado) > li.menu-destacado {
        position: relative !important;

        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    /* Anul·lar possibles marges entre elements */
    .wd-nav:has(> li.menu-destacado)
    > li.menu-destacado
    + li.menu-destacado {
        margin-left: 0 !important;
    }

    /* Eliminar pseudoelements antics del li */
    li.menu-destacado::before,
    li.menu-destacado::after {
        content: none !important;
        display: none !important;
    }


    /* =====================================================
       DISSENY COMÚ DELS QUATRE BOTONS
       La tipografia l'agafa del menú de WoodMart
    ===================================================== */

    li.menu-destacado > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;

        width: auto !important;
        min-height: 38px !important;
        padding: 5px 11px !important;

        border: 1px solid #E1E1E1 !important;
        border-radius: 7px !important;
        background-color: #FFFFFF !important;

        color: inherit !important;
        white-space: nowrap !important;

        box-shadow: none !important;

        transition:
            background-color .2s ease,
            border-color .2s ease,
            box-shadow .2s ease !important;
    }

    /* Estat actiu */
    li.menu-destacado.current-menu-item > a,
    li.menu-destacado.current-menu-ancestor > a {
        border-color: #E1E1E1 !important;
        background-color: #FFFFFF !important;
        color: inherit !important;
    }

    /* Hover */
    li.menu-destacado > a:hover {
        border-color: #CCCCCC !important;
        background-color: #FAFAFA !important;
        color: inherit !important;
        box-shadow: 0 3px 9px rgba(0, 0, 0, .05) !important;
    }


    /* =====================================================
       AMAGAR ICONES ANTIGUES DE WOODMART
    ===================================================== */

    li.menu-destacado .wd-nav-img,
    li.menu-destacado .menu-item-icon,
    li.menu-destacado .wd-nav-icon,
    li.menu-destacado > a > i {
        display: none !important;
    }


    /* =====================================================
       BASE COMUNA DELS CERCLES
    ===================================================== */

    li.menu-destacado > a::before {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 24px !important;
        width: 24px !important;
        height: 24px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;
        box-sizing: border-box !important;

        background-repeat: no-repeat !important;
        background-position: center !important;

        font-family: Arial, Helvetica, sans-serif !important;
        line-height: 1 !important;
    }


/* OFERTAS */
li.menu-ofertas > a::before {
    content: "%" !important;

    background-color: #FBE8EE !important;
    background-image: none !important;
    color: #D64D70 !important;

    font-size: 12px !important;
    font-weight: 600 !important;
}
	
	
/* MEJOR PRECIO — amarillo suave */
li.menu-destacado.menu-mejor-precio > a::before {
    content: "€" !important;
    background-color: #FFF3D6 !important;
    background-image: none !important;
    color: #9A6800 !important;

    font-size: 12px !important;
    font-weight: 700 !important;
}


    /* =====================================================
       NOVEDADES
    ===================================================== */

    li.menu-novedades > a::before {
        content: "NEW" !important;

        background-color: #E6F3EB !important;
        background-image: none !important;
        color: #438763 !important;

        font-size: 7px !important;
        font-weight: 700 !important;
        letter-spacing: -0.2px !important;
    }


    /* =====================================================
       PACKS Y DUPLOS
       Icona de regal integrada
    ===================================================== */

    li.menu-packs > a::before {
        content: "" !important;

        background-color: #EEE9F6 !important;

        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2373569D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M5 12v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-8'/%3E%3Cpath d='M7.5 8C6.1 8 5 7 5 5.8C5 4.8 5.8 4 6.8 4C9 4 12 8 12 8'/%3E%3Cpath d='M16.5 8C17.9 8 19 7 19 5.8C19 4.8 18.2 4 17.2 4C15 4 12 8 12 8'/%3E%3C/svg%3E") !important;

        background-size: 14px 14px !important;
    }


    /* =====================================================
       MARCAS
    ===================================================== */

    li.menu-marcas > a::before {
        content: "A–Z" !important;

        background-color: #F1F1F1 !important;
        background-image: none !important;
        color: #555555 !important;

        font-size: 8px !important;
        font-weight: 700 !important;
        letter-spacing: -0.3px !important;
    }
}

@media (min-width: 1025px) {
    .wd-nav > li.menu-destacado.menu-mejor-precio > a:hover,
    .wd-nav > li.menu-destacado.menu-mejor-precio > a:focus {
        border-color: #F1DCA2 !important;
        background-color: #FFFDF5 !important;
        box-shadow: 0 3px 9px rgba(154, 104, 0, .08) !important;
    }
}

@media (min-width: 1025px) {
    .wd-nav > li.menu-destacado.menu-ofertas > a:hover,
    .wd-nav > li.menu-destacado.menu-ofertas > a:focus {
        border-color: #F2B9C9 !important;
        background-color: #FFF9FB !important;
        box-shadow: 0 3px 9px rgba(214, 77, 112, .10) !important;
    }
}














/* =====================================================
   IMÁGENES DEL CARRITO LATERAL
===================================================== */

.cart-widget-side .mini_cart_item {
    align-items: flex-start !important;
}

/* Caja fija para todas las miniaturas */
.cart-widget-side .cart-item-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 72px !important;
    width: 72px !important;
    height: 90px !important;

    margin-right: 14px !important;
    overflow: hidden !important;
}

/* El enlace ocupa toda la caja */
.cart-widget-side .cart-item-image > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
}

/* Todas las imágenes quedan dentro de la misma medida */
.cart-widget-side .cart-item-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;

    object-fit: contain !important;
    object-position: center !important;
}

@media (max-width: 767px) {
    .cart-widget-side .cart-item-image {
        flex-basis: 64px !important;
        width: 64px !important;
        height: 82px !important;
        margin-right: 12px !important;
    }
}








/* =====================================================
   IMÁGENES DE LA PÁGINA DEL CARRITO
===================================================== */

/* Centrar verticalmente el contenido de cada producto */
.woocommerce-cart-form .shop_table .cart_item td {
    vertical-align: middle !important;
}

/* Columna reservada para la imagen */
.woocommerce-cart-form .shop_table .product-thumbnail {
    width: 100px !important;
    min-width: 100px !important;
    padding-right: 18px !important;
}

/* Caja fija para todas las imágenes */
.woocommerce-cart-form .shop_table .product-thumbnail > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 80px !important;
    height: 110px !important;

    margin: 0 auto !important;
    overflow: hidden !important;
}

/* Imagen adaptada sin deformarse ni recortarse */
.woocommerce-cart-form .shop_table .product-thumbnail img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;

    object-fit: contain !important;
    object-position: center !important;
}


/* =====================================================
   MÓVIL
===================================================== */

@media (max-width: 767px) {

    .woocommerce-cart-form .shop_table .product-thumbnail {
        width: 80px !important;
        min-width: 80px !important;
        padding-right: 12px !important;
    }

    .woocommerce-cart-form .shop_table .product-thumbnail > a {
        width: 65px !important;
        height: 85px !important;
    }
}






/* =====================================================
   IMÁGENES DEL RESUMEN DEL PEDIDO — CHECKOUT
===================================================== */

.woocommerce-checkout-review-order .cart_item img,
.woocommerce-checkout-review-order-table .cart_item img,
.woocommerce-checkout-review-order .wd-checkout-prod img {
    display: inline-block !important;

    width: 70px !important;
    height: 95px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    min-height: 95px !important;
    max-height: 95px !important;

    margin: 0 14px 0 0 !important;

    object-fit: contain !important;
    object-position: center !important;
    vertical-align: middle !important;
}

/* Alineación del contenido de cada producto */
.woocommerce-checkout-review-order .cart_item,
.woocommerce-checkout-review-order .wd-checkout-prod {
    align-items: center !important;
}

/* Móvil */
@media (max-width: 767px) {

    .woocommerce-checkout-review-order .cart_item img,
    .woocommerce-checkout-review-order-table .cart_item img,
    .woocommerce-checkout-review-order .wd-checkout-prod img {
        width: 58px !important;
        height: 78px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        min-height: 78px !important;
        max-height: 78px !important;
        margin-right: 10px !important;
    }
}








/* =====================================================
   TRUSTED SHOPS Y CARRITO LATERAL
===================================================== */

/* El carrito lateral siempre por encima */
.cart-widget-side {
    z-index: 99999 !important;
}

/* Trusted Shops por debajo del carrito */
[id*="trustbadge-container"],
[id*="trustedshops"],
iframe[src*="trustedshops"] {
    z-index: 9990 !important;
}

/* Ocultar el sello cuando se abre el carrito lateral */
body:has(.cart-widget-side.wd-opened) [id*="trustbadge-container"],
body:has(.cart-widget-side.wd-opened) [id*="trustedshops"],
body:has(.cart-widget-side.wd-opened) iframe[src*="trustedshops"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}






/* Botones que contienen texto real */
.vi-button-with-text {
    text-transform: none !important;
}

/* Etiqueta interna del botón */
.vi-button-label {
    text-transform: none !important;
    font-size: 14px !important;
}

/* Inputs que funcionan como botón */
input.vi-button-with-text {
    text-transform: none !important;
    font-size: 14px !important;
}

/* Tarjetas de producto de la home */
.home .wd-products-element .wd-add-btn a.vi-button-with-text,
.home .wd-products-element .wd-add-btn a.vi-button-with-text .vi-button-label {
    font-size: 13px !important;
}







@media (min-width: 1025px) {

    /* =====================================================
       HEADER NORMAL
       Oculta únicamente la lupa secundaria de la derecha.
       El buscador grande central sigue visible.
    ===================================================== */

    .whb-main-header:not(.whb-sticky-header):not(.whb-clone)
    .whb-col-right > .wd-header-search:has(~ .wd-header-my-account) {
        display: none !important;
    }


    /* =====================================================
       HEADER STICKY CLONADO
       Mostrar y ordenar:
       lupa → cuenta → favoritos → carrito
    ===================================================== */

    .whb-sticky-header.whb-clone .whb-col-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
    }

    /* Lupa */
    .whb-sticky-header.whb-clone
    .whb-col-right > .wd-header-search {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        order: 1 !important;
        margin: 0 4px 0 0 !important;
    }

    /* Cuenta */
    .whb-sticky-header.whb-clone
    .whb-col-right > .wd-header-my-account {
        order: 2 !important;
    }

    /* Favoritos */
    .whb-sticky-header.whb-clone
    .whb-col-right > .wd-header-wishlist {
        order: 3 !important;
    }

    /* Carrito */
    .whb-sticky-header.whb-clone
    .whb-col-right > .wd-header-cart {
        order: 4 !important;
    }
}



/* ENVOLVER PARA REGALO - ESTILO CHECKBOX */
button.cgwfw-btn.vi-button-with-text {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    color: #333333 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    opacity: 1 !important;
    filter: none !important;
}

/* TEXTO */
button.cgwfw-btn.vi-button-with-text,
button.cgwfw-btn.vi-button-with-text * {
    color: #333333 !important;
    font-size: 14px !important;
}

/* CASILLA SIN SELECCIONAR */
button.cgwfw-btn.vi-button-with-text::before {
    content: "" !important;
    display: flex !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1.5px solid #729EA5 !important;
    border-radius: 3px !important;
}

/* HOVER - NO CAMBIA EL FONDO DEL BOTÓN */
button.cgwfw-btn.vi-button-with-text:hover,
button.cgwfw-btn.vi-button-with-text:focus {
    background: transparent !important;
    background-color: transparent !important;
    color: #333333 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* HOVER SOLO EN LA CASILLA */
button.cgwfw-btn.vi-button-with-text:hover::before {
    border-color: #4F868E !important;
}

/* SELECCIONADO - SOLO SE RELLENA LA CASILLA */
button.cgwfw-btn.vi-button-with-text[aria-pressed="true"] {
    background: transparent !important;
    background-color: transparent !important;
    color: #333333 !important;
}

/* CHECKBOX SELECCIONADO */
button.cgwfw-btn.vi-button-with-text[aria-pressed="true"]::before {
    content: "✓" !important;
    background: #4F868E !important;
    border-color: #4F868E !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* TEXTO SIGUE NEGRO AL ESTAR SELECCIONADO */
button.cgwfw-btn.vi-button-with-text[aria-pressed="true"],
button.cgwfw-btn.vi-button-with-text[aria-pressed="true"] * {
    color: #333333 !important;
}

/* OCULTAR 0,00 € */
button.cgwfw-btn .cgwfw-btn-fee {
    display: none !important;
}




/* Subcategorías desplegadas del menú móvil */
.mobile-nav .wd-nav-mobile > li > .wd-sub-menu > li > a {
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 7px 10px 7px 30px !important;
    min-height: 46px !important;
}

/* Forzar tamaño del texto interior */
.mobile-nav .wd-nav-mobile > li > .wd-sub-menu > li > a > span {
    font-size: 14px !important;
}





/* Altura del sticky header solo en móvil */
@media (max-width: 1024px) {

    :root {
        --wd-header-clone-h: 60px !important;
    }

    .whb-clone .whb-row {
        min-height: 60px !important;
        height: 60px !important;
    }
}










/* =========================================================
   MENÚ LATERAL DE CATEGORÍAS - FARMACIA VIÑAMATA
   Menú: "Category menu"
   ========================================================= */


/* ---------------------------------------------------------
   1. AJUSTES GENERALES
   --------------------------------------------------------- */

body.woocommerce #menu-category-menu,
body.woocommerce #menu-category-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.woocommerce #menu-category-menu li {
    position: relative;
}


/* Quitar posibles estilos raros heredados */
body.woocommerce #menu-category-menu li::before {
    display: none !important;
}


/* ---------------------------------------------------------
   2. CATEGORÍAS PRINCIPALES
   Cosmética, Higiene, Nutrición...
   --------------------------------------------------------- */

body.woocommerce #menu-category-menu > li {
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.055);
}

body.woocommerce #menu-category-menu > li > a {
    display: block;
    position: relative;

    padding: 11px 38px 11px 14px;

    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;

    color: #333;
    text-decoration: none;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}


/* Hover categoría principal */
body.woocommerce #menu-category-menu > li > a:hover {
    color: var(--wd-primary-color);
    background-color: rgba(0, 0, 0, 0.025);
}


/* ---------------------------------------------------------
   3. SUBCATEGORÍAS
   Facial, Capilar, Solar...
   --------------------------------------------------------- */

body.woocommerce #menu-category-menu .sub-menu {
    display: none;

    margin: 0;
    padding: 2px 0 8px 0;
}


/* Mostrar cuando está desplegado */
body.woocommerce #menu-category-menu li.is-open > .sub-menu {
    display: block;
}


/* Enlaces subcategorías */
body.woocommerce #menu-category-menu .sub-menu > li > a {
    display: block;

    padding: 7px 35px 7px 28px;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;

    color: #666;
    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}


/* Hover subcategorías */
body.woocommerce #menu-category-menu .sub-menu > li > a:hover {
    color: var(--wd-primary-color);
    background-color: rgba(0, 0, 0, 0.025);
}


/* ---------------------------------------------------------
   4. TERCER NIVEL, POR SI ALGUNA CATEGORÍA TIENE OTRO NIVEL
   --------------------------------------------------------- */

body.woocommerce #menu-category-menu .sub-menu .sub-menu > li > a {
    padding-left: 42px;
    font-size: 14px;
}


/* ---------------------------------------------------------
   5. CATEGORÍA ACTUAL
   --------------------------------------------------------- */

/* Categoría exacta en la que estamos */
body.woocommerce #menu-category-menu li.current-menu-item > a {
    color: var(--wd-primary-color) !important;
    font-weight: 600 !important;

    background-color: rgba(0, 0, 0, 0.045);

    border-left: 3px solid var(--wd-primary-color);

    padding-left: 25px;
}


/* Si la categoría actual es PRINCIPAL */
body.woocommerce #menu-category-menu > li.current-menu-item > a {
    padding-left: 11px;
}


/* Padre de la categoría actual:
   por ejemplo Cosmética cuando estamos en Facial */
body.woocommerce #menu-category-menu > li.current-menu-ancestor > a,
body.woocommerce #menu-category-menu > li.current-menu-parent > a {
    color: #222;
    font-weight: 700;
}


/* ---------------------------------------------------------
   6. BOTÓN + / −
   --------------------------------------------------------- */

body.woocommerce #menu-category-menu .menu-item-has-children > .menu-toggle-cat {
    position: absolute;

    top: 5px;
    right: 3px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 50%;

    background: transparent;

    color: #777;

    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;

    z-index: 2;
}


/* Hover botón */
body.woocommerce #menu-category-menu .menu-toggle-cat:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: var(--wd-primary-color);
}


/* Cuando está abierto */
body.woocommerce #menu-category-menu li.is-open > .menu-toggle-cat {
    color: var(--wd-primary-color);
}


/* ---------------------------------------------------------
   7. BOTONES DE SUBNIVELES
   --------------------------------------------------------- */

body.woocommerce #menu-category-menu .sub-menu .menu-toggle-cat {
    top: 1px;
    right: 3px;

    width: 28px;
    height: 28px;

    font-size: 16px;
}


/* ---------------------------------------------------------
   8. "MEJOR PRECIO"
   Si no tiene hijos, queda como enlace independiente
   --------------------------------------------------------- */

body.woocommerce #menu-category-menu > li:not(.menu-item-has-children) > a {
    padding-right: 14px;
}


/* ---------------------------------------------------------
   9. MÓVIL
   --------------------------------------------------------- */

@media (max-width: 768px) {

    body.woocommerce #menu-category-menu > li > a {
        padding-top: 12px;
        padding-bottom: 12px;

        font-size: 16px;
    }

    body.woocommerce #menu-category-menu .sub-menu > li > a {
        padding-top: 9px;
        padding-bottom: 9px;

        font-size: 15px;
    }

}






/* HOME: eliminar completamente el bloque de título de WoodMart */
.home .page-title,
.home .wd-page-title {
    display: none !important;
}

/* HOME: eliminar espacio entre menú y contenido */
.home .main-page-wrapper {
    padding-top: 0 !important;
}
















/* =========================================================
   FARMÀCIA VIÑAMATA
   NEWSLETTER BREVO
   ========================================================= */


/* =========================================================
   GENERAL
   ========================================================= */

.sib-form {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    text-align: left !important;
}


#sib-form-container {
    width: 100% !important;
    max-width: 980px !important;

    margin: 0 auto !important;
    padding: 0 25px !important;

    box-sizing: border-box !important;
}


#sib-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    text-align: left !important;
}


#sib-form,
#sib-form *,
#sib-form-container * {
    box-sizing: border-box !important;
    font-family: inherit !important;
}


/* =========================================================
   TÍTULO
   ========================================================= */

.vinamata-newsletter-title {
    margin: 0 0 7px !important;
    padding: 0 !important;
}

.vinamata-newsletter-title p {
    margin: 0 !important;
    padding: 0 !important;

    font-family: Cabin, Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;

    color: #000000 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* =========================================================
   SUBTÍTULO
   ========================================================= */

.vinamata-newsletter-description {
    margin: 0 0 20px !important;
    padding: 0 !important;
}


.vinamata-newsletter-description p {
    margin: 0 !important;
    padding: 0 !important;

    font-family: inherit !important;

    font-size: 14px !important;
    line-height: 21px !important;

    font-weight: 400 !important;

    color: #6F7A82 !important;
}


/* =========================================================
   EMAIL
   ========================================================= */

.vinamata-email-block {
    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;
}


.vinamata-email-block .form__entry,
.vinamata-email-block .form__label-row {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.vinamata-email-field {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


#sib-form #EMAIL {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 48px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    background: #fff !important;

    border: 1px solid #e0e4e6 !important;
    border-radius: 5px !important;

    box-shadow: none !important;

    font-family: inherit !important;

    font-size: 14px !important;
    line-height: normal !important;

    font-weight: 400 !important;

    color: #333 !important;

    outline: none !important;
}


#sib-form #EMAIL::placeholder {
    font-family: inherit !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    color: #9099a1 !important;

    opacity: 1 !important;

    text-transform: none !important;
}


#sib-form #EMAIL:focus {
    border-color: #4F868E !important;

    box-shadow: 0 0 0 1px rgba(79, 134, 142, .08) !important;

    outline: none !important;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.vinamata-optin {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.vinamata-optin .form__entry {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Checkbox + texto */
.vinamata-optin-label {
    display: flex !important;

    align-items: center !important;

    gap: 9px !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer !important;

    font-family: inherit !important;
}


/* CHECKBOX REAL */
#sib-form #OPT_IN {
    display: inline-block !important;

    position: static !important;

    flex: 0 0 16px !important;

    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;

    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    appearance: auto !important;
    -webkit-appearance: checkbox !important;

    accent-color: #4F868E !important;

    transform: none !important;

    cursor: pointer !important;
}


/* Texto consentimiento */
.vinamata-optin-text {
    display: inline-block !important;

    position: static !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: inherit !important;

    font-size: 14px !important;
    line-height: 20px !important;

    font-weight: 400 !important;

    color: #6F7A82 !important;

    transform: none !important;
}


/* Asterisco */
.vinamata-required {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #d95555 !important;
}


/* =========================================================
   TEXTO LEGAL
   ========================================================= */

.vinamata-optin-legal {
    width: 100% !important;

    margin: 7px 0 0 0 !important;
    padding: 0 !important;

    font-family: inherit !important;

    font-size: 12px !important;
    line-height: 18px !important;

    font-weight: 400 !important;

    color: #8A949C !important;
}


/* =========================================================
   BOTÓN
   ========================================================= */

.vinamata-button-block {
    margin: 24px 0 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


#sib-form .sib-form-block__button {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 185px !important;
    min-width: 185px !important;

    height: 44px !important;

    margin: 0 !important;
    padding: 0 26px !important;

    background-color: rgba(79, 134, 142, 0.8) !important;
    color: #fff !important;

    border: 0 !important;
    border-radius: 999px !important;

    box-shadow: none !important;

    font-family: inherit !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;

    text-align: center !important;
    text-transform: none !important;

    cursor: pointer !important;

    transition: background-color .2s ease !important;
}

#sib-form .sib-form-block__button:hover,
#sib-form .sib-form-block__button:focus,
#sib-form .sib-form-block__button:active {
    background-color: rgb(79, 134, 142) !important;
    color: #fff !important;

    box-shadow: none !important;
    opacity: 1 !important;
}


/* =========================================================
   MENSAJES BREVO
   ========================================================= */

.vinamata-message {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 18px !important;
    padding: 12px 15px !important;

    border-radius: 5px !important;

    font-family: inherit !important;

    font-size: 13px !important;
    line-height: 19px !important;

    text-align: left !important;
}


.vinamata-message-error {
    color: #661d1d !important;
    background: #ffeded !important;

    border: 1px solid #ffb8b8 !important;
}


.vinamata-message-success {
    color: #245b3a !important;
    background: #edf8f1 !important;

    border: 1px solid #b8dfc6 !important;
}


/* =========================================================
   ERRORES CAMPOS
   ========================================================= */

.vinamata-field-error {
    display: block !important;

    margin: 5px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    font-family: inherit !important;

    font-size: 12px !important;
    line-height: 17px !important;

    color: #d95555 !important;
}


/* =========================================================
   LOADER DEL BOTÓN
   ========================================================= */

#sib-form .progress-indicator__icon {
    width: 14px !important;
    height: 14px !important;

    margin-right: 7px !important;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    #sib-form-container {
        padding: 0 15px !important;
    }


    .vinamata-newsletter-title p {
        font-size: 20px !important;
    }


    .vinamata-newsletter-description p {
        font-size: 13px !important;
        line-height: 20px !important;
    }


    #sib-form #EMAIL {
        height: 46px !important;
    }


    .vinamata-optin-label {
        align-items: flex-start !important;
    }


    #sib-form #OPT_IN {
        margin-top: 2px !important;
    }


    .vinamata-optin-text {
        font-size: 13px !important;
        line-height: 19px !important;
    }


    .vinamata-optin-legal {
        font-size: 11px !important;
        line-height: 17px !important;
    }


    #sib-form .sib-form-block__button {
        width: 100% !important;
        min-width: 100% !important;
    }

}




.wd-slide-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.60) 0%,
    rgba(0, 0, 0, 0.30) 45%,
    rgba(0, 0, 0, 0) 75%
  );
  pointer-events: none;
}












@media (max-width: 1400px) {

    /* Ocultar header de escritorio */
    body .whb-visible-lg,
    body .whb-hidden-mobile {
        display: none !important;
    }

    /* Mostrar header móvil */
    body .whb-hidden-lg {
        display: flex !important;
    }

    /* Ocultar filas configuradas como desktop */
    .whb-row.whb-hidden-mobile {
        display: none !important;
    }
}