.elementor-250 .elementor-element.elementor-element-7173a9b1{--display:flex;--padding-top:8vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS *//* ATACAMOS LAS VARIABLES INTERNAS DEL BLOQUE DE CARRITO */
:root, .wc-block-cart, .wc-block-components-product-name {
    --wc-block-art-color-accent: #2A2A2A !important; /* Cambia el rosa por negro */
    --wp--preset--color--vivid-red: #2A2A2A !important;
    --wp--preset--color--luminous-vivid-orange: #2A2A2A !important;
}

/* Forzamos el color de los enlaces de los productos */
.wc-block-cart__product-name, 
.wc-block-components-product-name,
.wc-block-components-product-name a {
    color: #2A2A2A !important;
    text-decoration: none !important;
}

/* Hover dorado para los enlaces de productos */
.wc-block-cart__product-name:hover, 
.wc-block-components-product-name a:hover {
    color: #C6BDB4 !important;
}

/* =======================================================
   ESTILO BOTONES: APLICAR CUPÓN Y FINALIZAR COMPRA
   (Estilo Outline Minimalista con efecto Cortinilla)
   ======================================================= */

/* 1. Base Outline para los botones */
.wc-block-cart__submit-button,
.wp-block-woocommerce-checkout-order-summary-checkout-button-block .wc-block-components-checkout-button,
.wc-block-components-button:not(.is-link) {
    background-color: transparent !important;
    color: #2A2A2A !important;
    border: 1px solid #2A2A2A !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    transition: color 0.4s ease, border-color 0.4s ease !important;
    box-shadow: none !important;
}

/* 2. Ajustes específicos de tamaño para Aplicar Cupón */
.wc-block-components-totals-coupon__button {
    padding: 10px 20px !important;
    font-size: 13px !important;
}

/* 3. Ajustes específicos de tamaño para Finalizar Compra */
.wc-block-cart__submit-button,
.wp-block-woocommerce-checkout-order-summary-checkout-button-block .wc-block-components-checkout-button {
    padding: 16px 24px !important;
}

/* 4. Base de la Cortinilla escondida abajo */
.wc-block-cart__submit-button::before,
.wp-block-woocommerce-checkout-order-summary-checkout-button-block .wc-block-components-checkout-button::before,
.wc-block-components-button:not(.is-link)::before {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 0 !important;
    background-color: #2A2A2A !important;
    z-index: -1 !important;
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 5. Hover: El texto a blanco, mantiene el borde */
.wc-block-cart__submit-button:hover,
.wp-block-woocommerce-checkout-order-summary-checkout-button-block .wc-block-components-checkout-button:hover,
.wc-block-components-button:not(.is-link):hover {
    color: #ffffff !important;
    border-color: #2A2A2A !important;
}

/* 6. Hover: La cortinilla sube y rellena el botón */
.wc-block-cart__submit-button:hover::before,
.wp-block-woocommerce-checkout-order-summary-checkout-button-block .wc-block-components-checkout-button:hover::before,
.wc-block-components-button:not(.is-link):hover::before {
    height: 100% !important;
}/* End custom CSS */