.elementor-39 .elementor-element.elementor-element-621542a{--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;}.elementor-39 .elementor-element.elementor-element-621542a:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-621542a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-621542a *//* 1. Fondo negro total y textos blancos para la tabla de productos */
.woocommerce-cart table.shop_table, 
.woocommerce-cart table.shop_table tbody, 
.woocommerce-cart table.shop_table tr, 
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table th {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #1a1a1a !important; /* Bordes sutiles oscuros */
}

/* 2. Estilizar los nombres de las prendas y enlaces */
.woocommerce-cart .product-name a, 
.woocommerce-cart .product-subtotal .amount,
.woocommerce-cart .cart-subtotal .amount,
.woocommerce-cart .order-total .amount strong {
    color: #ffffff !important;
}

/* 3. El cuadro lateral de "Totales del carrito" en modo oscuro */
.woocommerce-cart .cart_totals, 
.woocommerce-cart .cart_totals table, 
.woocommerce-cart .cart_totals th, 
.woocommerce-cart .cart_totals td {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #1a1a1a !important;
}

/* 4. Desaparecer el "GRATIS" por si se asoma en esta pantalla */
.woocommerce-cart .shipping .woocommerce-Price-amount,
.woocommerce-cart #shipping_method li label .amount {
    display: none !important;
}

/* 5. Estilizar los botones de "Aplicar cupón" y "Actualizar carrito" */
.woocommerce-cart .coupon input.button, 
.woocommerce-cart td.actions input[name="update_cart"] {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}

.woocommerce-cart .coupon input.button:hover, 
.woocommerce-cart td.actions input[name="update_cart"]:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}/* End custom CSS */