.elementor-9 .elementor-element.elementor-element-50332dd{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--overflow:hidden;--overlay-opacity:0.3;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-50332dd:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-50332dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecuadorian.ch/wp-content/uploads/2026/05/STA08386-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9 .elementor-element.elementor-element-50332dd::before, .elementor-9 .elementor-element.elementor-element-50332dd > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-50332dd > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-50332dd > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-50332dd > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-50332dd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2B201C;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-35ad3d6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:200px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;--z-index:2;}.elementor-9 .elementor-element.elementor-element-144069f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-90ecfb7{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-90ecfb7 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:3.8vw;font-weight:300;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-3aa78d8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ef66fc7{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-ef66fc7 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-b30e81f{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-b30e81f .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-68b67f3{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-9 .elementor-element.elementor-element-68b67f3 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-85902dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:140px;--padding-left:60px;--padding-right:60px;}.elementor-9 .elementor-element.elementor-element-00087be{--update-cart-automatically-display:none;--sections-background-color:var( --e-global-color-secondary );--sections-border-type:solid;--sections-border-color:#2A150133;--sections-border-radius:0px 0px 0px 0px;--sections-padding:40px 40px 40px 40px;--sections-title-color:var( --e-global-color-text );--sections-radio-buttons-color:var( --e-global-color-text );--order-summary-rows-gap-top:calc( 60px/2 );--order-summary-rows-gap-bottom:calc( 60px/2 );--order-summary-color:var( --e-global-color-text );--order-summary-variations-color:var( --e-global-color-text );--product-link-normal-color:var( --e-global-color-text );--order-summary-items-divider-color:#2A150133;--order-summary-quantity-border-color:#2A150133;--order-summary-remove-icon-normal-color:var( --e-global-color-text );--totals-rows-gap-top:calc( 40px/2 );--totals-rows-gap-bottom:calc( 40px/2 );--totals-color:var( --e-global-color-text );--totals-divider-color:#2A150136;--totals-divider-weight:1px;--checkout-button-normal-text-color:var( --e-global-color-4464489 );--checkout-button-hover-text-color:var( --e-global-color-secondary );--checkout-button-hover-border-color:var( --e-global-color-4464489 );--checkout-button-border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-00087be .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-00087be .woocommerce .wc-proceed-to-checkout .checkout-button:hover{background-color:var( --e-global-color-4464489 );}.elementor-9 .elementor-element.elementor-element-00087be .e-cart-section{border-width:1px 1px 1px 1px;}.elementor-9 .elementor-element.elementor-element-00087be .cart_totals h2{font-family:"Marcellus", Sans-serif;font-size:36px;font-weight:500;}.elementor-9 .elementor-element.elementor-element-00087be .e-cart-content, .elementor-9 .elementor-element.elementor-element-00087be .woocommerce-shipping-destination, .elementor-9 .elementor-element.elementor-element-00087be .shipping-calculator-button{font-family:"DM Sans", Sans-serif;}.elementor-9 .elementor-element.elementor-element-00087be #shipping_method li label{font-family:"DM Sans", Sans-serif;font-weight:600;}.elementor-9 .elementor-element.elementor-element-00087be .coupon .input-text, .elementor-9 .elementor-element.elementor-element-00087be .cart-collaterals .input-text, .elementor-9 .elementor-element.elementor-element-00087be select, .elementor-9 .elementor-element.elementor-element-00087be .select2-selection--single{font-family:"DM Sans", Sans-serif;}.elementor-9 .elementor-element.elementor-element-00087be .shop_table .button{font-family:"DM Sans", Sans-serif;}.elementor-9 .elementor-element.elementor-element-00087be .woocommerce-cart-form{--order-summary-title-color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-00087be .e-shop-table .cart th, .elementor-9 .elementor-element.elementor-element-00087be .e-shop-table .cart td:before{font-family:"Marcellus", Sans-serif;font-size:20px;font-weight:500;}.elementor-9 .elementor-element.elementor-element-00087be .cart td span, .elementor-9 .elementor-element.elementor-element-00087be .cart td, .elementor-9 .elementor-element.elementor-element-00087be .input-text.qty{font-family:"DM Sans", Sans-serif;}.elementor-9 .elementor-element.elementor-element-00087be .cart_totals .shop_table td:before, .elementor-9 .elementor-element.elementor-element-00087be .cart_totals .shop_table td .woocommerce-Price-amount{font-family:"DM Sans", Sans-serif;font-weight:500;}.elementor-9 .elementor-element.elementor-element-00087be .checkout-button{font-family:"DM Sans", Sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:1.5px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4464489 );}.elementor-9 .elementor-element.elementor-element-04761ce{--update-cart-automatically-display:none;--sections-background-color:var( --e-global-color-secondary );--sections-border-type:solid;--sections-border-color:#2A150133;--sections-border-radius:0px 0px 0px 0px;--sections-padding:40px 40px 40px 40px;--sections-title-color:var( --e-global-color-text );--sections-radio-buttons-color:var( --e-global-color-text );--order-summary-rows-gap-top:calc( 60px/2 );--order-summary-rows-gap-bottom:calc( 60px/2 );--order-summary-color:var( --e-global-color-text );--order-summary-variations-color:var( --e-global-color-text );--product-link-normal-color:var( --e-global-color-text );--order-summary-items-divider-color:#2A150133;--order-summary-quantity-border-color:#2A150133;--order-summary-remove-icon-normal-color:var( --e-global-color-text );--totals-rows-gap-top:calc( 40px/2 );--totals-rows-gap-bottom:calc( 40px/2 );--totals-color:var( --e-global-color-text );--totals-divider-color:#2A150136;--totals-divider-weight:1px;--checkout-button-normal-text-color:var( --e-global-color-4464489 );--checkout-button-hover-text-color:var( --e-global-color-secondary );--checkout-button-hover-border-color:var( --e-global-color-4464489 );--checkout-button-border-radius:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-04761ce .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-04761ce .woocommerce .wc-proceed-to-checkout .checkout-button:hover{background-color:var( --e-global-color-4464489 );}.elementor-9 .elementor-element.elementor-element-04761ce .e-cart-section{border-width:1px 1px 1px 1px;}.elementor-9 .elementor-element.elementor-element-04761ce .cart_totals h2{font-family:"Marcellus", Sans-serif;font-size:36px;font-weight:500;}.elementor-9 .elementor-element.elementor-element-04761ce .e-cart-content, .elementor-9 .elementor-element.elementor-element-04761ce .woocommerce-shipping-destination, .elementor-9 .elementor-element.elementor-element-04761ce .shipping-calculator-button{font-family:"DM Sans", Sans-serif;}.elementor-9 .elementor-element.elementor-element-04761ce #shipping_method li label{font-family:"DM Sans", Sans-serif;font-weight:600;}.elementor-9 .elementor-element.elementor-element-04761ce .coupon .input-text, .elementor-9 .elementor-element.elementor-element-04761ce .cart-collaterals .input-text, .elementor-9 .elementor-element.elementor-element-04761ce select, .elementor-9 .elementor-element.elementor-element-04761ce .select2-selection--single{font-family:"DM Sans", Sans-serif;}.elementor-9 .elementor-element.elementor-element-04761ce .shop_table .button{font-family:"DM Sans", Sans-serif;}.elementor-9 .elementor-element.elementor-element-04761ce .woocommerce-cart-form{--order-summary-title-color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-04761ce .e-shop-table .cart th, .elementor-9 .elementor-element.elementor-element-04761ce .e-shop-table .cart td:before{font-family:"Marcellus", Sans-serif;font-size:20px;font-weight:500;}.elementor-9 .elementor-element.elementor-element-04761ce .cart td span, .elementor-9 .elementor-element.elementor-element-04761ce .cart td, .elementor-9 .elementor-element.elementor-element-04761ce .input-text.qty{font-family:"DM Sans", Sans-serif;}.elementor-9 .elementor-element.elementor-element-04761ce .cart_totals .shop_table td:before, .elementor-9 .elementor-element.elementor-element-04761ce .cart_totals .shop_table td .woocommerce-Price-amount{font-family:"DM Sans", Sans-serif;font-weight:500;}.elementor-9 .elementor-element.elementor-element-04761ce .checkout-button{font-family:"DM Sans", Sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:1.5px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4464489 );}body.elementor-page-9:not(.elementor-motion-effects-element-type-background), body.elementor-page-9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-9 .elementor-element.elementor-element-90ecfb7 .elementor-heading-title{font-size:4.8vw;}}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-35ad3d6{--padding-top:160px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-9 .elementor-element.elementor-element-90ecfb7 .elementor-heading-title{font-size:6.6vw;}.elementor-9 .elementor-element.elementor-element-85902dd{--padding-top:40px;--padding-bottom:140px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-35ad3d6{--padding-top:120px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-90ecfb7 .elementor-heading-title{font-size:36px;}.elementor-9 .elementor-element.elementor-element-3aa78d8{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-9 .elementor-element.elementor-element-ef66fc7 .elementor-heading-title{font-size:15px;}.elementor-9 .elementor-element.elementor-element-68b67f3 .elementor-heading-title{font-size:15px;}.elementor-9 .elementor-element.elementor-element-85902dd{--padding-top:20px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-04761ce{--sections-padding:30px 30px 30px 30px;}.elementor-9 .elementor-element.elementor-element-04761ce .cart_totals h2{font-size:30px;}.elementor-9 .elementor-element.elementor-element-04761ce .e-shop-table .cart th, .elementor-9 .elementor-element.elementor-element-04761ce .e-shop-table .cart td:before{font-size:18px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-00087be */.elementor-widget-woocommerce-cart .e-cart__container {
    align-items: stretch;
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: 59% auto;
    grid-column-gap: var(--sections-margin, 80px);
    grid-row-gap: var(--sections-margin, 60px);
}


/* Ocultar el título de la variación EAN */
.variation-EAN {
    display: none !important;
}

/* Ocultar también el valor o el contenedor del EAN si es necesario */
dt.variation-EAN, dd.variation-EAN {
    display: none !important;
}

/* ==========================================================
   Estilos y animación para el botón de Proceed to Checkout
   ========================================================== */

.wc-proceed-to-checkout {
    margin-top: 30px !important;
    text-align: center !important;
}

body .wc-proceed-to-checkout .checkout-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 5 !important;
    
    /* Estética de lujo y tipografía */
    background-color: #fff !important;
    color: #2A1501 !important;
    border: 1.5px solid #2A1501 !important;
    padding: 15px 35px !important;
    width: 100% !important;
    
    text-align: center !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    text-decoration: none !important;
    overflow: hidden !important; /* Oculta la diagonal cuando está fuera */
    
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
    font-family: 'DM Sans', serif !important;
    
    /* Transiciones para suavizar la animación */
    transition: color 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
    
    /* Centrado del botón si está dentro de un contenedor más grande */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 1. Creación de la capa diagonal (background) */
body .wc-proceed-to-checkout .checkout-button::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 150% !important;
    height: 110% !important;
    background-color: #2A1501 !important;
    
    /* Inclinación y posición inicial oculta */
    transform: skewX(-25deg) translateX(-115%) !important;
    transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
    z-index: -1 !important;
}

/* 2. Efecto Hover: Al pasar el ratón por el botón */
body .wc-proceed-to-checkout .checkout-button:hover {
    color: #fff !important;
}

body .wc-proceed-to-checkout .checkout-button:hover::before {
    transform: skewX(-25deg) translateX(-15%) !important;
}




.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward) {
    color: var(--links-normal-color, #333);
}



/* ==========================================================
   Estilos y animación para el botón de eliminación de producto
   ========================================================== */

body .woocommerce-cart-form .product-remove .remove,
body .woocommerce-mini-cart-item .remove,
body .remove {
    /* Estética base: Fondo y borde negro */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 500 !important;
    background-color: #2A1501 !important; /* Fondo negro / marrón oscuro de la marca */
    box-shadow: none !important;
    outline: none !important;
    margin-right: 40px!important;
    
   
}

/* Estilos para el icono SVG / la X dentro del botón */
body .woocommerce-cart-form .product-remove .remove svg,
body .remove svg {
    fill: #ffffff !important; /* X de color blanco por defecto */
    width: 18px !important;
    height: 18px !important;
    transition: fill 0.4s ease !important;
}


body .woocommerce-cart-form .product-remove .remove:hover svg,
body .remove:hover svg {
    fill: #fff !important; /* X de color negro */
}


.woocommerce-js a.remove:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none!important;
    border-radius: 100%;
    transition: all .2s linear;
}

.elementor-widget-woocommerce-cart .woocommerce .input-text.qty {
    background-color: transparent;
    border-color: var(--order-summary-quantity-border-color, #d5d8dc);
    border-radius: 0px;
    border-style: solid;
    border-width: var(--order-summary-quantity-border-weight, 1px);
    color: var(--order-summary-color, #000);
    font-size: 14px;
    /* max-height: 28px; */
    /* min-height: 28px; */
    text-align: left;
    padding: 22px 10px 22px 15px;
    width: 92%;
}

.elementor-widget-woocommerce-cart .woocommerce .cart th {
    
    padding-bottom: 40px!important;
   
    border-bottom: 1px solid rgba(42, 21, 1, 0.2) !important;
   
}


/* ==========================================================
   Estilos y animación para el botón de Apply coupon
   ========================================================== */

body .e-apply-coupon,
body form.checkout_coupon .button.e-apply-coupon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 5 !important;
    
    /* Estética de lujo y tipografía */
    background-color: #fff !important;
    color: #2A1501 !important;
    border: 1.5px solid #2A1501 !important;
    padding: 15px 35px !important;
    width: 100% !important;
    max-width: 324px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    text-decoration: none !important;
    overflow: hidden !important; /* Oculta la diagonal cuando está fuera */
    
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
    font-family: 'DM Sans', serif !important;
    
    /* Transiciones para suavizar la animación */
    transition: color 0.6s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 1. Creación de la capa diagonal (background) */
body .e-apply-coupon::before,
body form.checkout_coupon .button.e-apply-coupon::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 150% !important;
    height: 110% !important;
    background-color: #2A1501 !important;
    
    /* Inclinación y posición inicial oculta */
    transform: skewX(-25deg) translateX(-115%) !important;
    transition: transform 0.9s cubic-bezier(0.23, 1, 0.32, 1) !important;
    z-index: -1 !important;
}

/* 2. Efecto Hover: Al pasar el ratón por el botón */
body .e-apply-coupon:hover,
body form.checkout_coupon .button.e-apply-coupon:hover {
    color: #fff !important;
}

body .e-apply-coupon:hover::before,
body form.checkout_coupon .button.e-apply-coupon:hover::before {
    transform: skewX(-25deg) translateX(-15%) !important;
}


/* ==========================================================
   Estilo personalizado para el input del cupón
   ========================================================== */

body .woocommerce-cart-form .coupon-col-start .input-text,
body .coupon-col-start #coupon_code,
body .checkout_coupon .input-text {
    background-color: #ffffff !important; /* Fondo blanco estricto */
    color: #1a1a1a !important;            /* Color del texto al escribir */
    
    border: 1px solid rgba(42, 21, 1, 0.2) !important; /* Borde con 20% de opacidad */
    border-radius: 0px !important;       /* Borde recto, sin esquinas redondeadas */
    
    /* Tipografía y espaciado de lujo */
    font-family: 'DM Sans', serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    height: 50px !important;             /* Mantiene la misma altura que los desplegables */
    padding: 0 18px !important;          /* Espaciado interno horizontal */
    width: 100% !important;
    
    /* Eliminación de estados molestos del navegador */
    outline: none !important;
    box-shadow: none !important;
    
    /* Transición suave para interacciones */
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Efecto al enfocar o pasar el ratón */
body .coupon-col-start #coupon_code:hover {
    border-color: #2A1501 !important;
}

body .coupon-col-start #coupon_code:focus {
    border-color: #2A1501 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-cart, class: .elementor-element-04761ce */.elementor-widget-woocommerce-cart .e-cart__container {
    align-items: stretch;
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: 59% auto;
    grid-column-gap: var(--sections-margin, 80px);
    grid-row-gap: var(--sections-margin, 60px);
}




/* ==========================================================
   Estilos y animación para el botón de Proceed to Checkout
   ========================================================== */

.wc-proceed-to-checkout {
    margin-top: 30px !important;
    text-align: center !important;
}

body .wc-proceed-to-checkout .checkout-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 5 !important;
    
    /* Estética de lujo y tipografía */
    background-color: #fff !important;
    color: #2A1501 !important;
    border: 1.5px solid #2A1501 !important;
    padding: 15px 35px !important;
    width: 100% !important;
    
    text-align: center !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    text-decoration: none !important;
    overflow: hidden !important; /* Oculta la diagonal cuando está fuera */
    
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
    font-family: 'DM Sans', serif !important;
    
    /* Transiciones para suavizar la animación */
    transition: color 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
    
    /* Centrado del botón si está dentro de un contenedor más grande */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 1. Creación de la capa diagonal (background) */
body .wc-proceed-to-checkout .checkout-button::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 150% !important;
    height: 110% !important;
    background-color: #2A1501 !important;
    
    /* Inclinación y posición inicial oculta */
    transform: skewX(-25deg) translateX(-115%) !important;
    transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
    z-index: -1 !important;
}

/* 2. Efecto Hover: Al pasar el ratón por el botón */
body .wc-proceed-to-checkout .checkout-button:hover {
    color: #fff !important;
}

body .wc-proceed-to-checkout .checkout-button:hover::before {
    transform: skewX(-25deg) translateX(-15%) !important;
}




.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward) {
    color: var(--links-normal-color, #333);
}



/* ==========================================================
   Estilos y animación para el botón de eliminación de producto
   ========================================================== */

body .woocommerce-cart-form .product-remove .remove,
body .woocommerce-mini-cart-item .remove,
body .remove {
    /* Estética base: Fondo y borde negro */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 500 !important;
    background-color: #2A1501 !important; /* Fondo negro / marrón oscuro de la marca */
    box-shadow: none !important;
    outline: none !important;
    margin-right: 40px!important;
    
   
}

/* Estilos para el icono SVG / la X dentro del botón */
body .woocommerce-cart-form .product-remove .remove svg,
body .remove svg {
    fill: #ffffff !important; /* X de color blanco por defecto */
    width: 18px !important;
    height: 18px !important;
    transition: fill 0.4s ease !important;
}


body .woocommerce-cart-form .product-remove .remove:hover svg,
body .remove:hover svg {
    fill: #fff !important; /* X de color negro */
}


.woocommerce-js a.remove:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none!important;
    border-radius: 100%;
    transition: all .2s linear;
}

.elementor-widget-woocommerce-cart .woocommerce .input-text.qty {
    background-color: transparent;
    border-color: var(--order-summary-quantity-border-color, #d5d8dc);
    border-radius: 0px;
    border-style: solid;
    border-width: var(--order-summary-quantity-border-weight, 1px);
    color: var(--order-summary-color, #000);
    font-size: 14px;
    /* max-height: 28px; */
    /* min-height: 28px; */
    text-align: left;
    padding: 22px 10px 22px 15px;
    width: 92%;
}

.elementor-widget-woocommerce-cart .woocommerce .cart th {
    
    padding-bottom: 40px!important;
   
    border-bottom: 1px solid rgba(42, 21, 1, 0.2) !important;
   
}


/* ==========================================================
   Estilos y animación para el botón de Apply coupon
   ========================================================== */

body .e-apply-coupon,
body form.checkout_coupon .button.e-apply-coupon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 5 !important;
    
    /* Estética de lujo y tipografía */
    background-color: #fff !important;
    color: #2A1501 !important;
    border: 1.5px solid #2A1501 !important;
    padding: 15px 35px !important;
    width: 100% !important;
    max-width: 324px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    border-radius: 0px !important;
    text-decoration: none !important;
    overflow: hidden !important; /* Oculta la diagonal cuando está fuera */
    
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
    font-family: 'DM Sans', serif !important;
    
    /* Transiciones para suavizar la animación */
    transition: color 0.6s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 1. Creación de la capa diagonal (background) */
body .e-apply-coupon::before,
body form.checkout_coupon .button.e-apply-coupon::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 150% !important;
    height: 110% !important;
    background-color: #2A1501 !important;
    
    /* Inclinación y posición inicial oculta */
    transform: skewX(-25deg) translateX(-115%) !important;
    transition: transform 0.9s cubic-bezier(0.23, 1, 0.32, 1) !important;
    z-index: -1 !important;
}

/* 2. Efecto Hover: Al pasar el ratón por el botón */
body .e-apply-coupon:hover,
body form.checkout_coupon .button.e-apply-coupon:hover {
    color: #fff !important;
}

body .e-apply-coupon:hover::before,
body form.checkout_coupon .button.e-apply-coupon:hover::before {
    transform: skewX(-25deg) translateX(-15%) !important;
}


/* ==========================================================
   Estilo personalizado para el input del cupón
   ========================================================== */

body .woocommerce-cart-form .coupon-col-start .input-text,
body .coupon-col-start #coupon_code,
body .checkout_coupon .input-text {
    background-color: #ffffff !important; /* Fondo blanco estricto */
    color: #1a1a1a !important;            /* Color del texto al escribir */
    
    border: 1px solid rgba(42, 21, 1, 0.2) !important; /* Borde con 20% de opacidad */
    border-radius: 0px !important;       /* Borde recto, sin esquinas redondeadas */
    
    /* Tipografía y espaciado de lujo */
    font-family: 'DM Sans', serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    height: 50px !important;             /* Mantiene la misma altura que los desplegables */
    padding: 0 18px !important;          /* Espaciado interno horizontal */
    width: 100% !important;
    
    /* Eliminación de estados molestos del navegador */
    outline: none !important;
    box-shadow: none !important;
    
    /* Transición suave para interacciones */
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Efecto al enfocar o pasar el ratón */
body .coupon-col-start #coupon_code:hover {
    border-color: #2A1501 !important;
}

body .coupon-col-start #coupon_code:focus {
    border-color: #2A1501 !important;
}






/* AJUSTE DE ANCHO PARA TABLET Y MÓVIL */

/* 1. TABLET (768px a 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-widget-woocommerce-cart .woocommerce .input-text.qty {
        width: 40% !important; /* Un poco más ancho para tablet */
       
    }
    
    
    .woocommerce-js table.shop_table .product-thumbnail img, .woocommerce-page table.shop_table .product-thumbnail img {
    width: auto;
    max-width: 200px!important;
    object-fit: cover!important;
}

.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
    height: 200px!important;
    width: 800px!important;
}

body .woocommerce-cart-form .product-remove .remove,
body .woocommerce-mini-cart-item .remove,
body .remove {
    /* Estética base: Fondo y borde negro */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 500 !important;
    background-color: #2A1501 !important; /* Fondo negro / marrón oscuro de la marca */
    box-shadow: none !important;
    outline: none !important;
    margin-right: 0px!important;
    
   
}


.elementor-widget-woocommerce-cart .woocommerce table.cart tr {
        padding: 0px 4px 16px 4px!important;
    }
    
    
    .elementor-widget-woocommerce-cart .woocommerce table.cart td {
    padding-bottom: 0px!important;
    padding-left: 0;
    padding-right: 0px!important;
    padding-top: 20px!important;
}

.woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        display: block;
        text-align: center !important;
        padding-bottom: 20px !important;
    }

}

/* 2. MÓVIL (Menos de 767px) */
@media (max-width: 767px) {
    .elementor-widget-woocommerce-cart .woocommerce .input-text.qty {
        width: 40% !important; /* Más ancho para que sea fácil de tocar con el dedo */
        
        font-size: 16px !important; /* Evita que iOS haga zoom automático al enfocar el input */
    }
    
    
    .woocommerce-js table.shop_table .product-thumbnail img, .woocommerce-page table.shop_table .product-thumbnail img {
    width: auto;
    max-width: 200px!important;
    object-fit: cover!important;
}


.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
    height: 200px!important;
    width: 800px!important;
}


body .woocommerce-cart-form .product-remove .remove,
body .woocommerce-mini-cart-item .remove,
body .remove {
    /* Estética base: Fondo y borde negro */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 500 !important;
    background-color: #2A1501 !important; /* Fondo negro / marrón oscuro de la marca */
    box-shadow: none !important;
    outline: none !important;
    margin-right: 0px!important;
    
   
}


.elementor-widget-woocommerce-cart .woocommerce table.cart tr {
        padding: 0px 4px 16px 4px!important;
    }
    
    
    .elementor-widget-woocommerce-cart .woocommerce table.cart td {
    padding-bottom: 0px!important;
    padding-left: 0;
    padding-right: 0px!important;
    padding-top: 20px!important;
}

.woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        display: block;
        text-align: center !important;
        padding-bottom: 20px !important;
    }
}/* End custom CSS */