.elementor-39 .elementor-element.elementor-element-33a437a{--display:flex;}.elementor-39 .elementor-element.elementor-element-528aa61{--sections-border-type:none;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-528aa61 *//* =========================================
   9. REDISEÑO PREMIUM: PÁGINA DE CARRITO
========================================= */

/* --- A. LA TABLA DE PRODUCTOS (Izquierda) --- */
/* Quitar los bordes rígidos que encierran la tabla */
.woocommerce-cart .woocommerce table.shop_table {
    border: none !important;
    border-radius: 0 !important;
}

/* Encabezados de la tabla (Producto, Precio, Cantidad) */
.woocommerce-cart table.cart th {
    background: transparent !important;
    color: #324A6D !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    border-top: none !important;
    padding-bottom: 15px !important;
}

/* Filas de los productos (Separación limpia) */
.woocommerce-cart table.cart td {
    border-bottom: 1px solid #e2e8f0 !important;
    border-top: none !important;
    padding: 25px 10px !important;
    vertical-align: middle !important;
}

/* Imagen del producto */
.woocommerce-cart table.cart td.product-thumbnail img {
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
    width: 80px !important;
}

/* Nombre del producto y enlace */
.woocommerce-cart table.cart td.product-name a {
    color: #324A6D !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.woocommerce-cart table.cart td.product-name a:hover {
    color: #454F90 !important;
}

/* Botón de eliminar (La "X" negra se vuelve un botón premium) */
.woocommerce-cart table.cart a.remove {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background-color: #fee2e2 !important;
    color: #ef4444 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

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

/* Input de Cantidad */
.woocommerce-cart table.cart .quantity input.qty {
    width: 65px !important;
    height: 45px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #f8fafc !important;
    font-weight: 600 !important;
    color: #454F90 !important;
}

/* --- B. SECCIÓN DE CUPÓN Y ACTUALIZAR (Abajo Izquierda) --- */
.woocommerce-cart table.cart td.actions {
    padding: 30px 0 !important;
    border: none !important;
}

.woocommerce-cart .coupon {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}

/* Campo del cupón */
.woocommerce-cart .coupon input.input-text {
    height: 50px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 0 15px !important;
    width: 250px !important;
}

/* Botón "Aplicar cupón" */
.woocommerce-cart .coupon button.button {
    height: 50px !important;
    border-radius: 8px !important;
    background-color: #324A6D !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 0 25px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.woocommerce-cart .coupon button.button:hover {
    background-color: #454F90 !important;
}

/* --- C. TOTALES DEL CARRITO (Columna Derecha) --- */
/* Caja principal de los totales (Estilo flotante) */
.woocommerce-cart .cart-collaterals .cart_totals {
    background-color: #f8fafc !important;
    border-radius: 14px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 30px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
    width: 100% !important;
}

/* Título "Totales del carrito" */
.woocommerce-cart .cart-collaterals .cart_totals h2 {
    color: #454F90 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
}

/* Tarjetas de Envío en el carrito (Para que hagan juego con el checkout) */
.woocommerce-cart .cart-collaterals ul#shipping_method {
    padding: 0 !important;
    margin: 10px 0 !important;
}

.woocommerce-cart .cart-collaterals ul#shipping_method li {
    display: flex !important;
    align-items: center !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    margin-bottom: 10px !important;
    transition: all 0.3s ease !important;
}

.woocommerce-cart .cart-collaterals ul#shipping_method li:hover {
    border-color: #8FCAEF !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}

.woocommerce-cart .cart-collaterals ul#shipping_method input[type="radio"] {
    margin-right: 12px !important;
}

.woocommerce-cart .cart-collaterals ul#shipping_method label {
    font-weight: 500 !important;
    color: #475569 !important;
    margin: 0 !important;
}

/* El Precio Total (Más grande e impactante) */
.woocommerce-cart .cart-collaterals .order-total td strong {
    font-size: 24px !important;
    color: #454F90 !important;
    font-weight: 800 !important;
}

/* Botón principal "Proceder al pago" */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #454F90 !important;
    color: #ffffff !important;
    padding: 20px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    width: 100% !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    display: block !important;
    margin-bottom: 15px !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #324A6D !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 15px rgba(69, 79, 144, 0.25) !important;
}/* End custom CSS */