.elementor-2600 .elementor-element.elementor-element-fbb7822{--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-2600 .elementor-element.elementor-element-fbb7822:not(.elementor-motion-effects-element-type-background), .elementor-2600 .elementor-element.elementor-element-fbb7822 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2600 .elementor-element.elementor-element-3f4fb2b{--spacer-size:200px;}.elementor-2600 .elementor-element.elementor-element-944d593{--spacer-size:50px;}/* Start custom CSS for shortcode, class: .elementor-element-373c324 *//* 1. Fondo general del carrito y textos en blanco */
.woocommerce-cart .woocommerce-cart-form, 
.woocommerce-cart .cart-collaterals {
    background-color: #1a1a1a; /* Negro suave de fondo */
    color: #ffffff !important;
    padding: 20px;
    border-radius: 8px;
}

/* 2. Cabeceras de la tabla */
.woocommerce-cart table.cart thead th {
    background-color: #000000;
    color: #ffffff !important;
    border-bottom: 2px solid #ff0000;
}

/* 3. Ajuste de textos dentro de la tabla */
.woocommerce-cart table.cart td, 
.woocommerce-cart table.cart td a,
.woocommerce-cart .cart-subtotal td,
.woocommerce-cart .order-total td,
.woocommerce-cart .cart_totals h2 {
    color: #ffffff !important;
}

/* 4. El "Logo de la Cruz" (Botón de eliminar) */
.woocommerce-cart table.cart a.remove {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 21px !important; /* Centrado vertical */
    border-radius: 50% !important;
    text-align: center;
    border: 2px solid #ff0000 !important;
    background-color: transparent !important;
    color: #ff0000 !important;
    font-size: 20px !important;
    font-weight: bold;
    transition: all 0.3s ease;
}

.woocommerce-cart table.cart a.remove:hover {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

/* 5. Botones Principales (Finalizar Compra) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #ff0000 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 800;
    border: none;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #cc0000 !important;
}

/* 6. Botones Secundarios (Cupón / Actualizar) */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart button[name="apply_coupon"] {
    background-color: #333333 !important;
    color: #ffffff !important;
    border: 1px solid #ff0000 !important;
}

.woocommerce-cart button[name="update_cart"]:hover,
.woocommerce-cart button[name="apply_coupon"]:hover {
    background-color: #ff0000 !important;
}

/* 7. Inputs y cantidades */
.woocommerce-cart .quantity input.qty {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ff0000;
}/* End custom CSS */