.elementor-7052 .elementor-element.elementor-element-7c8b39ae:not(.elementor-motion-effects-element-type-background), .elementor-7052 .elementor-element.elementor-element-7c8b39ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7052 .elementor-element.elementor-element-7c8b39ae, .elementor-7052 .elementor-element.elementor-element-7c8b39ae > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-7052 .elementor-element.elementor-element-7c8b39ae{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:19px 19px 19px 19px;}.elementor-7052 .elementor-element.elementor-element-7c8b39ae > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}body.elementor-page-7052:not(.elementor-motion-effects-element-type-background), body.elementor-page-7052 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-4c0d9976 *//* --- TABLA DE CARRITO: LATO Y NEGRO --- */

/* 1. Tipografía general en la tabla y totales */
.woocommerce-cart-form, 
.cart-collaterals,
.shop_table {
    font-family: 'Lato', sans-serif !important;
}

/* 2. Color de los nombres de productos (Links) */
.woocommerce-cart-form__contents td.product-name a {
    color: #000000 !important;
    font-weight: bold;
}

.woocommerce-cart-form__contents td.product-name a:hover {
    color: #555555 !important;
}

/* 3. Botón APLICAR CUPÓN (Negro) */
.woocommerce-cart-form button[name="apply_coupon"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0px !important;
    border: none !important;
}

/* 4. Botón ACTUALIZAR CARRITO (Gris oscuro para diferenciar) */
/* Nota: se pone negro cuando hay cambios para actualizar */
.woocommerce-cart-form button[name="update_cart"] {
    background-color: #333333 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0px !important;
    opacity: 1 !important; /* Para que no se vea tan desvaído */
}

/* 5. Botón FINALIZAR COMPRA (Negro y más grande) */
.checkout-button.button.alt {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 20px !important;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0px !important;
    font-size: 1.1em !important;
    transition: background 0.3s ease;
}

.checkout-button.button.alt:hover {
    background-color: #333333 !important;
}

/* 6. Ajustar bordes y encabezados de la tabla */
.shop_table thead th {
    background-color: #f9f9f9;
    color: #000000 !important;
    text-transform: uppercase;
    font-size: 0.9em;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 1.1em;
    line-height: 0!important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7c8b39ae *//* --- ESTILO CARRITO VACÍO --- */

/* 1. Tipografía Lato para el mensaje y botón */
.woocommerce-cart .cart-empty,
.woocommerce-cart .return-to-shop a.button {
    font-family: 'Lato', sans-serif !important;
}

/* 2. Cambiar la barra superior azul y el fondo del mensaje */
.woocommerce-cart .woocommerce-info {
    border-top-color: #000000 !important; 
    background-color: #f9f9f9 !important; 
    color: #000000 !important;
}

/* 3. Cambiar el ícono (opcionalmente negro) */
.woocommerce-cart .woocommerce-info::before {
    color: #000000 !important;
}

/* 4. Botón "Volver a la tienda" en Negro */
.woocommerce-cart .return-to-shop a.button {
    background-color: #000000 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0px !important; 
    line-height: 5px;
    padding-bottom: 16px !important;
    transition: background 0.3s ease !important;
    display: inline-block;
}

/* Efecto hover botón */
.woocommerce-cart .return-to-shop a.button:hover {
    background-color: #333333 !important;
    text-decoration: none !important;
}/* End custom CSS */