.elementor-9 .elementor-element.elementor-element-df8b6e0{--display:flex;}/* Start custom CSS for container, class: .elementor-element-df8b6e0 *//* --- INICIO CSS CARRITO ESTILO WHATSAPP --- */

/* 1. Forzar diseño en una sola columna (Totales debajo de productos) */
@media (min-width: 769px) {
    .woocommerce-cart .woocommerce {
        display: block !important; /* Rompe el diseño de 2 columnas */
    }
    .woocommerce-cart .woocommerce-cart-form {
        width: 100% !important;
        margin-bottom: 30px;
    }
    .woocommerce-cart .cart-collaterals {
        width: 100% !important;
        float: none !important;
        display: flex;
        justify-content: center; /* Centra la caja de totales */
    }
}

/* 2. Estilo de la Caja "Cart Totals" */
.woocommerce-cart .cart_totals {
    border: 2px solid #fcecec; /* Borde rosado claro */
    background-color: #fffbfc; /* Fondo casi blanco/rosado */
    padding: 40px;
    width: 100%;
    max-width: 600px; /* Ancho máximo para que no se vea gigante */
    text-align: center; /* Centrar textos */
    border-radius: 8px; /* Bordes redondeados */
    margin-top: 20px;
}

/* Estilo del Título "Cart totals" */
.woocommerce-cart .cart_totals h2 {
    font-size: 38px;
    font-family: serif; /* Usa una fuente elegante */
    color: #5a2a2a; /* Color marrón oscuro */
    margin-bottom: 30px;
    border: none; /* Quitar líneas por defecto */
}

/* Estilo de la tabla de precios dentro de la caja */
.woocommerce-cart .cart_totals table.shop_table {
    border: none !important;
    margin-bottom: 30px;
}
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
    border-top: none !important;
    border-bottom: 1px solid #fcecec !important; /* Línea separadora rosada */
    padding: 15px 0;
    font-size: 16px;
}
.woocommerce-cart .cart_totals table.shop_table tr.order-total th,
.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
    border-bottom: none !important; /* Quitar línea final */
    font-weight: bold;
    color: #5a2a2a;
}

/* 3. Botón Principal Verde (WhatsApp/Finalizar) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #25d366 !important; /* Verde WhatsApp */
    color: white !important;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 30px;
    border-radius: 5px;
    width: 100%; /* Botón ancho completo */
    display: block;
    transition: background-color 0.3s ease;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #1ebc57 !important; /* Verde un poco más oscuro al pasar el mouse */
}

/* Estilo para el botón "Update Cart" (Actualizar Carrito) */
.woocommerce-cart button[name="update_cart"] {
    background-color: #e94c51 !important; /* Color rojo/rosado de tu marca */
    color: white !important;
    border-radius: 5px;
    opacity: 1 !important; /* Asegura que se vea fuerte */
    float: right; /* Mover a la derecha */
    margin-top: 10px;
}

/* --- FIN CSS CARRITO ESTILO WHATSAPP --- *//* End custom CSS */