:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(28,40,35);
	--wd-text-font-size: 16px;
	--wd-title-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(28,40,35);
	--wd-entities-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: 1C2823;
	--wd-entities-title-color-hover: 2F7657;
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(28,40,35);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 18px;
	--wd-brd-radius: 4px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(47,118,87);
	--wd-alternative-color: rgb(159,203,173);
	--btn-default-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-transform: none;
	--btn-default-font-size: 16px;
	--btn-default-bgcolor: rgb(243,245,243);
	--btn-default-bgcolor-hover: rgb(232,236,233);
	--btn-default-padding: 14px 40px 14px 40px;
	--btn-accented-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 600;
	--btn-accented-transform: none;
	--btn-accented-font-size: 16px;
	--btn-accented-bgcolor: rgb(47,118,87);
	--btn-accented-bgcolor-hover: rgb(40,95,73);
	--btn-accented-padding: 14px 40px 14px 40px;
	--wd-form-brd-width: 1px;
	--notices-success-bg: 9FCBAD;
	--notices-success-color: rgb(28,40,35);
	--notices-warning-bg: #E0B252;
	--notices-warning-color: rgb(28,40,35);
	--wd-link-color: rgb(47,118,87);
	--wd-link-color-hover: rgb(36,91,67);
	--wd-sticky-btn-height: 95px;
}
.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-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: #ffffff;
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 46px;
}
html .wd-checkout-steps {
	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-color: rgb(28,40,35);
	--wd-form-placeholder-color: rgb(106,117,111);
	--wd-form-brd-color: rgb(205,216,209);
	--wd-form-brd-color-focus: rgb(47,118,87);
	--wd-form-bg: rgb(255,255,255);
}
.wd .product-label.onsale {
	background-color: rgb(204,12,57);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--btn-default-padding: 14px 32px 14px 32px;
	--btn-accented-padding: 14px 32px 14px 32px;
	--wd-sticky-btn-height: 95px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 34px;
	line-height: 40px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--btn-default-padding: 14px 24px 14px 24px;
	--btn-accented-padding: 14px 24px 14px 24px;
	--wd-sticky-btn-height: 42px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 28px;
	line-height: 34px;
	}

}
:root{
--wd-container-w: 1440px;
--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-page-title {
background-color: rgb(23,35,29);
}

/* =====================================================
   HORTITECNIA - CSS GLOBAL
   Imagenes de producto 1:1: gestion nativa WoodMart/WooCommerce
   Se conservan ajustes de header, menu, carrito y otros.
   ===================================================== */

/* ==============================================================
	 Superposición en imágenes de fondo de los títulos de Woodmart
   ============================================================== */

.wd-page-title > .wd-page-title-bg:has(> img) {
    isolation: isolate;
}

.wd-page-title > .wd-page-title-bg:has(> img)::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: #0000004f;
    pointer-events: none;
}


/* Compra en móvil: cantidad + botón ocupando el ancho disponible */
@media (max-width: 767px) {

    .single-product .summary
    :is(form.cart, .woocommerce-variation-add-to-cart)
    :where(*) {
        /* Sin reglas generales sobre los elementos internos */
    }

    .single-product .summary
    :is(form.cart, .woocommerce-variation-add-to-cart):has(> .single_add_to_cart_button) {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 10px;
        width: 100%;
    }

    .single-product .summary
    :is(form.cart, .woocommerce-variation-add-to-cart) > .quantity {
        flex: 0 0 auto;
        margin: 0;
        align-self: stretch;
    }

    .single-product .summary
    :is(form.cart, .woocommerce-variation-add-to-cart) > .single_add_to_cart_button {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        max-width: none;
        min-height: 48px;
        margin: 0;
        padding-inline: 16px;
        white-space: normal;
    }

    .single-product .summary
    :is(form.cart, .woocommerce-variation-add-to-cart) > .quantity
    :is(.qty, .minus, .plus) {
        height: 48px;
        min-height: 48px;
    }
}

/* =====================================================
   HORTITECNIA - ETIQUETAS DE PRODUCTO
   Oferta: arriba a la izquierda; radio 4px.
   ECO: debajo de oferta, ubicacion nativa.
   Destacado: abajo a la derecha; radio 4px.
   Requiere clase "ht-label-destacado" en el bloque
   principal de Gutenberg de la etiqueta Destacado.
   ===================================================== */

/* Conservar la etiqueta de descuento automatica. */
.product-label.onsale {
    border-radius: 4px !important;
}

/* Solo en las tarjetas de producto con etiqueta Destacado. */
.wd-product .product-element-top:has(.ht-label-destacado) {
    position: relative;
}

/* Ampliar el area de etiquetas para poder colocar
   Destacado en la esquina inferior derecha.
   Oferta y ECO conservan su agrupacion superior izquierda. */
.wd-product .product-element-top
.product-labels:has(.ht-label-destacado) {
    position: absolute;
    inset: 10px;
    width: auto;
    height: auto;
    max-width: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    pointer-events: none;
}

/* Permitir interaccion si alguna etiqueta contiene enlaces. */
.wd-product .product-element-top
.product-labels:has(.ht-label-destacado) a {
    pointer-events: auto;
}

/* Mover solo la etiqueta personalizada Destacado. */
.wd-product .product-element-top
.product-labels .product-label:has(.ht-label-destacado) {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    border-radius: 4px !important;
    overflow: hidden;
}

/* Respetar el radio tambien si el fondo esta en el
   bloque Gutenberg interior, y no en el contenedor. */
.wd-product .product-element-top
.product-labels .product-label:has(.ht-label-destacado)
.ht-label-destacado {
    border-radius: 4px !important;
}

/* =====================================================
   HORTITECNIA - PRECIOS WOOCOMMERCE v1.2.0
   Normal negro, oferta rojo, anterior gris.
   Nunca colorear todo el rango por clase .sale del padre.
   ===================================================== */

/* Normal: incluidos importes y simbolos. No afecta a totales. */
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price,
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price .woocommerce-Price-amount,
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price .woocommerce-Price-amount *,
.single-product .ht-sp-main-price--regular,
.single-product .ht-sp-main-price--regular .woocommerce-Price-amount,
.single-product .ht-sp-main-price--regular .woocommerce-Price-amount * {
    color: #191919 !important;
}

/* Solo un descuento real (WooCommerce lo marca con ins). */
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price ins,
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price ins *,
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price ins .woocommerce-Price-amount,
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price ins .woocommerce-Price-amount *,
.single-product .ht-sp-main-price--sale ins,
.single-product .ht-sp-main-price--sale ins *,
.single-product .ht-sp-main-price--sale ins .woocommerce-Price-amount,
.single-product .ht-sp-main-price--sale ins .woocommerce-Price-amount * {
    color: #CC0C39 !important;
    text-decoration: none !important;
}

/* Precio original tachado. */
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price del,
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price del *,
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price del .woocommerce-Price-amount,
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price del .woocommerce-Price-amount *,
.single-product .ht-sp-main-price--sale del,
.single-product .ht-sp-main-price--sale del *,
.single-product .ht-sp-main-price--sale del .woocommerce-Price-amount,
.single-product .ht-sp-main-price--sale del .woocommerce-Price-amount * {
    color: #777777 !important;
}
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price del,
.single-product .ht-sp-main-price--sale del {
    text-decoration: line-through !important;
    text-decoration-color: #777777 !important;
}

/* Orden VISUAL: oferta antes que antiguo; datos nativos intactos. */
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart)
.price:has(> del):has(> ins),
.single-product .ht-sp-main-price:has(> del):has(> ins) {
    display: inline-flex !important;
    align-items: baseline;
    flex-wrap: wrap;
    column-gap: 7px;
    row-gap: 2px;
}
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart)
.price:has(> del):has(> ins) > ins,
.single-product .ht-sp-main-price:has(> del):has(> ins) > ins {
    order: 1;
}
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart)
.price:has(> del):has(> ins) > del,
.single-product .ht-sp-main-price:has(> del):has(> ins) > del {
    order: 2;
}
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart)
.price:has(> del):has(> ins) > .woocommerce-price-suffix,
.single-product .ht-sp-main-price:has(> del):has(> ins) > .woocommerce-price-suffix {
    order: 3;
}

/* IVA y referencia por litro/kilo. */
:is(.wd-product, .single-product, .wd-sticky-btn, .wd-dropdown-cart, .woocommerce-mini-cart) .price .woocommerce-price-suffix {
    color: #777777 !important;
}
.single-product .ht-sp-main-unit {
    display: block !important;
    width: 100%;
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 400;
    color: #66756B !important;
    text-decoration: none !important;
}
.wd-sticky-btn .ht-sp-main-unit {
    font-size: 12px;
}

/* =====================================================
   CABECERA - ICONOS RESPONSIVE
   Movil y tablet: 26px / area tactil de 44px
   Escritorio: 24px
   Solo afecta al header; no al menu lateral.
   ===================================================== */

@media (max-width: 1024px) {

    .whb-header .whb-hidden-lg
    :is(.wd-header-mobile-nav, .wd-header-search-mobile, .wd-header-search,
        .wd-header-my-account, .wd-header-cart) > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 44px;
        min-width: 44px;
        min-height: 44px;
        padding: 0;
    }

    .whb-header .whb-hidden-lg
    :is(.wd-header-mobile-nav, .wd-header-search-mobile, .wd-header-search,
        .wd-header-my-account, .wd-header-cart)
    > a > .wd-tools-icon {
        font-size: 26px;
        line-height: 1;
    }

    .whb-header .whb-hidden-lg
    :is(.wd-header-mobile-nav, .wd-header-search-mobile, .wd-header-search,
        .wd-header-my-account, .wd-header-cart)
    > a > .wd-tools-icon::before,
    .whb-header .whb-hidden-lg
    :is(.wd-header-search-mobile, .wd-header-search)
    > a > .wd-tools-icon::after {
        font-size: 26px;
    }
}

@media (min-width: 1025px) {

    .whb-header .whb-visible-lg
    :is(.wd-header-search, .wd-header-search-mobile,
        .wd-header-my-account, .wd-header-cart)
    > a > .wd-tools-icon {
        font-size: 24px;
        line-height: 1;
    }

    .whb-header .whb-visible-lg
    :is(.wd-header-search, .wd-header-search-mobile,
        .wd-header-my-account, .wd-header-cart)
    > a > .wd-tools-icon::before,
    .whb-header .whb-visible-lg
    :is(.wd-header-search, .wd-header-search-mobile)
    > a > .wd-tools-icon::after {
        font-size: 24px;
    }
}


/* ==========================================
   HORTITECNIA - FORMULARIO CONTACTO
   Fluent Forms ID: 4
   Correccion del desplegable
   ========================================== */

#fluentform_4 select.ff-el-form-control {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 36px 0 15px !important;
    box-sizing: border-box;
    line-height: normal !important;
}

/* Estado de enfoque */
#fluentform_4 select.ff-el-form-control:focus {
    border-color: #2F7657 !important;
    outline-offset: 2px;
}



/* ==========================================
   HORTITECNIA - MENU MOVIL Y TABLET
   Version: 1.5
   WoodMart 8.6.4

   Ubicacion: CSS global
   Breakpoint: hasta 1024px
   ========================================== */

@media (max-width: 1024px) {

    /* 1. DRAWER */

    .mobile-nav.wd-side-hidden {
        width: 80vw;
        max-width: 400px;
        box-sizing: border-box;
    }


    /* 2. MENU PRINCIPAL */

    .mobile-nav .wd-nav-mobile > li > a,
    .mobile-nav .wd-nav-mobile > li > a .nav-link-text {
        font-family: var(--wd-title-font, Jost, sans-serif) !important;
        font-size: 20px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
        letter-spacing: normal !important;
        text-transform: none !important;
    }

    .mobile-nav .wd-nav-mobile > li > a {
        padding-top: 14px;
        padding-bottom: 14px;
    }


    /* 3. ELIMINAR SEPARADORES NATIVOS */

    .mobile-nav .wd-nav-mobile li,
    .mobile-nav .wd-nav-mobile li > a,
    .mobile-nav .wd-nav-mobile .wd-sub-menu,
    .mobile-nav .wd-nav-opener,
    .mobile-nav .wd-drilldown-back,
    .mobile-nav .wd-drilldown-back > a {
        border: 0 !important;
        box-shadow: none !important;
    }


    /* 4. VOLVER AL MENU */

    .mobile-nav .wd-drilldown-back {
        display: flex;
        align-items: center;
        gap: 0 !important;
        min-height: 44px;
        padding: 0 15px !important;
        box-sizing: border-box;
    }

    .mobile-nav .wd-drilldown-back > .wd-nav-opener {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        flex: 0 0 22px !important;
        width: 22px !important;
        min-width: 22px !important;
        height: 44px;
        padding: 0 !important;
        margin: 0 !important;

        border: 0 !important;
        background-color: transparent;
    }

    .mobile-nav .wd-drilldown-back > a {
        display: flex;
        flex: 1;
        align-items: center;

        min-width: 0;
        min-height: 44px;
        padding: 0 !important;
        margin: 0 !important;

        font-family: 'Inter', sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        letter-spacing: normal !important;
        text-transform: none !important;
        text-decoration: none !important;

        border: 0 !important;
        box-shadow: none !important;
    }


    /* 5. BLOQUES HTML DE WOODMART */

    .mobile-nav .wd-mob-nav-html-block,
    .mobile-nav .wd-mob-nav-html-block > .wp-block-wd-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
    }

    .mobile-nav .wd-mob-nav-html-block {
        border-bottom: none !important;
    }


    /* 6. TIPOGRAFIA DE LOS BANNERS */

    .mobile-nav .wd-mob-nav-html-block .wp-block-wd-title {
        font-family: var(--wd-title-font, Jost, sans-serif) !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        letter-spacing: normal !important;
        text-transform: none !important;
    }


    /* 7. TITULOS DE SECCION */

    .mobile-nav .wd-mob-nav-html-block .ht-menu-section-title {
        display: block;

        font-family: var(--wd-title-font, Jost, sans-serif) !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        letter-spacing: normal !important;
        text-transform: none !important;

        margin: 0 !important;
    }


    /* 8. ENLACES VER TODOS */

    .mobile-nav .wd-mob-nav-html-block .ht-menu-view-all {
        margin: 0 !important;
        line-height: 1.4;
    }

    .mobile-nav .wd-mob-nav-html-block .ht-menu-view-all a {
        font-family: 'Inter', sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        text-transform: none !important;
        text-decoration: none;
    }


    /* 9. COMPATIBILIDAD FILA PRODUCTOS */

    .mobile-nav .wp-block-wd-row.wd-73776f32 {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        margin-inline: 0 !important;
        box-sizing: border-box;
    }

    .mobile-nav .wd-73776f32 > .wp-block-wd-column {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        flex: 0 0 auto !important;
        margin-inline: 0 !important;
        box-sizing: border-box;
    }

    .mobile-nav .wd-73776f32 .wp-block-wd-cover {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }


    /* 10. ESPACIADO DE PRODUCTOS */

    .mobile-nav .wd-73776f32 > .wd-63761cce {
        gap: 6px !important;
        row-gap: 6px !important;
    }

    .mobile-nav .wd-73776f32
    > .wd-63761cce > .wp-block-wd-title,
    .mobile-nav .wd-73776f32
    > .wd-63761cce > p,
    .mobile-nav .wd-73776f32
    > .wd-63761cce > .wp-block-buttons {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }


    /* 11. FOCO VISIBLE */

    .mobile-nav a:focus-visible,
    .mobile-nav button:focus-visible {
        outline: 2px solid #2F7657 !important;
        outline-offset: -2px;
    }

}

/* =====================================================
   HORTITECNIA - SWATCHES FORMATO v1.2.0
   Formato + precio final negro + precio por litro/kilo.
   Solo los swatches enriquecidos por este plugin.
   ===================================================== */

.single-product form.variations_form
:is(.wd-swatches-single, .wd-swatches-product):has(.ht-price-card) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
}

.single-product form.variations_form
:is(.wd-swatches-single, .wd-swatches-product) .wd-swatch.wd-text.ht-price-card {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex: 0 0 112px;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 112px;
    min-width: 112px;
    max-width: 112px;
    min-height: 94px;
    height: auto;
    margin: 0 !important;
    padding: 10px 11px !important;
    gap: 4px;
    background-color: #FFFFFF !important;
    border: 1px solid #D4DDD7 !important;
    border-radius: 6px !important;
    color: #191919 !important;
    box-shadow: none !important;
    transform: none !important;
    text-align: left !important;
    white-space: normal;
}

/* Formato destacado y alineado al mismo margen del precio. */
.single-product form.variations_form
:is(.wd-swatches-single, .wd-swatches-product) .wd-swatch.ht-price-card .wd-swatch-text {
    display: block !important;
    box-sizing: border-box;
    align-self: stretch !important;
    width: 100% !important;
    min-height: 26px;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    color: #191919 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Los dos importes del swatch NO marcan ofertas con rojo. */
.single-product form.variations_form
:is(.wd-swatches-single, .wd-swatches-product) .wd-swatch.ht-price-card .ht-swatch-final-price {
    display: block !important;
    align-self: stretch;
    width: 100%;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #191919 !important;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.3;
    white-space: normal;
}

.single-product form.variations_form
:is(.wd-swatches-single, .wd-swatches-product) .wd-swatch.ht-price-card .ht-swatch-unit-price {
    display: block !important;
    align-self: stretch;
    width: 100%;
    text-align: left !important;
    color: #66756B !important;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    white-space: normal;
}

.single-product form.variations_form
:is(.wd-swatches-single, .wd-swatches-product) .wd-swatch.ht-price-card:hover:not(.wd-disabled) {
    border-color: #2F7657 !important;
}

.single-product form.variations_form
:is(.wd-swatches-single, .wd-swatches-product)
.wd-swatch.ht-price-card:is(.wd-active, .wd-selected, .selected) {
    border: 2px solid #2F7657 !important;
    background-color: #F3F8F5 !important;
    padding: 9px 10px !important;
}

.single-product form.variations_form
:is(.wd-swatches-single, .wd-swatches-product)
.wd-swatch.ht-price-card:is(.wd-active, .wd-selected, .selected) .wd-swatch-text {
    color: #20573F !important;
}

.single-product form.variations_form
:is(.wd-swatches-single, .wd-swatches-product) .wd-swatch.ht-price-card:is(.wd-disabled, .disabled) {
    opacity: .45;
    cursor: not-allowed;
}

.single-product form.variations_form
:is(.wd-swatches-single, .wd-swatches-product) .wd-swatch.ht-price-card:focus-visible {
    outline: 2px solid #2F7657;
    outline-offset: 3px;
}

@media (max-width: 767px) {
    .single-product form.variations_form
    :is(.wd-swatches-single, .wd-swatches-product):has(.ht-price-card) {
        gap: 8px;
    }
    .single-product form.variations_form
    :is(.wd-swatches-single, .wd-swatches-product) .wd-swatch.wd-text.ht-price-card {
        flex-basis: 104px;
        width: 104px;
        min-width: 104px;
        max-width: 104px;
        padding: 9px 10px !important;
    }
    .single-product form.variations_form
    :is(.wd-swatches-single, .wd-swatches-product)
    .wd-swatch.ht-price-card:is(.wd-active, .wd-selected, .selected) {
        padding: 8px 9px !important;
    }
    .single-product form.variations_form
    :is(.wd-swatches-single, .wd-swatches-product) .wd-swatch.ht-price-card .wd-swatch-text {
        font-size: 17px !important;
    }
}

/* =====================================================
   WOOCOMMERCE BLOCKS - CART / CHECKOUT v1.2.0
   Cambiar PRESENTACION, nunca importes ni descuentos.
   Totales del pedido mantienen su estilo propio.
   ===================================================== */

/* Precios de linea SIN oferta: negro. */
:is(.wc-block-cart, .wc-block-checkout) .wc-block-components-product-price,
:is(.wc-block-cart, .wc-block-checkout) .wc-block-components-product-price__value,
:is(.wc-block-cart, .wc-block-checkout) .wc-block-components-product-price__value * {
    color: #191919 !important;
}

/* En oferta, importe pagado rojo y original gris tachado. */
:is(.wc-block-cart, .wc-block-checkout)
.wc-block-components-product-price ins.wc-block-components-product-price__value,
:is(.wc-block-cart, .wc-block-checkout)
.wc-block-components-product-price ins.wc-block-components-product-price__value *,
:is(.wc-block-cart, .wc-block-checkout)
.wc-block-components-product-price ins.is-discounted {
    color: #CC0C39 !important;
    text-decoration: none !important;
}

:is(.wc-block-cart, .wc-block-checkout)
.wc-block-components-product-price del.wc-block-components-product-price__regular,
:is(.wc-block-cart, .wc-block-checkout)
.wc-block-components-product-price del.wc-block-components-product-price__regular * {
    color: #777777 !important;
}

:is(.wc-block-cart, .wc-block-checkout)
.wc-block-components-product-price del.wc-block-components-product-price__regular {
    text-decoration: line-through !important;
    text-decoration-color: #777777 !important;
}

/* Orden visual en los bloques React: nuevo ANTES que tachado. */
:is(.wc-block-cart, .wc-block-checkout)
.wc-block-components-product-price:has(> del):has(> ins) {
    display: inline-flex !important;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 7px;
    row-gap: 2px;
}
:is(.wc-block-cart, .wc-block-checkout)
.wc-block-components-product-price:has(> del):has(> ins) > ins {
    order: 1;
}
:is(.wc-block-cart, .wc-block-checkout)
.wc-block-components-product-price:has(> del):has(> ins) > del {
    order: 2;
}

/* CTA del carrito y checkout; sin tocar proveedores de pago. */
.wc-block-cart .wc-block-cart__submit-button,
.wc-block-checkout .wc-block-components-checkout-place-order-button {
    background-color: #2F7657 !important;
    border-color: #2F7657 !important;
    color: #FFFFFF !important;
    border-radius: 6px;
}
.wc-block-cart .wc-block-cart__submit-button:hover,
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover {
    background-color: #245E45 !important;
    border-color: #245E45 !important;
}
:is(.wc-block-cart, .wc-block-checkout) a:not(.wc-block-components-button) {
    color: #2F7657;
}
:is(.wc-block-cart, .wc-block-checkout) :is(input, select, textarea):focus-visible {
    outline: 2px solid #2F7657;
    outline-offset: 1px;
}
:is(.wc-block-cart, .wc-block-checkout) :is(input[type=checkbox], input[type=radio]) {
    accent-color: #2F7657;
}