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

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

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "SatoshiVariable", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "ClashDisplay", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "ClashDisplay", 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: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "ClashDisplay", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "SatoshiVariable", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #432F2E;
	--wd-alternative-color: #D9EAB5;
	--btn-default-bgcolor: #432F2E;
	--btn-default-bgcolor-hover: #ADA59A;
	--btn-accented-bgcolor: #432F2E;
	--btn-accented-bgcolor-hover: #ADA59A;
	--btn-font-family: "SatoshiVariable", Arial, Helvetica, sans-serif;
	--btn-font-weight: 500;
	--btn-transform: none;
	--wd-form-brd-width: 0px;
	--notices-success-bg: #D9EAB5;
	--notices-success-color: #432F2E;
	--notices-warning-bg: #C2DAE9;
	--notices-warning-color: #432F2E;
	--wd-link-color: #432F2E;
	--wd-link-color-hover: #ADA59A;
}
.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;
}
.header-banner {
	background-color: rgb(94,104,33);
	background-image: none;
}
: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(246,243,237);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-weight: 500;
	font-size: 28px;
	color: rgb(94,104,33);
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 38px;
}
.page .wd-page-content {
	background-color: #FEFDEF;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: #FEFDEF;
	background-image: none;
}
.single-product .wd-page-content {
	background-color: #FEFDEF;
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: #FEFDEF;
	background-image: none;
}
.single-post .wd-page-content {
	background-color: #FEFDEF;
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: #FEFDEF;
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: #FEFDEF;
	background-image: 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: #432F2E;
	--wd-form-placeholder-color: #ADA59A;
	--wd-form-brd-color: #ADA59A;
	--wd-form-brd-color-focus: #432F2E;
	--wd-form-bg: #FEFDEF;
}
.product-labels .product-label.onsale {
	background-color: rgb(255,255,255);
	color: rgb(36,36,36);
}
.product-labels .product-label.new {
	background-color: rgb(255,255,255);
	color: rgb(36,36,36);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 60px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 22px;
	}
	html .post.wd-post:not(.blog-design-small) .wd-entities-title {
		font-size: 26px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 20px;
	}
	html .post.wd-post:not(.blog-design-small) .wd-entities-title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1420px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #333;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

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


.wd-page-title {
background-color: rgb(246,243,237);
}

@font-face {
	font-family: "ClashDisplay";
	src: url("//origenafem.com/wp-content/uploads/2023/06/ClashDisplay-Medium.woff2") format("woff2"), 
url("//origenafem.com/wp-content/uploads/2023/06/ClashDisplay-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "ClashDisplay";
	src: url("//origenafem.com/wp-content/uploads/2023/06/ClashDisplay-Bold.woff2") format("woff2"), 
url("//origenafem.com/wp-content/uploads/2023/06/ClashDisplay-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "SatoshiVariable";
	src: url("//origenafem.com/wp-content/uploads/2023/06/Satoshi-Medium.woff2") format("woff2"), 
url("//origenafem.com/wp-content/uploads/2023/06/Satoshi-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "SatoshiVariable";
	src: url("//origenafem.com/wp-content/uploads/2023/06/Satoshi-Bold.woff2") format("woff2"), 
url("//origenafem.com/wp-content/uploads/2023/06/Satoshi-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

/* =========================================================
   ORIGENA — FOOTER
   Elementor HTML Block ID 69
   ========================================================= */


/* =========================================================
   1. WRAPPER DE WOODMART — FULL WIDTH
   ========================================================= */

.container.main-footer.wd-entry-content {
    width: 100% !important;
    max-width: none !important;

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


/* Elementor del footer */
.elementor-69 {
    width: 100% !important;
    max-width: none !important;

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


/* =========================================================
   2. CONTENEDOR EXTERIOR VERDE
   Elementor ID: f5tjmgu
   ========================================================= */

.elementor-69 .elementor-element-f5tjmgu {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    /* Espaciado general del footer */
    padding-top: 52px !important;
    padding-right: 0 !important;
    padding-bottom: 16px !important;
    padding-left: 0 !important;

    /* Color actual del footer */
    background-color: #5F673D !important;

    /* Evita espacios automáticos entre bloques */
    gap: 0 !important;

    min-height: 0 !important;
    box-sizing: border-box !important;
}


/* Contenido centrado dentro del fondo full width */
.elementor-69
.elementor-element-f5tjmgu
> .e-con-inner {
    width: 100% !important;
    max-width: 1400px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 32px !important;
    padding-right: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   3. FILA DE LAS 5 COLUMNAS
   Elementor ID: fkyghcx
   ========================================================= */

.elementor-69 .elementor-element-fkyghcx,
.elementor-69 .footer-columns-row {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    justify-content: space-between !important;
    align-items: flex-start !important;

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

    gap: 28px !important;

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

    box-sizing: border-box !important;
}


/* =========================================================
   4. COLUMNAS
   ========================================================= */


/* COLUMNA 1 — Logo */
.elementor-69 .elementor-element-xb0r39z,
.elementor-69 .footer-col-1 {
    width: 22% !important;
    max-width: 22% !important;
    flex: 0 0 22% !important;
}


/* COLUMNA 2 — Tienda */
.elementor-69 .elementor-element-2ok5gum,
.elementor-69 .footer-col-2 {
    width: 16% !important;
    max-width: 16% !important;
    flex: 0 0 16% !important;
}


/* COLUMNA 3 — Ayuda */
.elementor-69 .elementor-element-7iro4cf,
.elementor-69 .footer-col-3 {
    width: 18% !important;
    max-width: 18% !important;
    flex: 0 0 18% !important;
}


/* COLUMNA 4 — Información */
.elementor-69 .elementor-element-ajhdr9h,
.elementor-69 .footer-col-4 {
    width: 19% !important;
    max-width: 19% !important;
    flex: 0 0 19% !important;
}


/* COLUMNA 5 — Contacto */
.elementor-69 .elementor-element-fmrg62j,
.elementor-69 .footer-col-5 {
    width: 17% !important;
    max-width: 17% !important;
    flex: 0 0 17% !important;
}


/* Quitar padding innecesario que Elementor pueda introducir
   dentro de las columnas */
.elementor-69 .elementor-element-xb0r39z > .e-con-inner,
.elementor-69 .elementor-element-2ok5gum > .e-con-inner,
.elementor-69 .elementor-element-7iro4cf > .e-con-inner,
.elementor-69 .elementor-element-ajhdr9h > .e-con-inner,
.elementor-69 .elementor-element-fmrg62j > .e-con-inner {
    margin: 0 !important;
    padding: 0 !important;

    width: 100% !important;
}


/* =========================================================
   5. LOGO / SVG / ICONOS
   ========================================================= */

.elementor-69 .origena-footer-brand img {
    display: block !important;
    height: auto !important;
}


/* SVG inline de redes/contacto */
.elementor-69 svg {
    display: block;
    flex-shrink: 0;
}


/* =========================================================
   6. COPYRIGHT
   Elementor ID: 5m1nnzb
   ========================================================= */

.elementor-69 .elementor-element-5m1nnzb,
.elementor-69 .footer-copyright-row {
    width: 100% !important;

    margin-top: 30px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding-top: 20px !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;

    border-top:
        1px solid rgba(254, 253, 239, 0.18) !important;

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

    min-height: 0 !important;
    height: auto !important;

    gap: 0 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* Widget interior del copyright */
.elementor-69 .elementor-element-0hq3fc4,
.elementor-69
.elementor-element-0hq3fc4
> .elementor-widget-container {
    width: 100% !important;

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

    min-height: 0 !important;
}


/* Texto copyright */
.elementor-69 .elementor-element-0hq3fc4 p,
.elementor-69 .footer-copyright-row p,
.elementor-69
.footer-copyright-row
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(254, 253, 239, 0.72) !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    letter-spacing: 0.2px !important;

    text-align: center !important;
}


/* =========================================================
   7. ELIMINAR ESPACIO SOBRANTE AL FINAL
   ========================================================= */

/* No dejar padding/margen extra después del copyright */
.elementor-69
.elementor-element-f5tjmgu
> .e-con-inner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* Footer nativo de WoodMart */
.main-footer,
.main-footer.wd-entry-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* Si todavía existe el antiguo widget HTML que contenía CSS,
   no debe ocupar ningún espacio.
   Puedes eliminarlo de Elementor cuando quieras. */
.elementor-69 .elementor-element-footer_css_fjhpx4b {
    display: none !important;
}


/* =========================================================
   8. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-69 .elementor-element-f5tjmgu {
        padding-top: 42px !important;
        padding-bottom: 18px !important;
    }


    .elementor-69
    .elementor-element-f5tjmgu
    > .e-con-inner {
        padding-left: 26px !important;
        padding-right: 26px !important;
    }


    .elementor-69 .elementor-element-fkyghcx,
    .elementor-69 .footer-columns-row {
        flex-wrap: wrap !important;

        gap: 32px 24px !important;
    }


    /* Marca arriba ocupando toda la fila */
    .elementor-69 .elementor-element-xb0r39z,
    .elementor-69 .footer-col-1 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }


    /* Las otras 4 columnas en 2 x 2 */
    .elementor-69 .elementor-element-2ok5gum,
    .elementor-69 .elementor-element-7iro4cf,
    .elementor-69 .elementor-element-ajhdr9h,
    .elementor-69 .elementor-element-fmrg62j,
    .elementor-69 .footer-col-2,
    .elementor-69 .footer-col-3,
    .elementor-69 .footer-col-4,
    .elementor-69 .footer-col-5 {
        width: calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
        flex: 0 0 calc(50% - 12px) !important;
    }


    .elementor-69 .elementor-element-5m1nnzb,
    .elementor-69 .footer-copyright-row {
        margin-top: 28px !important;
        padding-top: 20px !important;
    }

}


/* =========================================================
   9. MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .elementor-69 .elementor-element-f5tjmgu {
        padding-top: 36px !important;
        padding-bottom: 20px !important;
    }


    .elementor-69
    .elementor-element-f5tjmgu
    > .e-con-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }


    .elementor-69 .elementor-element-fkyghcx,
    .elementor-69 .footer-columns-row {
        display: flex !important;

        flex-direction: column !important;
        flex-wrap: nowrap !important;

        gap: 27px !important;
    }


    .elementor-69 .elementor-element-xb0r39z,
    .elementor-69 .elementor-element-2ok5gum,
    .elementor-69 .elementor-element-7iro4cf,
    .elementor-69 .elementor-element-ajhdr9h,
    .elementor-69 .elementor-element-fmrg62j,
    .elementor-69 .footer-col-1,
    .elementor-69 .footer-col-2,
    .elementor-69 .footer-col-3,
    .elementor-69 .footer-col-4,
    .elementor-69 .footer-col-5 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }


    .elementor-69 .elementor-element-5m1nnzb,
    .elementor-69 .footer-copyright-row {
        margin-top: 28px !important;
        padding-top: 18px !important;
    }


    .elementor-69 .elementor-element-0hq3fc4 p,
    .elementor-69 .footer-copyright-row p {
        font-size: 12px !important;
    }

}


/* =========================================================
   ORIGENA — CHECKOUT + NUBEFACT v2
   ========================================================= */


/* =========================================================
   1. PRIMERA FILA
   Nombre + Apellidos
   ========================================================= */

#billing_first_name_field,
#billing_last_name_field {
    box-sizing: border-box !important;
}


/* =========================================================
   2. DNI / CE / RUC
   Debajo de Nombre + Apellidos
   ========================================================= */

#billing_company_field {
    width: 100% !important;

    float: none !important;
    clear: both !important;

    box-sizing: border-box !important;
}


/* =========================================================
   3. TELÉFONO + EMAIL
   Una fila por campo como en Calma
   ========================================================= */

#billing_phone_field,
#billing_email_field {
    width: 100% !important;

    float: none !important;
    clear: both !important;
}


/* =========================================================
   4. DIRECCIÓN
   ========================================================= */

#billing_country_field,
#billing_state_field,
#billing_city_field,
#billing_address_1_field,
#billing_address_2_field {

    width: 100% !important;

    float: none !important;
    clear: both !important;
}


/* =========================================================
   5. NUBEFACT
   Todos a ancho completo
   ========================================================= */

#wnj_denominacion_field,
#billing_comprobante_type_field,
#billing_doc_kind_field,
#billing_doc_num_field {

    width: 100% !important;

    float: none !important;
    clear: both !important;

    box-sizing: border-box !important;
}


/* =========================================================
   6. SEPARADOR
   Igual concepto que Calma,
   adaptado a Origena.
   ========================================================= */

#wnj_denominacion_field {

    position: relative;

    margin-top: 30px !important;

    padding-top: 26px !important;

    border-top:
        1px solid rgba(
            67,
            47,
            46,
            .18
        ) !important;

    clear: both !important;
}


#wnj_denominacion_field::before {

    content: "Datos de facturación";

    display: block;

    position: absolute;

    top: -11px;
    left: 0;

    padding:
        0
        10px
        0
        0;

    /*
     * Mismo fondo que utiliza actualmente
     * el checkout de Origena.
     */
    background: #F6F3ED;

    color: #5E6821;

    font-family:
        "SatoshiVariable",
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    line-height: 20px;

    letter-spacing: .08em;

    text-transform: uppercase;
}


/* =========================================================
   7. CÓDIGO POSTAL
   Presente en DOM, invisible.
   ========================================================= */

#billing_postcode_field {
    display: none !important;
}


/* =========================================================
   8. LABELS NUBEFACT
   ========================================================= */

#wnj_denominacion_field label,
#billing_comprobante_type_field label,
#billing_doc_kind_field label,
#billing_doc_num_field label {

    color: #432F2E !important;

    font-weight: 500 !important;
}


/* =========================================================
   9. FOCUS ORIGENA
   ========================================================= */

#billing_company:focus,
#wnj_denominacion:focus,
#billing_doc_num:focus {

    outline: none !important;

    border-color:
        #5E6821 !important;

    box-shadow:
        0 0 0 2px
        rgba(
            94,
            104,
            33,
            .08
        ) !important;
}


/* =========================================================
   10. FIX FLOATS WOOCOMMERCE
   ========================================================= */

.woocommerce-billing-fields__field-wrapper::after {

    content: "";

    display: table;

    clear: both;
}


.woocommerce-shipping-fields {

    display: block;

    clear: both;
}

/* =========================================================
   ORIGENA — CHECKOUT VISUAL
   Capa estética. No modifica lógica NubeFact.
   ========================================================= */


/* =========================================================
   1. BASE
   ========================================================= */

body.woocommerce-checkout {
    background: #FEFDEF;
    color: #432F2E;
}


/* Área principal */
body.woocommerce-checkout .site-content {
    background: #FEFDEF;
}


/* =========================================================
   2. COLUMNA IZQUIERDA — FORMULARIO
   ========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields {

    background: rgba(255, 255, 255, .42);

    border: 1px solid rgba(67, 47, 46, .10);

    padding: 30px 32px 32px;

    box-shadow:
        0 8px 30px rgba(67, 47, 46, .035);
}


/* Título */
body.woocommerce-checkout
.woocommerce-billing-fields > h3 {

    color: #432F2E;

    font-family: "ClashDisplay", serif;

    font-size: 24px;
    font-weight: 500;

    line-height: 1.2;

    margin: 0 0 26px;

    padding-bottom: 15px;

    border-bottom: 1px solid rgba(67, 47, 46, .16);
}


/* =========================================================
   3. LABELS
   ========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields label,

body.woocommerce-checkout
.woocommerce-additional-fields label {

    color: #432F2E !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.35;

    margin-bottom: 7px !important;
}


/* Obligatorios */
body.woocommerce-checkout .required {
    color: #5F673D !important;
}


/* Opcional */
body.woocommerce-checkout .optional {

    color: #ADA59A !important;

    font-size: 11px;
    font-weight: 500;
}


/* =========================================================
   4. CAMPOS
   ========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields input.input-text,

body.woocommerce-checkout
.woocommerce-billing-fields select,

body.woocommerce-checkout
.woocommerce-billing-fields
.select2-container
.select2-selection--single,

body.woocommerce-checkout
.woocommerce-additional-fields textarea {

    min-height: 46px;

    background: #F7F4ED !important;

    color: #432F2E !important;

    border: 1px solid rgba(67, 47, 46, .16) !important;

    border-radius: 2px !important;

    box-shadow: none !important;

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


/* Inputs */
body.woocommerce-checkout
.woocommerce-billing-fields input.input-text {

    padding-left: 13px !important;
    padding-right: 13px !important;
}


/* Focus */
body.woocommerce-checkout
.woocommerce-billing-fields input.input-text:focus,

body.woocommerce-checkout
.woocommerce-billing-fields select:focus,

body.woocommerce-checkout
.woocommerce-billing-fields
.select2-container--open
.select2-selection--single,

body.woocommerce-checkout
.woocommerce-additional-fields textarea:focus {

    background: #FEFDEF !important;

    border-color: #5F673D !important;

    box-shadow:
        0 0 0 2px rgba(95, 103, 61, .08) !important;

    outline: none !important;
}


/* Placeholder */
body.woocommerce-checkout
input::placeholder,

body.woocommerce-checkout
textarea::placeholder {

    color: rgba(67, 47, 46, .42) !important;
}


/* =========================================================
   5. ESPACIADO DEL FORMULARIO
   ========================================================= */

body.woocommerce-checkout
.woocommerce-billing-fields
.form-row {

    margin-bottom: 17px !important;
}


/* =========================================================
   6. BLOQUE NUBEFACT
   ========================================================= */

body.woocommerce-checkout
#wnj_denominacion_field {

    margin-top: 34px !important;

    padding-top: 31px !important;

    border-top:
        1px solid rgba(67, 47, 46, .15) !important;
}


/* Título de sección */
body.woocommerce-checkout
#wnj_denominacion_field::before {

    background: rgba(255, 255, 255, .42) !important;

    color: #5F673D !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    letter-spacing: .12em !important;
}


/* =========================================================
   7. COLUMNA DERECHA — TU PEDIDO
   ========================================================= */

body.woocommerce-checkout
.checkout-order-review {

    background: #F2F0E8 !important;

    border: 1px solid rgba(67, 47, 46, .10);

    padding: 26px 28px !important;

    box-shadow:
        0 10px 35px rgba(67, 47, 46, .05);
}


/* Si WoodMart usa este wrapper */
body.woocommerce-checkout
.woocommerce-checkout-review-order {

    color: #432F2E;
}


/* Títulos derecha */
body.woocommerce-checkout
.checkout-order-review h3,

body.woocommerce-checkout
.woocommerce-checkout-review-order
.wd-title {

    color: #432F2E !important;

    font-family: "ClashDisplay", serif;

    font-weight: 500;
}


/* Líneas */
body.woocommerce-checkout
.shop_table tr,

body.woocommerce-checkout
.shop_table th,

body.woocommerce-checkout
.shop_table td {

    border-color:
        rgba(67, 47, 46, .12) !important;
}


/* Total destacado */
body.woocommerce-checkout
.order-total th,

body.woocommerce-checkout
.order-total td {

    color: #432F2E !important;

    font-weight: 700 !important;
}


/* =========================================================
   8. PAYMENT
   ========================================================= */

body.woocommerce-checkout
#payment {

    background: transparent !important;
}


body.woocommerce-checkout
#payment .payment_methods {

    border-color:
        rgba(67, 47, 46, .12) !important;
}


/* Mensajes informativos dentro del pago */
body.woocommerce-checkout
#payment .woocommerce-info {

    background: #C2DAE9 !important;

    color: #432F2E !important;

    border: 0 !important;
}


/* =========================================================
   9. BOTÓN REALIZAR PEDIDO
   ========================================================= */

body.woocommerce-checkout
#place_order {

    width: 100%;

    min-height: 50px;

    background: #432F2E !important;

    color: #FEFDEF !important;

    border: 1px solid #432F2E !important;

    border-radius: 0 !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: .02em;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


body.woocommerce-checkout
#place_order:hover {

    background: #5F673D !important;

    border-color: #5F673D !important;

    color: #FEFDEF !important;
}


/* =========================================================
   10. INFORMACIÓN ADICIONAL
   ========================================================= */

body.woocommerce-checkout
.woocommerce-additional-fields {

    margin-top: 28px;

    background: rgba(255, 255, 255, .35);

    border: 1px solid rgba(67, 47, 46, .08);

    padding: 25px 28px;
}


body.woocommerce-checkout
.woocommerce-additional-fields > h3 {

    color: #432F2E;

    font-family: "ClashDisplay", serif;

    font-size: 19px;

    font-weight: 500;

    margin-bottom: 20px;
}


/* Textarea */
body.woocommerce-checkout
#order_comments {

    min-height: 110px !important;

    padding: 12px 14px !important;
}
/* =========================================================
   ORIGENA — CHECKOUT · PULIDO FINAL DESKTOP
   ========================================================= */


/* Títulos principales */
body.woocommerce-checkout
.woocommerce-billing-fields > h3,
body.woocommerce-checkout
.checkout-order-review > h3,
body.woocommerce-checkout
.woocommerce-checkout-review-order h3 {

    font-size: 25px !important;
    line-height: 1.2 !important;
    color: #432F2E !important;
}


/* Tarjetas un poco más refinadas */
body.woocommerce-checkout
.woocommerce-billing-fields,
body.woocommerce-checkout
.checkout-order-review {

    border-radius: 4px !important;

    box-shadow:
        0 8px 30px rgba(67,47,46,.045) !important;
}


/* Total más visible */
body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.order-total {

    border-top:
        1px solid rgba(67,47,46,.20) !important;
}


body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.order-total th,
body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.order-total td {

    padding-top: 15px !important;
    padding-bottom: 15px !important;

    color: #432F2E !important;

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


/* Mantener el resumen visible mientras se completa el formulario */
@media (min-width: 1025px) {

    body.woocommerce-checkout
    .checkout-order-review {

        position: sticky !important;
        top: 30px !important;
    }

}

/* =========================================================
   ORIGENA — CARRITO VISUAL · FINAL
   WoodMart Layout ID 975
   ========================================================= */


/* =========================================================
   1. BASE
   ========================================================= */

.elementor-975 {
    color: #432F2E;
}


/* =========================================================
   2. PASOS DEL PROCESO
   ========================================================= */

.elementor-975 .wd-checkout-steps {
    margin-bottom: 34px !important;
}

.elementor-975 .wd-checkout-steps li span,
.elementor-975 .wd-checkout-steps li a {
    font-family: "SatoshiVariable", Arial, sans-serif;
    color: rgba(67, 47, 46, .52) !important;
    font-weight: 500;
}

.elementor-975 .wd-checkout-steps .step-cart span {
    color: #432F2E !important;
    font-weight: 600;
}


/* =========================================================
   3. BARRA DE ENVÍO GRATIS
   ========================================================= */

.elementor-975 .wd-free-progress-bar {
    background: rgba(255, 255, 255, .42) !important;

    border: 1px solid rgba(67, 47, 46, .10) !important;

    padding: 18px 20px !important;

    margin-bottom: 24px !important;

    border-radius: 4px !important;
}

.elementor-975
.wd-free-progress-bar
.progress-msg p {

    margin: 0 0 11px !important;

    color: #432F2E !important;

    font-size: 13px !important;
    font-weight: 500 !important;
}

.elementor-975
.wd-free-progress-bar
.progress-area {

    height: 5px !important;

    background:
        rgba(67, 47, 46, .10) !important;

    border-radius: 999px !important;

    overflow: hidden !important;
}

.elementor-975
.wd-free-progress-bar
.progress-bar {

    height: 100% !important;

    background: #D9EAB5 !important;

    border-radius: 999px !important;
}


/* =========================================================
   4. TARJETA PRINCIPAL DEL CARRITO
   ========================================================= */

.elementor-975 .woocommerce-cart-form {

    background:
        rgba(255, 255, 255, .42) !important;

    border:
        1px solid rgba(67, 47, 46, .10) !important;

    padding:
        26px 28px 22px !important;

    border-radius:
        4px !important;

    box-shadow:
        0 8px 30px rgba(67, 47, 46, .04) !important;
}


/* =========================================================
   5. TABLA
   ========================================================= */

.elementor-975
.woocommerce-cart-form
.shop_table {

    margin-bottom:
        0 !important;

    border:
        0 !important;
}


/* Cabecera */
.elementor-975
.woocommerce-cart-form
.shop_table thead th {

    padding-top:
        0 !important;

    padding-bottom:
        14px !important;

    color:
        #432F2E !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    letter-spacing:
        .06em !important;

    text-transform:
        uppercase !important;

    border-bottom:
        1px solid rgba(67, 47, 46, .14) !important;
}


/* Filas */
.elementor-975
.woocommerce-cart-form
.cart_item td {

    padding-top:
        20px !important;

    padding-bottom:
        20px !important;

    border-bottom:
        1px solid rgba(67, 47, 46, .10) !important;

    vertical-align:
        middle !important;
}


/* =========================================================
   6. IMAGEN DEL PRODUCTO
   ========================================================= */

.elementor-975
.product-thumbnail img {

    width:
        84px !important;

    height:
        96px !important;

    object-fit:
        cover !important;

    border-radius:
        4px !important;

    background:
        #F7F4ED !important;
}


/* =========================================================
   7. NOMBRE DEL PRODUCTO
   ========================================================= */

.elementor-975
.product-name a {

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif;

    font-size:
        16px !important;

    font-weight:
        500 !important;

    line-height:
        1.35 !important;

    transition:
        color .2s ease;
}

.elementor-975
.product-name a:hover {

    color:
        #5F673D !important;
}


/* =========================================================
   8. PRECIO Y SUBTOTAL
   ========================================================= */

.elementor-975
.product-price,

.elementor-975
.product-subtotal {

    color:
        #432F2E !important;

    font-size:
        14px !important;

    font-weight:
        500 !important;
}

.elementor-975
.product-subtotal {

    font-weight:
        600 !important;
}


/* =========================================================
   9. CANTIDAD
   ========================================================= */

.elementor-975 .quantity {

    border:
        1px solid rgba(67, 47, 46, .18) !important;

    background:
        #FEFDEF !important;

    border-radius:
        3px !important;

    overflow:
        hidden !important;
}


.elementor-975
.quantity input.qty {

    background:
        transparent !important;

    color:
        #432F2E !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


.elementor-975
.quantity .minus,

.elementor-975
.quantity .plus {

    background:
        transparent !important;

    color:
        #432F2E !important;

    border:
        0 !important;

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


.elementor-975
.quantity .minus:hover,

.elementor-975
.quantity .plus:hover {

    background:
        #D9EAB5 !important;

    color:
        #432F2E !important;
}


/* =========================================================
   10. ELIMINAR PRODUCTO
   X limpia y discreta
   ========================================================= */

.elementor-975
.product-remove {

    width:
        34px !important;

    padding-right:
        12px !important;
}


.elementor-975
.product-remove .remove {

    position:
        relative !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        26px !important;

    height:
        26px !important;

    min-width:
        26px !important;

    padding:
        0 !important;

    margin:
        0 !important;

    border:
        1px solid rgba(67, 47, 46, .22) !important;

    border-radius:
        50% !important;

    background-color:
        transparent !important;

    color:
        transparent !important;

    font-size:
        0 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;

    box-shadow:
        none !important;

    background-image:
        linear-gradient(
            45deg,
            transparent 46%,
            #432F2E 46%,
            #432F2E 54%,
            transparent 54%
        ),
        linear-gradient(
            -45deg,
            transparent 46%,
            #432F2E 46%,
            #432F2E 54%,
            transparent 54%
        ) !important;

    background-size:
        10px 10px,
        10px 10px !important;

    background-position:
        center,
        center !important;

    background-repeat:
        no-repeat !important;

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


/* Eliminar cualquier icono heredado de WoodMart */
.elementor-975
.product-remove .remove::before,

.elementor-975
.product-remove .remove::after {

    content:
        none !important;

    display:
        none !important;
}


/* Hover */
.elementor-975
.product-remove .remove:hover {

    background-color:
        #432F2E !important;

    border-color:
        #432F2E !important;

    background-image:
        linear-gradient(
            45deg,
            transparent 46%,
            #FEFDEF 46%,
            #FEFDEF 54%,
            transparent 54%
        ),
        linear-gradient(
            -45deg,
            transparent 46%,
            #FEFDEF 46%,
            #FEFDEF 54%,
            transparent 54%
        ) !important;

    transform:
        scale(1.05);
}


/* =========================================================
   11. ZONA CUPÓN
   ========================================================= */

.elementor-975
.wd-cart-action-row td {

    padding-top:
        22px !important;

    border:
        0 !important;
}


.elementor-975
.cart-actions {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        0 !important;

    width:
        100% !important;
}


.elementor-975
.wd-coupon-form {

    display:
        flex !important;

    align-items:
        stretch !important;

    width:
        100% !important;

    max-width:
        420px !important;

    gap:
        0 !important;

    margin:
        0 !important;
}


/* Input */
.elementor-975
.wd-coupon-form
#coupon_code {

    flex:
        1 1 auto !important;

    width:
        auto !important;

    min-width:
        0 !important;

    height:
        46px !important;

    min-height:
        46px !important;

    margin:
        0 !important;

    padding:
        0 14px !important;

    background:
        #F7F4ED !important;

    color:
        #432F2E !important;

    border:
        1px solid rgba(67, 47, 46, .18) !important;

    border-right:
        0 !important;

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

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    box-shadow:
        none !important;
}


/* Placeholder */
.elementor-975
.wd-coupon-form
#coupon_code::placeholder {

    color:
        rgba(67, 47, 46, .48) !important;
}


/* Focus */
.elementor-975
.wd-coupon-form
#coupon_code:focus {

    background:
        #FEFDEF !important;

    border-color:
        #432F2E !important;

    outline:
        none !important;
}


/* Botón */
.elementor-975
.wd-coupon-form
button[name="apply_coupon"] {

    flex:
        0 0 auto !important;

    height:
        46px !important;

    min-height:
        46px !important;

    margin:
        0 !important;

    padding:
        0 20px !important;

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border:
        1px solid #432F2E !important;

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

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;

    box-shadow:
        none !important;

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


.elementor-975
.wd-coupon-form
button[name="apply_coupon"]:hover {

    background:
        #5F673D !important;

    border-color:
        #5F673D !important;

    color:
        #FEFDEF !important;
}


/* =========================================================
   12. TARJETA DE TOTALES
   ========================================================= */

.elementor-975
.cart-totals-inner {

    background:
        #F2F0E8 !important;

    border:
        1px solid rgba(67, 47, 46, .10) !important;

    padding:
        27px 28px !important;

    border-radius:
        4px !important;

    box-shadow:
        0 10px 35px rgba(67, 47, 46, .05) !important;
}


/* Título */
.elementor-975
.cart-totals-inner > h2 {

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif;

    font-size:
        24px !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;

    margin:
        0 0 20px !important;

    padding-bottom:
        15px !important;

    border-bottom:
        1px solid rgba(67, 47, 46, .16) !important;
}


/* =========================================================
   13. TABLA DE TOTALES
   ========================================================= */

.elementor-975
.cart_totals
.shop_table th,

.elementor-975
.cart_totals
.shop_table td {

    color:
        #432F2E !important;

    border-color:
        rgba(67, 47, 46, .10) !important;

    padding-top:
        13px !important;

    padding-bottom:
        13px !important;
}


.elementor-975
.cart_totals
.shop_table th {

    font-size:
        13px !important;

    font-weight:
        500 !important;
}


.elementor-975
.cart_totals
.shop_table td {

    text-align:
        right !important;

    font-size:
        14px !important;

    font-weight:
        500 !important;
}


/* Total final */
.elementor-975
.cart_totals
.order-total {

    border-top:
        1px solid rgba(67, 47, 46, .18) !important;
}


.elementor-975
.cart_totals
.order-total th,

.elementor-975
.cart_totals
.order-total td {

    padding-top:
        17px !important;

    padding-bottom:
        17px !important;

    font-size:
        16px !important;

    font-weight:
        700 !important;
}


/* =========================================================
   14. BOTÓN FINALIZAR COMPRA
   ========================================================= */

.elementor-975
.wc-proceed-to-checkout {

    margin-top:
        17px !important;
}


.elementor-975
.wc-proceed-to-checkout
.checkout-button {

    width:
        100% !important;

    min-height:
        50px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border:
        1px solid #432F2E !important;

    border-radius:
        0 !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    text-transform:
        none !important;

    box-shadow:
        none !important;

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


.elementor-975
.wc-proceed-to-checkout
.checkout-button:hover {

    background:
        #5F673D !important;

    border-color:
        #5F673D !important;

    color:
        #FEFDEF !important;
}


/* =========================================================
   15. STICKY TOTALES EN DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

    .elementor-975
    .elementor-element-3dea2bd {

        position:
            sticky !important;

        top:
            30px !important;
    }

}

/* =========================================================
   ORIGENA — PRODUCT ARCHIVE VISUAL
   WoodMart Layout ID 974
   ========================================================= */


/* =========================================================
   1. BASE
   ========================================================= */

.elementor-974 {
    color: #432F2E;
}


/* =========================================================
   2. BREADCRUMB
   ========================================================= */

.elementor-974 .wd-breadcrumbs {
    margin-bottom: 26px !important;

    color: rgba(67,47,46,.52) !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size: 13px !important;
}

.elementor-974 .wd-breadcrumbs a {
    color: rgba(67,47,46,.62) !important;

    transition: color .2s ease;
}

.elementor-974 .wd-breadcrumbs a:hover {
    color: #432F2E !important;
}


/* =========================================================
   3. CONTROLES SUPERIORES
   Vista 2/3/4 columnas + filtros
   ========================================================= */

.elementor-974 .wd-products-shop-view {
    display: flex;
    align-items: center;

    gap: 7px;
}


/* Cada selector de vista */
.elementor-974
.wd-products-shop-view
.shop-view {

    width: 34px !important;
    height: 34px !important;

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

    background: rgba(255,255,255,.42);

    border:
        1px solid rgba(67,47,46,.14);

    border-radius: 3px;

    color: #432F2E;

    transition:
        background .2s ease,
        border-color .2s ease;
}


.elementor-974
.wd-products-shop-view
.shop-view:hover {

    background: #F2F0E8;

    border-color:
        rgba(67,47,46,.25);
}


/* Botón filtros */
.elementor-974
.wd-shop-filters-btn
.open-filters {

    min-height: 38px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    padding:
        0 17px !important;

    background:
        transparent !important;

    color:
        #432F2E !important;

    border:
        1px solid rgba(67,47,46,.25) !important;

    border-radius:
        3px !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


.elementor-974
.wd-shop-filters-btn
.open-filters:hover {

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border-color:
        #432F2E !important;
}


/* =========================================================
   4. ÁREA DE FILTROS
   ========================================================= */

.elementor-974
.filters-area {

    background:
        #F2F0E8 !important;

    border:
        1px solid rgba(67,47,46,.10);

    padding:
        26px 28px !important;

    margin-top:
        18px !important;

    margin-bottom:
        30px !important;

    border-radius:
        4px;

    box-shadow:
        0 8px 30px rgba(67,47,46,.035);
}


/* Títulos de filtros */
.elementor-974
.filters-area
.widget-title {

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif;

    font-size:
        16px !important;

    font-weight:
        500 !important;

    line-height:
        1.3;

    margin-bottom:
        14px !important;
}


/* Links filtros */
.elementor-974
.filters-area a {

    color:
        rgba(67,47,46,.68) !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size:
        13px;

    transition:
        color .2s ease;
}


.elementor-974
.filters-area a:hover {

    color:
        #432F2E !important;
}


/* =========================================================
   5. GRID PRODUCTOS
   ========================================================= */

.elementor-974
.wd-products {

    row-gap:
        32px !important;
}


/* =========================================================
   6. TARJETA PRODUCTO
   ========================================================= */

.elementor-974
.wd-product
.product-wrapper {

    background:
        rgba(255,255,255,.42);

    border:
        1px solid rgba(67,47,46,.08);

    padding:
        10px 10px 16px;

    border-radius:
        4px;

    box-shadow:
        0 6px 24px rgba(67,47,46,.025);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}


.elementor-974
.wd-product:hover
.product-wrapper {

    border-color:
        rgba(67,47,46,.16);

    box-shadow:
        0 10px 30px rgba(67,47,46,.045);

    transform:
        translateY(-2px);
}


/* =========================================================
   7. IMAGEN
   ========================================================= */

.elementor-974
.product-element-top {

    background:
        #F7F4ED !important;

    border-radius:
        3px;

    overflow:
        hidden;
}


.elementor-974
.product-element-top img {

    transition:
        transform .35s ease;
}


.elementor-974
.wd-product:hover
.product-element-top img {

    transform:
        scale(1.02);
}


/* =========================================================
   8. QUICK VIEW + WISHLIST
   ========================================================= */

.elementor-974
.wd-buttons
.wd-action-btn {

    margin-bottom:
        7px !important;
}


.elementor-974
.wd-buttons
.wd-action-btn > a {

    width:
        34px !important;

    height:
        34px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        rgba(254,253,239,.94) !important;

    color:
        #432F2E !important;

    border:
        1px solid rgba(67,47,46,.12);

    border-radius:
        50%;

    box-shadow:
        0 4px 14px rgba(67,47,46,.06);

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


.elementor-974
.wd-buttons
.wd-action-btn > a:hover {

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border-color:
        #432F2E;
}


/* =========================================================
   9. NOMBRE PRODUCTO
   ========================================================= */

.elementor-974
.wd-product
.wd-entities-title {

    margin-top:
        14px !important;

    margin-bottom:
        7px !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif !important;

    font-size:
        16px !important;

    font-weight:
        500 !important;

    line-height:
        1.35 !important;
}


.elementor-974
.wd-product
.wd-entities-title a {

    color:
        #432F2E !important;

    transition:
        color .2s ease;
}


.elementor-974
.wd-product
.wd-entities-title a:hover {

    color:
        #5F673D !important;
}


/* =========================================================
   10. ESTRELLAS
   ========================================================= */

.elementor-974
.star-rating {

    color:
        #ADA59A !important;

    margin-bottom:
        8px !important;
}


/* =========================================================
   11. PRECIO
   ========================================================= */

.elementor-974
.wd-product
.price {

    display:
        block;

    color:
        #432F2E !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size:
        15px !important;

    font-weight:
        600 !important;

    margin-bottom:
        13px !important;
}


/* Precio anterior */
.elementor-974
.wd-product
.price del {

    color:
        rgba(67,47,46,.38) !important;

    font-weight:
        500 !important;
}


/* Precio oferta */
.elementor-974
.wd-product
.price ins {

    color:
        #432F2E !important;

    text-decoration:
        none !important;
}


/* =========================================================
   12. BOTÓN AÑADIR AL CARRITO
   ========================================================= */

.elementor-974
.wd-add-btn
.add-to-cart-loop {

    width:
        100% !important;

    min-height:
        42px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        transparent !important;

    color:
        #432F2E !important;

    border:
        1px solid #432F2E !important;

    border-radius:
        0 !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    text-transform:
        none !important;

    box-shadow:
        none !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


.elementor-974
.wd-add-btn
.add-to-cart-loop:hover {

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border-color:
        #432F2E !important;
}


/* =========================================================
   13. LABELS OFERTA / NUEVO
   ========================================================= */

.elementor-974
.product-labels
.product-label {

    padding:
        6px 9px !important;

    border-radius:
        2px !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size:
        10px !important;

    font-weight:
        600 !important;

    letter-spacing:
        .05em;

    text-transform:
        uppercase;
}


/* Oferta */
.elementor-974
.product-labels
.product-label.onsale {

    background:
        #D9EAB5 !important;

    color:
        #432F2E !important;
}


/* Nuevo */
.elementor-974
.product-labels
.product-label.new {

    background:
        #C2DAE9 !important;

    color:
        #432F2E !important;
}


/* =========================================================
   14. LOAD MORE
   ========================================================= */

.elementor-974
.wd-loop-footer {

    margin-top:
        42px !important;

    text-align:
        center;
}


.elementor-974
.wd-products-load-more {

    min-height:
        46px !important;

    padding:
        0 28px !important;

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border:
        1px solid #432F2E !important;

    border-radius:
        0 !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    text-transform:
        none !important;

    box-shadow:
        none !important;

    transition:
        background .2s ease,
        border-color .2s ease;
}


.elementor-974
.wd-products-load-more:hover {

    background:
        #5F673D !important;

    border-color:
        #5F673D !important;

    color:
        #FEFDEF !important;
}
/* =========================================================
   ORIGENA — PRODUCT ARCHIVE · PULIDO FINAL
   ========================================================= */

.elementor-974
.wd-product
.wd-entities-title {
    font-size: 16px !important;
    line-height: 1.35 !important;
}

.elementor-974
.wd-product
.price {
    font-size: 15px !important;
    margin-top: 6px !important;
    margin-bottom: 14px !important;
}

.elementor-974
.wd-add-btn
.add-to-cart-loop {
    min-height: 44px !important;
    font-size: 13px !important;
}

.elementor-974
.wd-products-load-more {
    min-width: 180px !important;
    min-height: 46px !important;
    padding: 0 26px !important;
}
/* =========================================================
   ORIGENA — PRODUCT ARCHIVE · AJUSTE TIPOGRÁFICO FINAL
   ========================================================= */

/* Nombre del producto: un poco más visible */
.elementor-974
.wd-product
.wd-entities-title {
    font-size: 16.5px !important;
    line-height: 1.32 !important;
    margin-bottom: 8px !important;
}

.elementor-974
.wd-product
.wd-entities-title a {
    color: #432F2E !important;
    font-weight: 500 !important;
}


/* Precio: más contraste y presencia */
.elementor-974
.wd-product
.price {
    color: #432F2E !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-top: 5px !important;
    margin-bottom: 14px !important;
}


/* Precio anterior en oferta */
.elementor-974
.wd-product
.price del {
    color: rgba(67,47,46,.38) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}


/* Precio actual en oferta */
.elementor-974
.wd-product
.price ins {
    color: #432F2E !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}


/* Botón Load more: un poco más proporcionado */
.elementor-974
.wd-products-load-more {
    min-width: 190px !important;
    min-height: 46px !important;
    padding: 0 28px !important;
    font-size: 13px !important;
}
/* =========================================================
   ORIGENA — PRODUCT ARCHIVE · LABEL HOT
   ========================================================= */

.elementor-974
.product-labels
.product-label.featured {

    background-color: #432F2E !important;
    color: #FEFDEF !important;

    border: 0 !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    letter-spacing: .06em !important;
    text-transform: uppercase !important;

    padding: 6px 9px !important;

    border-radius: 2px !important;

    box-shadow: none !important;
}

/* =========================================================
   ORIGENA — SINGLE PRODUCT VISUAL
   WoodMart Layout ID 517
   Desktop
   ========================================================= */


/* =========================================================
   1. BASE
   ========================================================= */

.elementor-517 {
    color: #432F2E;
}


/* =========================================================
   2. BREADCRUMB
   ========================================================= */

.elementor-517 .wd-breadcrumbs {
    color: rgba(67,47,46,.52) !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size: 13px !important;
}

.elementor-517 .wd-breadcrumbs a {
    color: rgba(67,47,46,.62) !important;

    transition: color .2s ease;
}

.elementor-517 .wd-breadcrumbs a:hover {
    color: #432F2E !important;
}


/* =========================================================
   3. BLOQUE PRINCIPAL
   Galería + información
   ========================================================= */

.elementor-517
.elementor-element-3ba00dd
> .e-con-inner {

    align-items: flex-start !important;

    gap: 46px !important;
}


/* Galería */
.elementor-517
.elementor-element-6437f49 {

    width: 56% !important;
    max-width: 56% !important;
    flex: 0 0 56% !important;
}


/* Información */
.elementor-517
.elementor-element-98f8f47 {

    width: 44% !important;
    max-width: 44% !important;
    flex: 0 0 44% !important;

    align-self: flex-start !important;

    background:
        #F2F0E8 !important;

    border:
        1px solid rgba(67,47,46,.10);

    padding:
        34px 36px !important;

    border-radius:
        4px !important;

    box-shadow:
        0 10px 35px rgba(67,47,46,.045);
}


/* =========================================================
   4. GALERÍA
   ========================================================= */

.elementor-517
.wd-single-gallery
.woocommerce-product-gallery {

    background:
        #F7F4ED !important;

    border:
        1px solid rgba(67,47,46,.08);

    padding:
        10px;

    border-radius:
        4px;

    overflow:
        hidden;

    box-shadow:
        0 8px 30px rgba(67,47,46,.025);
}


.elementor-517
.woocommerce-product-gallery__image img {

    display:
        block;

    width:
        100% !important;

    height:
        auto !important;

    border-radius:
        3px;
}


/* =========================================================
   5. LABEL HOT
   ========================================================= */

.elementor-517
.product-labels
.product-label.featured {

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border:
        0 !important;

    border-radius:
        2px !important;

    padding:
        6px 9px !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        600 !important;

    letter-spacing:
        .06em !important;

    text-transform:
        uppercase !important;
}


/* Sale */
.elementor-517
.product-labels
.product-label.onsale {

    background:
        #D9EAB5 !important;

    color:
        #432F2E !important;
}


/* New */
.elementor-517
.product-labels
.product-label.new {

    background:
        #C2DAE9 !important;

    color:
        #432F2E !important;
}


/* =========================================================
   6. TÍTULO PRODUCTO
   ========================================================= */

.elementor-517
.wd-single-title
.product_title {

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif !important;

    font-size:
        34px !important;

    font-weight:
        500 !important;

    line-height:
        1.12 !important;

    letter-spacing:
        -.015em;

    margin:
        0 0 14px !important;
}


/* =========================================================
   7. PRECIO
   ========================================================= */

.elementor-517
.wd-single-price
.price {

    color:
        #432F2E !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size:
        22px !important;

    font-weight:
        600 !important;

    line-height:
        1.25;

    margin:
        0 0 28px !important;
}


/* Precio anterior */
.elementor-517
.wd-single-price
.price del {

    color:
        rgba(67,47,46,.38) !important;

    font-size:
        15px !important;

    font-weight:
        500 !important;
}


/* Oferta */
.elementor-517
.wd-single-price
.price ins {

    color:
        #432F2E !important;

    text-decoration:
        none !important;
}


/* =========================================================
   8. DETAILS / DETALLES
   ========================================================= */

.elementor-517
.elementor-element-4dfa344
.wd-text-block p {

    color:
        #5F673D !important;

    font-size:
        11px !important;

    font-weight:
        600 !important;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;

    margin:
        0 0 9px !important;
}


/* Descripción corta */
.elementor-517
.wd-single-short-desc {

    color:
        rgba(67,47,46,.78) !important;

    font-size:
        15px !important;

    line-height:
        1.65 !important;
}


.elementor-517
.wd-single-short-desc p {

    margin:
        0 !important;
}


/* =========================================================
   9. DIVISOR
   ========================================================= */

.elementor-517
.elementor-element-ba7895f
.elementor-divider-separator {

    border-color:
        rgba(67,47,46,.14) !important;
}


/* =========================================================
   10. CANTIDAD + AÑADIR AL CARRITO
   ========================================================= */

.elementor-517
.wd-single-add-cart
form.cart {

    display:
        flex !important;

    align-items:
        stretch !important;

    gap:
        10px !important;

    width:
        100% !important;

    margin:
        0 !important;
}


/* Cantidad */
.elementor-517
.wd-single-add-cart
.quantity {

    flex:
        0 0 112px !important;

    height:
        50px !important;

    display:
        flex !important;

    align-items:
        stretch !important;

    background:
        #FEFDEF !important;

    border:
        1px solid rgba(67,47,46,.18) !important;

    border-radius:
        3px !important;

    overflow:
        hidden !important;
}


.elementor-517
.wd-single-add-cart
.quantity input {

    border:
        0 !important;

    background:
        transparent !important;

    color:
        #432F2E !important;

    box-shadow:
        none !important;
}


/* Número */
.elementor-517
.wd-single-add-cart
.quantity .qty {

    width:
        42px !important;

    text-align:
        center !important;
}


/* +/- */
.elementor-517
.wd-single-add-cart
.quantity .minus,

.elementor-517
.wd-single-add-cart
.quantity .plus {

    width:
        34px !important;

    font-size:
        15px !important;

    transition:
        background .2s ease;
}


.elementor-517
.wd-single-add-cart
.quantity .minus:hover,

.elementor-517
.wd-single-add-cart
.quantity .plus:hover {

    background:
        #D9EAB5 !important;
}


/* Añadir al carrito */
.elementor-517
.single_add_to_cart_button {

    flex:
        1 1 auto !important;

    min-height:
        50px !important;

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border:
        1px solid #432F2E !important;

    border-radius:
        0 !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    text-transform:
        none !important;

    box-shadow:
        none !important;

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


.elementor-517
.single_add_to_cart_button:hover {

    background:
        #5F673D !important;

    border-color:
        #5F673D !important;

    color:
        #FEFDEF !important;
}


/* =========================================================
   11. WISHLIST + SHARE
   ========================================================= */

.elementor-517
.elementor-element-8e7daf7 {

    margin-top:
        22px !important;

    padding-top:
        18px !important;

    border-top:
        1px solid rgba(67,47,46,.12);

    align-items:
        center !important;

    gap:
        18px !important;
}


/* Wishlist */
.elementor-517
.wd-single-wishlist-btn a {

    color:
        #432F2E !important;

    font-size:
        13px !important;

    font-weight:
        500 !important;
}


/* Share label */
.elementor-517
.wd-social-icons
.wd-label {

    color:
        rgba(67,47,46,.60) !important;

    font-size:
        12px !important;

    font-weight:
        500 !important;

    margin-right:
        7px;
}


/* Social */
.elementor-517
.wd-social-icons
.wd-social-icon {

    width:
        30px !important;

    height:
        30px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    color:
        #432F2E !important;

    border:
        1px solid rgba(67,47,46,.16);

    background:
        rgba(255,255,255,.40);

    border-radius:
        50%;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


.elementor-517
.wd-social-icons
.wd-social-icon:hover {

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border-color:
        #432F2E;
}


/* =========================================================
   12. DESCRIPCIÓN — TARJETA
   ========================================================= */

.elementor-517
.elementor-element-e2fafb0
> .e-con-inner {

    background:
        rgba(255,255,255,.42);

    border:
        1px solid rgba(67,47,46,.09);

    padding:
        30px 32px !important;

    border-radius:
        4px;

    box-shadow:
        0 8px 28px rgba(67,47,46,.025);
}


/* Título Description */
.elementor-517
.elementor-element-d5dcff3
.woodmart-title-container {

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif !important;

    font-size:
        24px !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;

    margin-bottom:
        14px !important;
}


/* Texto */
.elementor-517
.wd-single-content {

    color:
        rgba(67,47,46,.76) !important;

    font-size:
        15px !important;

    line-height:
        1.7 !important;
}


/* =========================================================
   13. REVIEWS — TARJETA
   ========================================================= */

.elementor-517
.elementor-element-a61fb70
> .e-con-inner {

    background:
        rgba(255,255,255,.42);

    border:
        1px solid rgba(67,47,46,.09);

    padding:
        30px 32px !important;

    border-radius:
        4px;

    box-shadow:
        0 8px 28px rgba(67,47,46,.025);
}


/* Título Reviews */
.elementor-517
.elementor-element-f906db6
.woodmart-title-container {

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif !important;

    font-size:
        24px !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;

    margin-bottom:
        20px !important;
}


/* =========================================================
   14. ESTRELLAS
   ========================================================= */

.elementor-517
.star-rating,

.elementor-517
.stars a {

    color:
        #5F673D !important;
}


/* =========================================================
   15. FORMULARIO DE VALORACIÓN
   ========================================================= */

.elementor-517
#reviews
.comment-form {

    color:
        #432F2E;
}


.elementor-517
#reviews
.comment-form label {

    display:
        block;

    color:
        #432F2E !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    margin-bottom:
        7px !important;
}


/* Textarea */
.elementor-517
#reviews
#comment {

    width:
        100% !important;

    min-height:
        130px !important;

    padding:
        12px 14px !important;

    background:
        #F7F4ED !important;

    color:
        #432F2E !important;

    border:
        1px solid rgba(67,47,46,.16) !important;

    border-radius:
        3px !important;

    box-shadow:
        none !important;
}


.elementor-517
#reviews
#comment:focus {

    background:
        #FEFDEF !important;

    border-color:
        #432F2E !important;

    outline:
        none !important;

    box-shadow:
        0 0 0 2px rgba(67,47,46,.06) !important;
}


/* Enviar review */
.elementor-517
#reviews
input[type="submit"] {

    min-height:
        42px !important;

    padding:
        0 22px !important;

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border:
        1px solid #432F2E !important;

    border-radius:
        0 !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    box-shadow:
        none !important;
}


.elementor-517
#reviews
input[type="submit"]:hover {

    background:
        #5F673D !important;

    border-color:
        #5F673D !important;
}


/* =========================================================
   16. PRODUCTOS RELACIONADOS
   ========================================================= */

.elementor-517
.elementor-element-d0b31fa {

    margin-top:
        42px !important;
}


/* Título */
.elementor-517
.wd-products-element
> .wd-el-title {

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif !important;

    font-size:
        26px !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;

    margin-bottom:
        24px !important;
}


/* Card relacionada */
.elementor-517
.wd-products
.wd-product
.product-wrapper {

    background:
        rgba(255,255,255,.42);

    border:
        1px solid rgba(67,47,46,.08);

    padding:
        10px 10px 16px;

    border-radius:
        4px;

    box-shadow:
        0 6px 24px rgba(67,47,46,.025);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}


.elementor-517
.wd-products
.wd-product:hover
.product-wrapper {

    border-color:
        rgba(67,47,46,.16);

    box-shadow:
        0 10px 30px rgba(67,47,46,.045);

    transform:
        translateY(-2px);
}


/* Imagen */
.elementor-517
.wd-products
.product-element-top {

    background:
        #F7F4ED !important;

    border-radius:
        3px;

    overflow:
        hidden;
}


/* Nombre */
.elementor-517
.wd-products
.wd-entities-title {

    margin-top:
        14px !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif !important;

    font-size:
        16px !important;

    font-weight:
        500 !important;

    line-height:
        1.35 !important;
}


.elementor-517
.wd-products
.wd-entities-title a {

    color:
        #432F2E !important;
}


/* Precio */
.elementor-517
.wd-products
.price {

    color:
        #432F2E !important;

    font-size:
        15px !important;

    font-weight:
        600 !important;
}


/* Botón */
.elementor-517
.wd-products
.add-to-cart-loop {

    width:
        100% !important;

    min-height:
        42px !important;

    background:
        transparent !important;

    color:
        #432F2E !important;

    border:
        1px solid #432F2E !important;

    border-radius:
        0 !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    text-transform:
        none !important;
}


.elementor-517
.wd-products
.add-to-cart-loop:hover {

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;
}

/* =========================================================
   ORIGENA — MINI CARRITO / CART SIDEBAR
   ========================================================= */


/* =========================================================
   1. PANEL GENERAL
   ========================================================= */

.cart-widget-side {
    width: 390px !important;
    max-width: 100vw !important;

    background: #FEFDEF !important;

    color: #432F2E !important;

    border-left:
        1px solid rgba(67, 47, 46, .10);

    box-shadow:
        -12px 0 40px rgba(67, 47, 46, .08) !important;
}


/* =========================================================
   2. CABECERA
   ========================================================= */

.cart-widget-side .wd-heading {

    min-height: 70px !important;

    padding:
        0 20px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    background:
        #F2F0E8 !important;

    border-bottom:
        3px solid #D9EAB5 !important;
}


/* Título */
.cart-widget-side
.wd-heading
.title {

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif !important;

    font-size:
        22px !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;
}


/* Cerrar */
.cart-widget-side
.close-side-widget a {

    color:
        #432F2E !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        500 !important;

    transition:
        color .2s ease !important;
}


.cart-widget-side
.close-side-widget a:hover {

    color:
        #5F673D !important;
}


/* =========================================================
   3. CUERPO DEL CARRITO
   ========================================================= */

.cart-widget-side
.shopping-cart-widget-body {

    background:
        #FEFDEF !important;
}


.cart-widget-side
.wd-scroll-content {

    padding:
        0 18px !important;
}


/* =========================================================
   4. PRODUCTO
   ========================================================= */

.cart-widget-side
.woocommerce-mini-cart-item {

    position:
        relative !important;

    display:
        grid !important;

    grid-template-columns:
        76px 1fr !important;

    gap:
        14px !important;

    padding:
        20px 0 !important;

    border-bottom:
        1px solid rgba(67, 47, 46, .10) !important;
}


/* Imagen */
.cart-widget-side
.cart-item-image {

    display:
        block !important;

    width:
        76px !important;
}


.cart-widget-side
.cart-item-image img {

    width:
        76px !important;

    height:
        88px !important;

    object-fit:
        cover !important;

    background:
        #F7F4ED !important;

    border:
        1px solid rgba(67, 47, 46, .08);

    border-radius:
        3px !important;
}


/* =========================================================
   5. INFORMACIÓN DEL PRODUCTO
   ========================================================= */

.cart-widget-side
.cart-info {

    padding-right:
        24px !important;

    align-self:
        center !important;
}


/* Nombre */
.cart-widget-side
.cart-info
.wd-entities-title {

    display:
        block !important;

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif !important;

    font-size:
        16px !important;

    font-weight:
        500 !important;

    line-height:
        1.32 !important;

    margin-bottom:
        7px !important;
}


/* Cantidad */
.cart-widget-side
.cart-info
.quantity {

    color:
        rgba(67, 47, 46, .60) !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;
}


/* Precio */
.cart-widget-side
.cart-info
.quantity
.amount {

    color:
        #432F2E !important;

    font-size:
        15px !important;

    font-weight:
        600 !important;
}


/* =========================================================
   6. ELIMINAR PRODUCTO
   ========================================================= */

.cart-widget-side
.remove_from_cart_button {

    position:
        absolute !important;

    top:
        20px !important;

    right:
        0 !important;

    width:
        24px !important;

    height:
        24px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    color:
        rgba(67, 47, 46, .45) !important;

    background:
        transparent !important;

    border:
        1px solid rgba(67, 47, 46, .16) !important;

    border-radius:
        50% !important;

    font-size:
        16px !important;

    line-height:
        1 !important;

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


.cart-widget-side
.remove_from_cart_button:hover {

    color:
        #FEFDEF !important;

    background:
        #5F673D !important;

    border-color:
        #5F673D !important;
}


/* =========================================================
   7. FOOTER
   ========================================================= */

.cart-widget-side
.shopping-cart-widget-footer {

    padding:
        0 18px 18px !important;

    background:
        #F2F0E8 !important;

    border-top:
        1px solid rgba(67, 47, 46, .10) !important;
}


/* =========================================================
   8. SUBTOTAL
   ========================================================= */

.cart-widget-side
.woocommerce-mini-cart__total {

    display:
        flex !important;

    justify-content:
        space-between !important;

    align-items:
        center !important;

    margin:
        0 !important;

    padding:
        19px 0 16px !important;

    border-bottom:
        1px solid rgba(67, 47, 46, .12) !important;
}


.cart-widget-side
.woocommerce-mini-cart__total strong {

    color:
        #432F2E !important;

    font-size:
        15px !important;

    font-weight:
        600 !important;
}


.cart-widget-side
.woocommerce-mini-cart__total
.amount {

    color:
        #432F2E !important;

    font-size:
        19px !important;

    font-weight:
        600 !important;
}


/* =========================================================
   9. ENVÍO GRATIS — AQUÍ ENTRA EL VERDE
   ========================================================= */

.cart-widget-side
.wd-free-progress-bar {

    margin:
        16px 0 18px !important;

    padding:
        14px 15px !important;

    background:
        rgba(217, 234, 181, .34) !important;

    border:
        1px solid rgba(95, 103, 61, .14) !important;

    border-radius:
        3px !important;
}


/* Mensaje */
.cart-widget-side
.wd-free-progress-bar
.progress-msg p {

    margin:
        0 0 10px !important;

    color:
        #432F2E !important;

    font-size:
        12.5px !important;

    font-weight:
        500 !important;

    line-height:
        1.45 !important;
}


/* Fondo barra */
.cart-widget-side
.wd-free-progress-bar
.progress-area {

    height:
        6px !important;

    background:
        rgba(67, 47, 46, .10) !important;

    border-radius:
        999px !important;

    overflow:
        hidden !important;
}


/* Avance — verde Origena */
.cart-widget-side
.wd-free-progress-bar
.progress-bar {

    height:
        100% !important;

    background:
        #5F673D !important;

    border-radius:
        999px !important;
}


/* =========================================================
   10. BOTONES
   ========================================================= */

.cart-widget-side
.woocommerce-mini-cart__buttons {

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        9px !important;

    margin:
        0 !important;
}


/* Ver carrito — acción secundaria VERDE */
.cart-widget-side
.woocommerce-mini-cart__buttons
.btn-cart {

    width:
        100% !important;

    min-height:
        46px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        #D9EAB5 !important;

    color:
        #432F2E !important;

    border:
        1px solid #D9EAB5 !important;

    border-radius:
        0 !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    text-transform:
        none !important;

    box-shadow:
        none !important;

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


.cart-widget-side
.woocommerce-mini-cart__buttons
.btn-cart:hover {

    background:
        #5F673D !important;

    border-color:
        #5F673D !important;

    color:
        #FEFDEF !important;
}


/* Finalizar compra — CTA principal marrón */
.cart-widget-side
.woocommerce-mini-cart__buttons
.checkout {

    width:
        100% !important;

    min-height:
        48px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border:
        1px solid #432F2E !important;

    border-radius:
        0 !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    text-transform:
        none !important;

    box-shadow:
        none !important;

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


.cart-widget-side
.woocommerce-mini-cart__buttons
.checkout:hover {

    background:
        #5F673D !important;

    border-color:
        #5F673D !important;

    color:
        #FEFDEF !important;
}
/* =========================================================
   ORIGENA — MINI CARRITO · PULIDO FINAL
   ========================================================= */


/* 1. X de eliminar producto un poco más visible */
.cart-widget-side
.remove_from_cart_button {

    color:
        rgba(67, 47, 46, .68) !important;

    border-color:
        rgba(67, 47, 46, .24) !important;
}


/* Hover ligeramente más claro y elegante */
.cart-widget-side
.remove_from_cart_button:hover {

    background:
        #432F2E !important;

    border-color:
        #432F2E !important;

    color:
        #FEFDEF !important;
}


/* 2. Fondo inferior más cercano al crema general */
.cart-widget-side
.shopping-cart-widget-footer {

    background:
        #F7F4ED !important;
}


/* Separación superior más suave */
.cart-widget-side
.shopping-cart-widget-footer {

    border-top:
        1px solid rgba(67, 47, 46, .08) !important;
}


/* La zona del subtotal queda más limpia */
.cart-widget-side
.woocommerce-mini-cart__total {

    border-bottom:
        1px solid rgba(67, 47, 46, .10) !important;
}
/* =========================================================
   ORIGENA — MINI CARRITO · FIX X ELIMINAR PRODUCTO
   ========================================================= */

.cart-widget-side
.remove_from_cart_button {

    position: absolute !important;

    top: 20px !important;
    right: 0 !important;

    width: 26px !important;
    height: 26px !important;

    min-width: 26px !important;

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

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

    background-color: transparent !important;

    border:
        1px solid rgba(67, 47, 46, .22) !important;

    border-radius: 50% !important;

    /* Oculta el × original */
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;

    text-indent: -9999px !important;

    box-shadow: none !important;

    overflow: hidden !important;

    /* Una sola X dibujada con CSS */
    background-image:
        linear-gradient(
            45deg,
            transparent 46%,
            #432F2E 46%,
            #432F2E 54%,
            transparent 54%
        ),
        linear-gradient(
            -45deg,
            transparent 46%,
            #432F2E 46%,
            #432F2E 54%,
            transparent 54%
        ) !important;

    background-size:
        10px 10px,
        10px 10px !important;

    background-position:
        center,
        center !important;

    background-repeat:
        no-repeat !important;

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


/* Elimina iconos extra de WoodMart */
.cart-widget-side
.remove_from_cart_button::before,
.cart-widget-side
.remove_from_cart_button::after {

    content: none !important;
    display: none !important;
}


/* Hover */
.cart-widget-side
.remove_from_cart_button:hover {

    background-color:
        #432F2E !important;

    border-color:
        #432F2E !important;

    background-image:
        linear-gradient(
            45deg,
            transparent 46%,
            #FEFDEF 46%,
            #FEFDEF 54%,
            transparent 54%
        ),
        linear-gradient(
            -45deg,
            transparent 46%,
            #FEFDEF 46%,
            #FEFDEF 54%,
            transparent 54%
        ) !important;

    transform:
        scale(1.05);
}


/* =========================================================
   ORIGENA — LIBRO DE RECLAMACIONES
   Página ID 1101
   ========================================================= */


/* =========================================================
   1. BASE DE PÁGINA
   ========================================================= */

body.page-id-1101 {
    background: #FEFDEF;
    color: #432F2E;
}

body.page-id-1101 .wd-page-content,
body.page-id-1101 .site-content {
    background: #FEFDEF;
}


/* =========================================================
   2. PAGE TITLE
   ========================================================= */

body.page-id-1101 .wd-page-title {
    background: #F2F0E8 !important;
    border-bottom: 1px solid rgba(67,47,46,.10);
}

body.page-id-1101 .wd-page-title .title {
    color: #432F2E !important;
    font-family: "ClashDisplay", Arial, sans-serif !important;
    font-size: 34px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
}


/* =========================================================
   3. CONTENEDOR GENERAL
   ========================================================= */

body.page-id-1101
.elementor-1101 {

    max-width: 1040px;
    margin: 0 auto;
}


/* =========================================================
   4. BLOQUE INTRODUCTORIO
   ========================================================= */

body.page-id-1101
.elementor-element-fd30dbf {

    max-width: 920px;

    margin:
        34px auto 28px !important;

    padding:
        28px 30px;

    background:
        rgba(255,255,255,.48);

    border:
        1px solid rgba(67,47,46,.10);

    border-left:
        4px solid #D9EAB5;

    border-radius:
        4px;

    box-shadow:
        0 8px 28px rgba(67,47,46,.025);
}


body.page-id-1101
.elementor-element-fd30dbf p {

    color:
        rgba(67,47,46,.78) !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size:
        14px !important;

    line-height:
        1.7 !important;

    margin-bottom:
        12px !important;
}


body.page-id-1101
.elementor-element-fd30dbf p:last-child {

    margin-bottom:
        0 !important;
}


/* =========================================================
   5. DATOS DE LA EMPRESA
   ========================================================= */

body.page-id-1101
.elementor-element-f3f683f {

    margin-top:
        28px !important;

    padding:
        24px 26px !important;

    background:
        #F2F0E8;

    border:
        1px solid rgba(67,47,46,.10);

    border-radius:
        4px;
}


body.page-id-1101
.elementor-element-f3f683f
.woodmart-title-container {

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif !important;

    font-size:
        22px !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;

    margin-bottom:
        12px !important;
}


body.page-id-1101
.elementor-element-f3f683f
.title-after_title {

    color:
        rgba(67,47,46,.76) !important;

    font-size:
        14px !important;

    line-height:
        1.65 !important;
}


/* =========================================================
   6. HOJA DE RECLAMACIÓN + NÚMERO
   ========================================================= */

body.page-id-1101
.elementor-element-040bd98 {

    margin-top:
        26px !important;
}


body.page-id-1101
.elementor-element-040bd98 p {

    color:
        #5F673D !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;

    margin:
        0 0 8px !important;
}


/* Número */
body.page-id-1101
#myNumber {

    display:
        inline-flex !important;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        110px;

    height:
        44px;

    margin:
        0 0 30px !important;

    padding:
        0 18px;

    background:
        #D9EAB5;

    color:
        #432F2E;

    border:
        1px solid rgba(67,47,46,.10);

    border-radius:
        3px;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        16px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .04em;
}


/* =========================================================
   7. TÍTULO IDENTIFICACIÓN
   ========================================================= */

body.page-id-1101
.elementor-element-5cf2f31 {

    margin-top:
        6px !important;
}


body.page-id-1101
.elementor-element-5cf2f31
.elementor-heading-title {

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif !important;

    font-size:
        24px !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;

    text-transform:
        none !important;

    padding-bottom:
        15px;

    border-bottom:
        1px solid rgba(67,47,46,.15);
}


/* =========================================================
   8. TARJETA DEL FORMULARIO
   ========================================================= */

body.page-id-1101
.elementor-element-61fba7e {

    margin-top:
        18px !important;

    padding:
        30px 32px !important;

    background:
        rgba(255,255,255,.48);

    border:
        1px solid rgba(67,47,46,.10);

    border-radius:
        4px;

    box-shadow:
        0 8px 30px rgba(67,47,46,.03);
}


/* =========================================================
   9. LABELS
   ========================================================= */

body.page-id-1101
.elementor-form
.elementor-field-label {

    color:
        #432F2E !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1.35 !important;

    margin-bottom:
        7px !important;
}


/* Obligatorios */
body.page-id-1101
.elementor-form
.elementor-mark-required
.elementor-field-label:after {

    color:
        #5F673D !important;
}


/* =========================================================
   10. CAMPOS
   ========================================================= */

body.page-id-1101
.elementor-form
input.elementor-field,

body.page-id-1101
.elementor-form
select.elementor-field-textual,

body.page-id-1101
.elementor-form
textarea.elementor-field {

    width:
        100% !important;

    background:
        #F7F4ED !important;

    color:
        #432F2E !important;

    border:
        1px solid rgba(67,47,46,.16) !important;

    border-radius:
        3px !important;

    box-shadow:
        none !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

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


/* Inputs/selects */
body.page-id-1101
.elementor-form
input.elementor-field,

body.page-id-1101
.elementor-form
select.elementor-field-textual {

    min-height:
        46px !important;

    padding:
        0 13px !important;
}


/* Textareas */
body.page-id-1101
.elementor-form
textarea.elementor-field {

    min-height:
        115px !important;

    padding:
        12px 14px !important;

    resize:
        vertical;
}


/* Placeholder */
body.page-id-1101
.elementor-form
input::placeholder,

body.page-id-1101
.elementor-form
textarea::placeholder {

    color:
        rgba(67,47,46,.42) !important;

    opacity:
        1 !important;
}


/* Focus */
body.page-id-1101
.elementor-form
input.elementor-field:focus,

body.page-id-1101
.elementor-form
select.elementor-field-textual:focus,

body.page-id-1101
.elementor-form
textarea.elementor-field:focus {

    background:
        #FEFDEF !important;

    border-color:
        #5F673D !important;

    box-shadow:
        0 0 0 2px rgba(95,103,61,.08) !important;

    outline:
        none !important;
}


/* =========================================================
   11. ESPACIADO ENTRE CAMPOS
   ========================================================= */

body.page-id-1101
.elementor-form
.elementor-field-group {

    margin-bottom:
        20px !important;
}


/* =========================================================
   12. SEPARADOR VISUAL — DATOS DEL PRODUCTO
   ========================================================= */

body.page-id-1101
.elementor-field-group-field_252754c {

    position:
        relative;

    margin-top:
        34px !important;

    padding-top:
        40px !important;

    border-top:
        1px solid rgba(67,47,46,.14);
}


body.page-id-1101
.elementor-field-group-field_252754c::before {

    content:
        "DATOS DEL PRODUCTO O SERVICIO";

    position:
        absolute;

    top:
        13px;

    left:
        0;

    color:
        #5F673D;

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;
}


/* =========================================================
   13. SEPARADOR VISUAL — DETALLE DEL RECLAMO
   ========================================================= */

body.page-id-1101
.elementor-field-group-field_9d1d0a8 {

    position:
        relative;

    margin-top:
        34px !important;

    padding-top:
        40px !important;

    border-top:
        1px solid rgba(67,47,46,.14);
}


body.page-id-1101
.elementor-field-group-field_9d1d0a8::before {

    content:
        "DETALLE DEL RECLAMO O QUEJA";

    position:
        absolute;

    top:
        13px;

    left:
        0;

    color:
        #5F673D;

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        .10em;

    text-transform:
        uppercase;
}


/* =========================================================
   14. FECHA DE RESPUESTA
   ========================================================= */

body.page-id-1101
#fecha_output {

    margin:
        18px 0 8px;

    padding:
        15px 17px;

    background:
        rgba(217,234,181,.34);

    border:
        1px solid rgba(95,103,61,.14);

    border-radius:
        3px;
}


body.page-id-1101
#fecha_output > div {

    color:
        #432F2E !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1.5 !important;
}


/* =========================================================
   15. BOTÓN ENVIAR
   ========================================================= */

body.page-id-1101
.elementor-form
.elementor-field-type-submit {

    width:
        100% !important;

    max-width:
        100% !important;
}


body.page-id-1101
.elementor-form
.elementor-button {

    min-width:
        190px;

    min-height:
        48px;

    background:
        #432F2E !important;

    color:
        #FEFDEF !important;

    border:
        1px solid #432F2E !important;

    border-radius:
        0 !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    text-transform:
        none !important;

    box-shadow:
        none !important;

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


body.page-id-1101
.elementor-form
.elementor-button:hover {

    background:
        #5F673D !important;

    border-color:
        #5F673D !important;
}


/* =========================================================
   16. BLOQUE RECLAMO / QUEJA
   ========================================================= */

body.page-id-1101
.elementor-element-19240c4 {

    margin-top:
        24px !important;

    padding:
        18px 20px;

    background:
        #F2F0E8;

    border-left:
        4px solid #D9EAB5;

    border-radius:
        3px;
}


body.page-id-1101
.elementor-element-19240c4 p {

    color:
        rgba(67,47,46,.76) !important;

    font-size:
        13px !important;

    line-height:
        1.65 !important;

    margin:
        0 !important;
}
/* =========================================================
   ORIGENA — LIBRO DE RECLAMACIONES
   AJUSTE DE ANCHO + ALINEACIÓN DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

    /* =====================================================
       1. ENSANCHAR CONTENIDO GENERAL
       ===================================================== */

    body.page-id-1101
    .wd-content-layout.container {

        max-width: 1320px !important;
        width: 94% !important;
    }


    body.page-id-1101
    .elementor-1101 {

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

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Elementor estaba limitando ambas secciones */
    body.page-id-1101
    .elementor-1101
    .elementor-section.elementor-section-boxed
    > .elementor-container {

        max-width: 1180px !important;
        width: 100% !important;
    }



    /* =====================================================
       2. BLOQUE SUPERIOR
       Intro + empresa + hoja
       ===================================================== */

    body.page-id-1101
    .elementor-element-5c82ab2
    > .elementor-widget-wrap {

        display: grid !important;

        grid-template-columns:
            minmax(0, 2fr)
            minmax(260px, .85fr);

        column-gap: 28px !important;
        row-gap: 22px !important;

        align-items: stretch !important;
    }


    /* Texto introductorio a todo el ancho */
    body.page-id-1101
    .elementor-element-fd30dbf {

        grid-column: 1 / -1 !important;

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

        margin:
            34px 0 4px !important;
    }


    /* Datos empresa a la izquierda */
    body.page-id-1101
    .elementor-element-f3f683f {

        grid-column: 1 / 2 !important;

        width: 100% !important;

        margin:
            0 !important;
    }


    /* Ocultamos el label separado porque
       lo vamos a integrar con el número */
    body.page-id-1101
    .elementor-element-040bd98 {

        display: none !important;
    }


    /* Contenedor de número de hoja */
    body.page-id-1101
    .elementor-element-1c960c2 {

        grid-column: 2 / 3 !important;

        display: flex !important;

        align-items: stretch !important;

        width: 100% !important;
    }


    /* Número de hoja convertido en tarjeta */
    body.page-id-1101
    #myNumber {

        position: relative !important;

        width: 100% !important;
        min-width: 0 !important;

        min-height: 100% !important;

        margin: 0 !important;

        padding:
            50px 24px 22px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        background:
            rgba(217,234,181,.44) !important;

        color:
            #432F2E !important;

        border:
            1px solid rgba(95,103,61,.16) !important;

        border-radius:
            4px !important;

        font-size:
            22px !important;

        font-weight:
            700 !important;

        letter-spacing:
            .04em !important;
    }


    /* Label incorporado */
    body.page-id-1101
    #myNumber::before {

        content:
            "HOJA DE RECLAMACIÓN";

        position:
            absolute;

        top:
            20px;

        left:
            0;

        width:
            100%;

        color:
            #5F673D;

        font-size:
            11px;

        font-weight:
            700;

        line-height:
            1;

        letter-spacing:
            .10em;

        text-align:
            center;

        text-transform:
            uppercase;
    }


    /* Título identificación a todo el ancho */
    body.page-id-1101
    .elementor-element-5cf2f31 {

        grid-column:
            1 / -1 !important;

        width:
            100% !important;

        margin-top:
            8px !important;
    }



    /* =====================================================
       3. FORMULARIO MÁS ANCHO
       ===================================================== */

    body.page-id-1101
    .elementor-element-9f4cc68
    .elementor-container {

        max-width:
            1180px !important;
    }


    body.page-id-1101
    .elementor-element-bac5cf1 {

        width:
            100% !important;
    }


    body.page-id-1101
    .elementor-element-61fba7e {

        width:
            100% !important;

        max-width:
            none !important;

        padding:
            34px 38px !important;

        margin:
            18px 0 0 !important;
    }



    /* =====================================================
       4. FORMULARIO
       Aprovechar mejor el ancho disponible
       ===================================================== */

    body.page-id-1101
    .elementor-element-61fba7e
    .elementor-form-fields-wrapper {

        column-gap:
            0 !important;
    }


    /* Campos 50% con respiración correcta */
    body.page-id-1101
    .elementor-element-61fba7e
    .elementor-col-50 {

        width:
            50% !important;

        padding-left:
            9px !important;

        padding-right:
            9px !important;
    }


    /* Campos completos */
    body.page-id-1101
    .elementor-element-61fba7e
    .elementor-col-100 {

        width:
            100% !important;

        padding-left:
            9px !important;

        padding-right:
            9px !important;
    }



    /* =====================================================
       5. TÍTULO DE IDENTIFICACIÓN
       Mejor alineado con la tarjeta
       ===================================================== */

    body.page-id-1101
    .elementor-element-5cf2f31
    .elementor-heading-title {

        text-align:
            left !important;

        font-size:
            25px !important;

        padding-bottom:
            16px !important;

        margin:
            0 !important;
    }



    /* =====================================================
       6. BLOQUE FINAL RECLAMO / QUEJA
       mismo ancho que formulario
       ===================================================== */

    body.page-id-1101
    .elementor-element-19240c4 {

        width:
            100% !important;

        max-width:
            none !important;
    }

}

/* =========================================================
   ORIGENA — LIBRO DE RECLAMACIONES
   TARJETA NÚMERO DE HOJA · FIX
   ========================================================= */


/* Widget Elementor que contiene la hoja */
body.page-id-1101
.elementor-element-1c960c2 {

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

    display: flex !important;

    align-self: stretch !important;
}


/* El contenedor interno de Elementor también debe estirar */
body.page-id-1101
.elementor-element-1c960c2
> .elementor-widget-container {

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

    display: flex !important;
}


/* Tarjeta completa */
body.page-id-1101
.origena-claim-sheet-card {

    width: 100% !important;
    min-height: 100% !important;

    display: flex !important;
    flex-direction: column !important;

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

    padding: 24px 22px !important;

    background:
        rgba(217,234,181,.44) !important;

    border:
        1px solid rgba(95,103,61,.16) !important;

    border-radius: 4px !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


/* Label */
body.page-id-1101
.origena-claim-sheet-label {

    color: #5F673D !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    letter-spacing: .11em !important;

    text-transform: uppercase !important;

    margin-bottom: 13px !important;
}


/* Número */
body.page-id-1101
#myNumber.origena-claim-sheet-number {

    width: auto !important;
    height: auto !important;

    min-width: 0 !important;
    min-height: 0 !important;

    display: block !important;

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

    background: transparent !important;

    border: 0 !important;

    color: #432F2E !important;

    font-family:
        "ClashDisplay",
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size: 30px !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    letter-spacing: .035em !important;
}


/* IMPORTANTE:
   eliminar el label generado por nuestro CSS anterior
*/
body.page-id-1101
#myNumber::before {

    content: none !important;
    display: none !important;
}


/* Texto pequeño inferior */
body.page-id-1101
.origena-claim-sheet-note {

    color:
        rgba(67,47,46,.54) !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size: 11px !important;

    font-weight: 500 !important;

    margin-top: 10px !important;
}
/* =========================================================
   ORIGENA — LIBRO DE RECLAMACIONES
   AJUSTE FINAL DE ANCHO DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

    /* Ancho general más contenido */
    body.page-id-1101
    .elementor-1101,

    body.page-id-1101
    .elementor-1101
    .elementor-section.elementor-section-boxed
    > .elementor-container,

    body.page-id-1101
    .elementor-element-9f4cc68
    .elementor-container {

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

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Intro superior */
    body.page-id-1101
    .elementor-element-fd30dbf {

        width: 100% !important;
        max-width: 1040px !important;
    }


    /* Fila empresa + número de hoja */
    body.page-id-1101
    .elementor-element-5c82ab2
    > .elementor-widget-wrap {

        grid-template-columns:
            minmax(0, 1fr)
            300px !important;

        column-gap: 24px !important;

        width: 100% !important;
    }


    /* Datos empresa:
       forzar a que realmente ocupe toda la columna izquierda */
    body.page-id-1101
    .elementor-element-f3f683f {

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

        align-self: stretch !important;

        margin: 0 !important;
    }


    body.page-id-1101
    .elementor-element-f3f683f
    > .elementor-widget-container {

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


    /* Hoja de reclamación */
    body.page-id-1101
    .elementor-element-1c960c2 {

        width: 300px !important;
        max-width: 300px !important;
    }


    body.page-id-1101
    .origena-claim-sheet-card {

        width: 100% !important;
        min-height: 100% !important;

        padding: 24px 20px !important;
    }


    /* Título y formulario siguen exactamente el mismo ancho */
    body.page-id-1101
    .elementor-element-5cf2f31,

    body.page-id-1101
    .elementor-element-61fba7e,

    body.page-id-1101
    .elementor-element-19240c4 {

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

}
/* =========================================================
   ORIGENA — LIBRO DE RECLAMACIONES
   FIX ALINEACIÓN SECCIONES DEL FORMULARIO
   ========================================================= */


/* =========================================================
   1. DATOS DEL PRODUCTO O SERVICIO
   Alinear ambas columnas de la primera fila
   ========================================================= */

body.page-id-1101
.elementor-field-group-field_252754c,

body.page-id-1101
.elementor-field-group-field_fc67f08 {

    margin-top: 34px !important;
    padding-top: 40px !important;

    border-top:
        1px solid rgba(67,47,46,.14) !important;
}


/* El título de sección solo se genera una vez,
   sobre la columna izquierda */
body.page-id-1101
.elementor-field-group-field_252754c::before {

    content:
        "DATOS DEL PRODUCTO O SERVICIO" !important;

    position: absolute !important;

    top: 13px !important;
    left: 9px !important;

    color:
        #5F673D !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    letter-spacing:
        .10em !important;

    text-transform:
        uppercase !important;
}


/* Número de pedido no genera ningún título extra */
body.page-id-1101
.elementor-field-group-field_fc67f08::before {

    content: none !important;
    display: none !important;
}



/* =========================================================
   2. DETALLE DEL RECLAMO O QUEJA
   La sección debe empezar sobre las DOS columnas
   ========================================================= */

body.page-id-1101
.elementor-field-group-field_7a40403,

body.page-id-1101
.elementor-field-group-field_9d1d0a8 {

    margin-top: 34px !important;
    padding-top: 40px !important;

    border-top:
        1px solid rgba(67,47,46,.14) !important;
}


/* Quitamos el encabezado que estaba en la columna derecha */
body.page-id-1101
.elementor-field-group-field_9d1d0a8::before {

    content: none !important;
    display: none !important;
}


/* Y lo colocamos en la izquierda para que la lectura
   empiece naturalmente */
body.page-id-1101
.elementor-field-group-field_7a40403 {

    position: relative !important;
}


body.page-id-1101
.elementor-field-group-field_7a40403::before {

    content:
        "DETALLE DEL RECLAMO O QUEJA";

    position:
        absolute !important;

    top:
        13px !important;

    left:
        9px !important;

    color:
        #5F673D !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    letter-spacing:
        .10em !important;

    text-transform:
        uppercase !important;
}



/* =========================================================
   3. UNIFORMAR LABELS DE ESAS FILAS
   ========================================================= */

body.page-id-1101
.elementor-field-group-field_252754c
.elementor-field-label,

body.page-id-1101
.elementor-field-group-field_fc67f08
.elementor-field-label,

body.page-id-1101
.elementor-field-group-field_7a40403
.elementor-field-label,

body.page-id-1101
.elementor-field-group-field_9d1d0a8
.elementor-field-label {

    min-height:
        18px !important;

    display:
        flex !important;

    align-items:
        flex-end !important;
}

/* =========================================================
   ORIGENA — CHECKOUT · DIRECCIÓN DE ENVÍO ALTERNATIVA
   Página WooCommerce ID: 227
   WoodMart Checkout Layout: 977
   Afecta:
   - Checkbox "¿Enviar a una dirección diferente?"
   - Bloque .shipping_address
   - Campos shipping_* de WooCommerce
   No modifica lógica de checkout ni NubeFact
   ========================================================= */


/* =========================================================
   1. CONTENEDOR GENERAL
   ========================================================= */

body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields {

    display: block !important;
    clear: both !important;

    width: 100% !important;

    margin-top: 24px !important;

    background:
        rgba(255, 255, 255, .42) !important;

    border:
        1px solid rgba(67, 47, 46, .10) !important;

    box-shadow:
        0 8px 30px rgba(67, 47, 46, .035) !important;

    box-sizing:
        border-box !important;

    overflow:
        hidden !important;
}


/* =========================================================
   2. CABECERA / CHECKBOX
   ========================================================= */

body.page-id-227.woocommerce-checkout
#ship-to-different-address {

    width: 100% !important;

    margin: 0 !important;

    padding:
        17px 20px !important;

    background:
        #F2F0E8 !important;

    border-bottom:
        1px solid rgba(67, 47, 46, .10) !important;

    box-sizing:
        border-box !important;
}


/* Label completo */
body.page-id-227.woocommerce-checkout
#ship-to-different-address
.woocommerce-form__label {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    width:
        100% !important;

    margin:
        0 !important;

    cursor:
        pointer !important;

    color:
        #432F2E !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    line-height:
        1.35 !important;
}


/* Checkbox */
body.page-id-227.woocommerce-checkout
#ship-to-different-address-checkbox {

    width:
        18px !important;

    height:
        18px !important;

    min-width:
        18px !important;

    margin:
        0 !important;

    accent-color:
        #5F673D !important;

    cursor:
        pointer !important;
}


/* Cuando está marcado */
body.page-id-227.woocommerce-checkout
#ship-to-different-address:has(
    #ship-to-different-address-checkbox:checked
) {

    background:
        rgba(217, 234, 181, .42) !important;

    border-bottom-color:
        rgba(95, 103, 61, .16) !important;
}


/* =========================================================
   3. CONTENIDO DE DIRECCIÓN DE ENVÍO
   ========================================================= */

body.page-id-227.woocommerce-checkout
.shipping_address {

    width:
        100% !important;

    padding:
        26px 28px 14px !important;

    margin:
        0 !important;

    background:
        rgba(255, 255, 255, .20) !important;

    box-sizing:
        border-box !important;
}


/* Título interno */
body.page-id-227.woocommerce-checkout
.shipping_address::before {

    content:
        "Dirección de envío";

    display:
        block;

    color:
        #5F673D;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif;

    font-size:
        11px;

    font-weight:
        600;

    line-height:
        1.3;

    letter-spacing:
        .11em;

    text-transform:
        uppercase;

    margin-bottom:
        20px;

    padding-bottom:
        11px;

    border-bottom:
        1px solid rgba(67, 47, 46, .12);
}


/* =========================================================
   4. WRAPPER DE CAMPOS
   ========================================================= */

body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields__field-wrapper {

    width:
        100% !important;

    box-sizing:
        border-box !important;
}


body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields__field-wrapper::after {

    content:
        "";

    display:
        table;

    clear:
        both;
}


/* =========================================================
   5. NOMBRE + APELLIDOS
   ========================================================= */

body.page-id-227.woocommerce-checkout
#shipping_first_name_field,

body.page-id-227.woocommerce-checkout
#shipping_last_name_field {

    width:
        calc(50% - 8px) !important;

    box-sizing:
        border-box !important;
}


body.page-id-227.woocommerce-checkout
#shipping_first_name_field {

    float:
        left !important;

    clear:
        left !important;
}


body.page-id-227.woocommerce-checkout
#shipping_last_name_field {

    float:
        right !important;

    clear:
        right !important;
}


/* =========================================================
   6. RESTO DE CAMPOS
   ========================================================= */

body.page-id-227.woocommerce-checkout
#shipping_company_field,

body.page-id-227.woocommerce-checkout
#shipping_country_field,

body.page-id-227.woocommerce-checkout
#shipping_state_field,

body.page-id-227.woocommerce-checkout
#shipping_city_field,

body.page-id-227.woocommerce-checkout
#shipping_address_1_field,

body.page-id-227.woocommerce-checkout
#shipping_address_2_field,

body.page-id-227.woocommerce-checkout
#shipping_postcode_field,

body.page-id-227.woocommerce-checkout
#shipping_phone_field {

    width:
        100% !important;

    float:
        none !important;

    clear:
        both !important;

    box-sizing:
        border-box !important;
}


/* =========================================================
   7. ESPACIADO ENTRE CAMPOS
   ========================================================= */

body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
.form-row {

    margin-bottom:
        17px !important;
}


/* =========================================================
   8. LABELS
   ========================================================= */

body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
.form-row > label {

    display:
        block !important;

    color:
        #432F2E !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1.35 !important;

    margin-bottom:
        7px !important;
}


/* Obligatorio */
body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
.required {

    color:
        #5F673D !important;
}


/* Opcional */
body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
.optional {

    color:
        #ADA59A !important;

    font-size:
        11px !important;

    font-weight:
        500 !important;
}


/* =========================================================
   9. INPUTS
   ========================================================= */

body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
input.input-text,

body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
select {

    width:
        100% !important;

    min-height:
        46px !important;

    padding-left:
        13px !important;

    padding-right:
        13px !important;

    background:
        #F7F4ED !important;

    color:
        #432F2E !important;

    border:
        1px solid rgba(67, 47, 46, .16) !important;

    border-radius:
        2px !important;

    box-shadow:
        none !important;

    box-sizing:
        border-box !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

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


/* =========================================================
   10. SELECT2 PAÍS / DEPARTAMENTO
   ========================================================= */

body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
.select2-container {

    width:
        100% !important;
}


body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
.select2-container
.select2-selection--single {

    min-height:
        46px !important;

    height:
        46px !important;

    display:
        flex !important;

    align-items:
        center !important;

    background:
        #F7F4ED !important;

    color:
        #432F2E !important;

    border:
        1px solid rgba(67, 47, 46, .16) !important;

    border-radius:
        2px !important;

    box-shadow:
        none !important;
}


body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
.select2-selection__rendered {

    width:
        100% !important;

    padding-left:
        13px !important;

    padding-right:
        36px !important;

    color:
        #432F2E !important;

    line-height:
        44px !important;
}


body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
.select2-selection__arrow {

    height:
        44px !important;
}


/* =========================================================
   11. FOCUS
   ========================================================= */

body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
input.input-text:focus,

body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
select:focus,

body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
.select2-container--open
.select2-selection--single {

    background:
        #FEFDEF !important;

    border-color:
        #5F673D !important;

    box-shadow:
        0 0 0 2px rgba(95, 103, 61, .08) !important;

    outline:
        none !important;
}


/* =========================================================
   12. PLACEHOLDERS
   ========================================================= */

body.page-id-227.woocommerce-checkout
.woocommerce-shipping-fields
input::placeholder {

    color:
        rgba(67, 47, 46, .42) !important;

    opacity:
        1 !important;
}
/* =========================================================
   ORIGENA — CHECKOUT · OCULTAR CÓDIGO POSTAL
   Página WooCommerce ID: 227
   WoodMart Checkout Layout: 977

   Afecta:
   - Código postal de facturación
   - Código postal de dirección alternativa

   La obligatoriedad se elimina mediante PHP.
   ========================================================= */


/* Facturación */
body.page-id-227.woocommerce-checkout
#billing_postcode_field {

    display: none !important;
}


/* Dirección de envío alternativa */
body.page-id-227.woocommerce-checkout
#shipping_postcode_field {

    display: none !important;
}
/* =========================================================
   ORIGENA — CHECKOUT · REFERENCIA DE ENVÍO
   Página WooCommerce ID: 227
   WoodMart Checkout Layout: 977

   Afecta:
   - shipping_address_2
   - Muestra su label "Referencia (opcional)"
   ========================================================= */

body.page-id-227.woocommerce-checkout
#shipping_address_2_field {

    width: 100% !important;

    float: none !important;
    clear: both !important;
}


body.page-id-227.woocommerce-checkout
#shipping_address_2_field > label {

    position: static !important;

    width: auto !important;
    height: auto !important;

    margin: 0 0 7px !important;

    padding: 0 !important;

    overflow: visible !important;

    clip: auto !important;
    clip-path: none !important;

    white-space: normal !important;

    display: block !important;

    color: #432F2E !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size: 13px !important;

    font-weight: 600 !important;
}

/* =========================================================
   ORIGENA — THANK YOU / PEDIDO RECIBIDO
   Página WooCommerce ID: 227
   Estado: .woocommerce-order-received

   Afecta:
   - Mensaje "Gracias. Tu pedido ha sido recibido."
   - Resumen: pedido, fecha, email, total, método de pago
   - Detalles del pedido
   - Tabla de productos/totales
   - Dirección de facturación
   - Dirección de envío

   No modifica:
   - Checkout
   - Pedidos
   - NubeFact
   - Métodos de pago
   ========================================================= */


/* =========================================================
   1. BASE / ANCHO GENERAL
   ========================================================= */

body.page-id-227.woocommerce-order-received {

    background:
        #FEFDEF !important;

    color:
        #432F2E !important;
}


body.page-id-227.woocommerce-order-received
.wd-content-layout.container {

    width:
        100% !important;

    max-width:
        1180px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    padding-left:
        32px !important;

    padding-right:
        32px !important;

    box-sizing:
        border-box !important;
}


body.page-id-227.woocommerce-order-received
.woocommerce-order {

    width:
        100% !important;

    max-width:
        1080px !important;

    margin:
        0 auto !important;

    padding:
        34px 0 54px !important;
}



/* =========================================================
   2. MENSAJE DE ÉXITO
   ========================================================= */

body.page-id-227.woocommerce-order-received
.woocommerce-thankyou-order-received {

    position:
        relative !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        12px !important;

    width:
        100% !important;

    margin:
        0 0 24px !important;

    padding:
        20px 24px !important;

    background:
        rgba(217, 234, 181, .55) !important;

    color:
        #432F2E !important;

    border:
        1px solid rgba(95, 103, 61, .18) !important;

    border-radius:
        3px !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        16px !important;

    font-weight:
        600 !important;

    line-height:
        1.4 !important;

    text-align:
        center !important;

    box-sizing:
        border-box !important;
}


/* Check visual */
body.page-id-227.woocommerce-order-received
.woocommerce-thankyou-order-received::before {

    content:
        "✓";

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        28px;

    height:
        28px;

    flex:
        0 0 28px;

    background:
        #5F673D;

    color:
        #FEFDEF;

    border-radius:
        50%;

    font-size:
        14px;

    font-weight:
        700;
}



/* =========================================================
   3. RESUMEN SUPERIOR DEL PEDIDO
   ========================================================= */

body.page-id-227.woocommerce-order-received
.woocommerce-order-overview {

    display:
        grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;

    gap:
        1px !important;

    width:
        100% !important;

    margin:
        0 0 38px !important;

    padding:
        0 !important;

    background:
        rgba(67, 47, 46, .10) !important;

    border:
        1px solid rgba(67, 47, 46, .10) !important;

    list-style:
        none !important;
}


body.page-id-227.woocommerce-order-received
.woocommerce-order-overview li {

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        18px 16px !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    justify-content:
        flex-start !important;

    gap:
        6px !important;

    background:
        #F7F4ED !important;

    border:
        0 !important;

    box-sizing:
        border-box !important;

    text-align:
        left !important;
}


/* Etiqueta */
body.page-id-227.woocommerce-order-received
.woocommerce-order-overview li > span {

    display:
        block !important;

    color:
        #5F673D !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        .08em !important;

    text-transform:
        uppercase !important;
}


/* Valor */
body.page-id-227.woocommerce-order-received
.woocommerce-order-overview li > strong {

    display:
        block !important;

    width:
        100% !important;

    color:
        #432F2E !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    line-height:
        1.4 !important;

    text-transform:
        none !important;

    overflow-wrap:
        anywhere !important;
}


/* Total un poco más protagonista */
body.page-id-227.woocommerce-order-received
.woocommerce-order-overview__total
strong {

    font-size:
        17px !important;
}



/* =========================================================
   4. SECCIONES GENERALES
   ========================================================= */

body.page-id-227.woocommerce-order-received
.woocommerce-order-details,

body.page-id-227.woocommerce-order-received
.woocommerce-customer-details {

    width:
        100% !important;

    margin:
        0 0 30px !important;
}



/* =========================================================
   5. TÍTULOS
   ========================================================= */

body.page-id-227.woocommerce-order-received
.woocommerce-order-details__title,

body.page-id-227.woocommerce-order-received
.woocommerce-column__title {

    color:
        #432F2E !important;

    font-family:
        "ClashDisplay",
        Arial,
        sans-serif !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;
}


body.page-id-227.woocommerce-order-received
.woocommerce-order-details__title {

    margin:
        0 0 18px !important;

    padding-bottom:
        13px !important;

    border-bottom:
        1px solid rgba(67, 47, 46, .14) !important;

    font-size:
        24px !important;
}



/* =========================================================
   6. TARJETA DETALLES DEL PEDIDO
   ========================================================= */

body.page-id-227.woocommerce-order-received
.woocommerce-order-details
.responsive-table {

    width:
        100% !important;

    padding:
        8px 26px 18px !important;

    background:
        rgba(255, 255, 255, .46) !important;

    border:
        1px solid rgba(67, 47, 46, .10) !important;

    box-shadow:
        0 8px 28px rgba(67, 47, 46, .025) !important;

    box-sizing:
        border-box !important;
}



/* =========================================================
   7. TABLA
   ========================================================= */

body.page-id-227.woocommerce-order-received
table.order_details {

    width:
        100% !important;

    margin:
        0 !important;

    border-collapse:
        collapse !important;

    background:
        transparent !important;
}


body.page-id-227.woocommerce-order-received
table.order_details th,

body.page-id-227.woocommerce-order-received
table.order_details td {

    padding:
        15px 8px !important;

    border-bottom:
        1px solid rgba(67, 47, 46, .10) !important;

    background:
        transparent !important;
}



/* Cabecera */
body.page-id-227.woocommerce-order-received
table.order_details thead th {

    color:
        #5F673D !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .08em !important;

    text-transform:
        uppercase !important;
}


/* Producto */
body.page-id-227.woocommerce-order-received
table.order_details
.product-name {

    text-align:
        left !important;
}


body.page-id-227.woocommerce-order-received
table.order_details
.product-name a {

    color:
        #432F2E !important;

    font-weight:
        500 !important;

    text-decoration:
        none !important;
}


body.page-id-227.woocommerce-order-received
table.order_details
.product-name a:hover {

    color:
        #5F673D !important;
}


/* Cantidad */
body.page-id-227.woocommerce-order-received
.product-quantity {

    color:
        #ADA59A !important;

    font-weight:
        500 !important;
}



/* Columna Total */
body.page-id-227.woocommerce-order-received
table.order_details
.product-total {

    text-align:
        right !important;

    color:
        #432F2E !important;

    font-weight:
        600 !important;
}



/* =========================================================
   8. TOTALES
   ========================================================= */

body.page-id-227.woocommerce-order-received
table.order_details tfoot th {

    color:
        rgba(67, 47, 46, .72) !important;

    font-weight:
        500 !important;

    text-align:
        left !important;
}


body.page-id-227.woocommerce-order-received
table.order_details tfoot td {

    color:
        #432F2E !important;

    font-weight:
        600 !important;

    text-align:
        right !important;
}


/* Últimas filas sin borde final excesivo */
body.page-id-227.woocommerce-order-received
table.order_details tfoot tr:last-child th,

body.page-id-227.woocommerce-order-received
table.order_details tfoot tr:last-child td {

    border-bottom:
        0 !important;
}


/* Total monetario grande */
body.page-id-227.woocommerce-order-received
table.order_details tfoot
.amount {

    color:
        #432F2E !important;
}


/* Texto método de envío */
body.page-id-227.woocommerce-order-received
.shipped_via {

    color:
        #ADA59A !important;

    font-size:
        11px !important;
}



/* =========================================================
   9. DIRECCIONES
   ========================================================= */

body.page-id-227.woocommerce-order-received
.woocommerce-columns--addresses {

    display:
        grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap:
        22px !important;

    width:
        100% !important;

    margin:
        0 !important;
}


body.page-id-227.woocommerce-order-received
.woocommerce-columns--addresses
.woocommerce-column {

    width:
        100% !important;

    max-width:
        none !important;

    float:
        none !important;

    margin:
        0 !important;

    padding:
        24px 26px !important;

    background:
        #F2F0E8 !important;

    border:
        1px solid rgba(67, 47, 46, .10) !important;

    box-sizing:
        border-box !important;
}



/* Títulos */
body.page-id-227.woocommerce-order-received
.woocommerce-column__title {

    margin:
        0 0 17px !important;

    padding-bottom:
        12px !important;

    border-bottom:
        1px solid rgba(67, 47, 46, .12) !important;

    font-size:
        20px !important;
}



/* Dirección */
body.page-id-227.woocommerce-order-received
.woocommerce-column address {

    margin:
        0 !important;

    color:
        rgba(67, 47, 46, .78) !important;

    font-family:
        "SatoshiVariable",
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

    font-style:
        normal !important;

    font-weight:
        500 !important;

    line-height:
        1.75 !important;
}



/* Teléfono + email */
body.page-id-227.woocommerce-order-received
.woocommerce-customer-details--phone,

body.page-id-227.woocommerce-order-received
.woocommerce-customer-details--email {

    position:
        relative !important;

    margin:
        10px 0 0 !important;

    padding-top:
        10px !important;

    border-top:
        1px solid rgba(67, 47, 46, .08) !important;

    color:
        #432F2E !important;

    font-weight:
        600 !important;
}


body.page-id-227.woocommerce-order-received
.woocommerce-customer-details--email {

    overflow-wrap:
        anywhere !important;
}



/* =========================================================
   10. STEP NAV DE WOODMART
   ========================================================= */

body.page-id-227.woocommerce-order-received
.wd-checkout-steps {

    border-bottom:
        1px solid rgba(67, 47, 46, .08) !important;
}


body.page-id-227.woocommerce-order-received
.wd-checkout-steps
.step-active {

    color:
        #5F673D !important;
}


body.page-id-227.woocommerce-order-received
.wd-checkout-steps
.step-active span {

    color:
        #5F673D !important;

    font-weight:
        600 !important;
}
/* =========================================================
   ORIGENA | TUTOR LMS
   Botón Añadir al carrito — Cursos
   Exclusivo para la tarjeta lateral de compra
   ========================================================= */

body.single-courses
.tutor-single-course-sidebar
.tutor-sidebar-card
button.tutor-add-to-cart-button {

    background-color: #432F2E !important;
    color: #FEFDEF !important;
    border: 1px solid #432F2E !important;

    opacity: 1 !important;
    font-weight: 600;
    transition: background-color .25s ease,
                border-color .25s ease,
                color .25s ease;
}

/* Hover */
body.single-courses
.tutor-single-course-sidebar
.tutor-sidebar-card
button.tutor-add-to-cart-button:hover {

    background-color: #5F673D !important;
    border-color: #5F673D !important;
    color: #FEFDEF !important;
}

/* Texto e icono */
body.single-courses
.tutor-single-course-sidebar
.tutor-sidebar-card
button.tutor-add-to-cart-button span {

    color: inherit !important;
    opacity: 1 !important;
}

/* Accesibilidad con teclado */
body.single-courses
.tutor-single-course-sidebar
.tutor-sidebar-card
button.tutor-add-to-cart-button:focus-visible {

    outline: 2px solid #5F673D;
    outline-offset: 3px;
}

/* =====================================================
   ORIGENA | WOOCOMMERCE
   Avisos de Mi Cuenta: registro e inicio de sesión
   ===================================================== */

/* Avisos informativos y de confirmación */
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message {
    background: #F0F2E7 !important;
    color: #432F2E !important;
    border: 1px solid #C8D0B1 !important;
    border-left: 4px solid #5F673D !important;
    border-radius: 5px;
    box-shadow: none !important;
    padding: 18px 22px !important;
}

/* Avisos de error */
body.woocommerce-account .woocommerce-error {
    background: #FFF0E9 !important;
    color: #432F2E !important;
    border: 1px solid #E0B6A8 !important;
    border-left: 4px solid #A64E3C !important;
    border-radius: 5px;
    box-shadow: none !important;
    padding: 18px 22px !important;
}

/* Texto y enlaces */
body.woocommerce-account .woocommerce-error *,
body.woocommerce-account .woocommerce-info *,
body.woocommerce-account .woocommerce-message * {
    color: #432F2E !important;
}

body.woocommerce-account .woocommerce-error a,
body.woocommerce-account .woocommerce-info a,
body.woocommerce-account .woocommerce-message a {
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}
/* =========================================================
   ORIGENA | WOOCOMMERCE — MI CUENTA
   Correcciones de contraste y legibilidad
   No modifica Tutor LMS ni la lógica de registro
   ========================================================= */

/* 1. Evitar que el icono de avisos se superponga al texto */
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-error::before {
    content: none !important;
    display: none !important;
}

body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error {
    padding: 20px 24px !important;
    line-height: 1.65 !important;
}

/* Enlaces dentro de los avisos */
body.woocommerce-account .woocommerce-info a,
body.woocommerce-account .woocommerce-message a,
body.woocommerce-account .woocommerce-error a {
    color: #432F2E !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    font-weight: 700 !important;
}

/* 2. Campos de inicio de sesión y registro */
body.woocommerce-account
.woocommerce-form-login input.input-text,

body.woocommerce-account
.woocommerce-form-register input.input-text {

    background-color: #FFFEF8 !important;
    color: #432F2E !important;
    border: 1px solid #BDB5A7 !important;
    border-radius: 5px !important;

    min-height: 48px;
    padding: 12px 15px !important;
    width: 100%;

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

/* Contraste al seleccionar un campo */
body.woocommerce-account
.woocommerce-form-login input.input-text:focus,

body.woocommerce-account
.woocommerce-form-register input.input-text:focus {

    background-color: #FFFFFF !important;
    border-color: #5F673D !important;
    box-shadow: 0 0 0 3px rgba(95,103,61,.13) !important;
    outline: none !important;
}

/* Espacio para el icono mostrar contraseña */
body.woocommerce-account
.woocommerce-form-login input[type="password"] {
    padding-right: 48px !important;
}

/* 3. Menú lateral Mi Cuenta */
body.woocommerce-account
.woocommerce-MyAccount-navigation a {
    color: #432F2E !important;
    transition: background .2s ease,
                color .2s ease;
}

body.woocommerce-account
.woocommerce-MyAccount-navigation a:hover,
body.woocommerce-account
.woocommerce-MyAccount-navigation .is-active a {
    background-color: #E8EBD9 !important;
    color: #432F2E !important;
}

/* 4. Tarjetas de accesos rápidos de WoodMart */
body.woocommerce-account .wd-my-account-links a {
    color: #432F2E !important;
    transition: background .2s ease,
                border-color .2s ease;
}

body.woocommerce-account .wd-my-account-links a:hover {
    background-color: #F0F2E7 !important;
    color: #432F2E !important;
}

/* =====================================================
   ORIGENA | WOODMART
   Restaurar hover del menú Mi cuenta
   ===================================================== */

/* Fondo del desplegable */
.wd-dropdown-my-account {
    background-color: #FEFDEF !important;
}

/* Enlaces normales */
.wd-dropdown-my-account li > a {
    color: #432F2E !important;
}

/* Hover: fondo verde y extensión izquierda */
.wd-dropdown-my-account li:hover > a,
.wd-dropdown-my-account li > a:hover,
.wd-dropdown-my-account li > a:focus-visible {
    background-color: #E8EBD9 !important;
    color: #432F2E !important;
    box-shadow: -7px 0 0 #E8EBD9 !important;
}

/* Mantener el texto visible */
.wd-dropdown-my-account li:hover > a span,
.wd-dropdown-my-account li > a:hover span {
    color: #432F2E !important;
}