.elementor-6 .elementor-element.elementor-element-2ed99214{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for container, class: .elementor-element-2ed99214 *//* =====================================================
   SISTEMA NATURAL
   CARRITO WOOCOMMERCE
   Shortcode: [woocommerce_cart]

   Versión consolidada
===================================================== */


/* =====================================================
   1. TABLA GENERAL
===================================================== */

.woocommerce table.shop_table {
    width: 100%;

    margin: 0 !important;

    border: none !important;
    border-collapse: collapse !important;
    border-radius: 0 !important;
}


/* =====================================================
   2. ENCABEZADOS
===================================================== */

.woocommerce table.shop_table thead th {
    padding: 12px 14px;

    border: none !important;
    border-bottom: 1px solid #eeeeee !important;

    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 400;

    color: #5f5d66;
}


/* =====================================================
   3. FILAS DE PRODUCTOS
===================================================== */

.woocommerce table.shop_table tr.cart_item {
    border-bottom: 1px solid #eeeeee !important;
}


.woocommerce table.shop_table tr.cart_item td {
    padding: 18px 14px !important;

    border: none !important;

    vertical-align: middle;

    background: transparent !important;
}


/* =====================================================
   4. IMAGEN
===================================================== */

.woocommerce td.product-thumbnail img {
    width: 90px !important;
    height: 90px !important;

    margin: 0 !important;
    padding: 8px;

    object-fit: contain;

    border: 1px solid #eeeeee;
    border-radius: 14px;

    background: #ffffff;
}


/* =====================================================
   5. NOMBRE DEL PRODUCTO
===================================================== */

.woocommerce td.product-name a {
    font-family: "Inter", sans-serif;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.35;

    color: #111111 !important;

    text-decoration: none !important;
}


/* =====================================================
   6. PRECIO Y SUBTOTAL
===================================================== */

.woocommerce td.product-price,
.woocommerce td.product-subtotal {
    font-family: "Inter", sans-serif;

    font-size: 17px;
    font-weight: 400;

    color: #595761;
}


/* =====================================================
   7. CANTIDAD
===================================================== */

.woocommerce td.product-quantity .quantity {
    display: inline-flex;

    align-items: center;
}


.woocommerce td.product-quantity input.qty {
    width: 72px !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;

    outline: none !important;

    background: #ffffff;

    box-shadow: none !important;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 400;

    text-align: center;

    -moz-appearance: textfield;
}


.woocommerce td.product-quantity input.qty::-webkit-outer-spin-button,
.woocommerce td.product-quantity input.qty::-webkit-inner-spin-button {
    margin: 0;

    -webkit-appearance: none;
}


/* =====================================================
   8. ELIMINAR PRODUCTO - ESCRITORIO
===================================================== */

.woocommerce td.product-remove {
    width: 42px;
}


.woocommerce td.product-remove a.remove {
    display: flex !important;

    width: 32px !important;
    height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: transparent !important;

    color: #65636b !important;

    font-size: 22px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    text-decoration: none !important;
}


.woocommerce td.product-remove a.remove:hover {
    background: #f5f7fa !important;

    color: #0057a8 !important;
}


/* =====================================================
   9. CUPÓN Y ACCIONES - ESCRITORIO
===================================================== */

.woocommerce table.cart td.actions {
    padding: 20px 0 !important;

    border: none !important;
}


.woocommerce table.cart td.actions .coupon {
    display: flex;

    align-items: center;

    gap: 12px;
}


.woocommerce table.cart td.actions .coupon input.input-text {
    width: 190px !important;
    height: 46px;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 1px solid #eeeeee !important;
    border-radius: 10px !important;

    outline: none !important;

    background: #ffffff;

    box-shadow: none !important;

    font-family: "Inter", sans-serif;
    font-size: 14px;
}


/* =====================================================
   10. BOTONES DE ACCIONES
===================================================== */

.woocommerce table.cart td.actions button.button {
    min-height: 46px;

    padding: 0 20px !important;

    border: none !important;
    border-radius: 10px !important;

    box-shadow: none !important;

    font-family: "Inter", sans-serif;

    font-size: 14px;
    font-weight: 400;

    text-transform: none !important;
}


/* =====================================================
   11. TOTALES - ESCRITORIO
===================================================== */

.woocommerce .cart-collaterals {
    margin-top: 28px;
}


.woocommerce .cart-collaterals .cart_totals {
    width: 48% !important;
}


.woocommerce .cart_totals h2 {
    margin: 0 0 16px;

    font-family: "Inter", sans-serif;

    font-size: 24px;
    font-weight: 500;

    color: #111111;
}


.woocommerce .cart_totals table.shop_table {
    border: none !important;
}


.woocommerce .cart_totals table.shop_table th,
.woocommerce .cart_totals table.shop_table td {
    padding: 14px 12px !important;

    border: none !important;
    border-bottom: 1px solid #eeeeee !important;

    font-family: "Inter", sans-serif;
}


/* =====================================================
   12. FINALIZAR COMPRA - ESCRITORIO
===================================================== */

.woocommerce .wc-proceed-to-checkout {
    padding: 18px 0 0 !important;
}


.woocommerce .wc-proceed-to-checkout a.checkout-button {
    display: flex !important;

    width: 100%;
    min-height: 58px;

    margin: 0 !important;
    padding: 0 24px !important;

    align-items: center;
    justify-content: center;

    border-radius: 14px !important;

    background: #0057a8 !important;

    color: #ffffff !important;

    box-shadow: none !important;

    font-family: "Inter", sans-serif;

    font-size: 18px;
    font-weight: 500;

    text-transform: none !important;

    transition: opacity .2s ease;
}


.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    background: #0057a8 !important;

    opacity: .90;
}


/* =====================================================
   =====================================================
   MÓVIL
   =====================================================
===================================================== */

@media (max-width: 767px) {


    /* =================================================
       13. TABLA GENERAL MÓVIL
    ================================================= */

    .woocommerce table.shop_table.cart {
        width: 100% !important;

        margin: 0 !important;

        border: none !important;
    }


    .woocommerce table.shop_table.cart thead {
        display: none !important;
    }


    /* Eliminar etiquetas automáticas de WooCommerce:
       Precio:, Cantidad:, Subtotal:, etc. */

    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        display: none !important;

        content: none !important;
    }


    /* =================================================
       14. PRODUCTO MÓVIL

       [ IMAGEN ]  Nombre                  papelera
       [        ]  cantidad        subtotal
    ================================================= */

    .woocommerce table.shop_table.cart tbody tr.cart_item {
        position: relative;

        display: grid !important;

        grid-template-columns:
            95px
            90px
            minmax(0, 1fr)
            26px;

        grid-template-areas:
            "image name name remove"
            "image quantity subtotal subtotal";

        column-gap: 14px;
        row-gap: 12px;

        width: 100% !important;

        padding: 16px 6px !important;

        border: none !important;
        border-bottom: 1px solid #eeeeee !important;

        background: #ffffff !important;
    }


    /* =================================================
       15. RESET DE CELDAS
    ================================================= */

    .woocommerce table.shop_table.cart
    tbody tr.cart_item td {
        float: none !important;

        display: block !important;

        width: auto !important;

        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: none !important;

        background: transparent !important;

        text-align: left !important;
    }


    /* =================================================
       16. IMAGEN MÓVIL
    ================================================= */

    .woocommerce table.shop_table.cart
    tbody tr.cart_item td.product-thumbnail {
        display: block !important;

        grid-area: image;

        align-self: start;
    }


    .woocommerce table.shop_table.cart
    tbody tr.cart_item td.product-thumbnail img {
        display: block !important;

        width: 95px !important;
        height: 95px !important;

        margin: 0 !important;
        padding: 8px;

        object-fit: contain;

        border: 1px solid #eeeeee !important;
        border-radius: 14px !important;

        background: #ffffff;
    }


    /* =================================================
       17. NOMBRE MÓVIL
    ================================================= */

    .woocommerce table.shop_table.cart
    tbody tr.cart_item td.product-name {
        display: block !important;

        grid-area: name;

        align-self: start;

        padding: 1px 4px 0 0 !important;
    }


    .woocommerce table.shop_table.cart
    tbody tr.cart_item td.product-name a {
        display: block;

        margin: 0;

        font-family: "Inter", sans-serif !important;

        font-size: 16px !important;
        font-weight: 400 !important;

        line-height: 1.3;

        color: #111111 !important;

        text-decoration: none !important;
    }


    /* =================================================
       18. OCULTAR PRECIO UNITARIO
       Se conserva solamente el subtotal de la línea
    ================================================= */

    .woocommerce table.shop_table.cart
    tbody tr.cart_item td.product-price {
        display: none !important;

        width: 0 !important;
        height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    /* =================================================
       19. CANTIDAD MÓVIL
    ================================================= */

    .woocommerce table.shop_table.cart
    tbody tr.cart_item td.product-quantity {
        display: block !important;

        grid-area: quantity;

        align-self: end;

        width: 90px !important;

        margin: 0 !important;
    }


    .woocommerce table.shop_table.cart
    tbody tr.cart_item td.product-quantity .quantity {
        display: block !important;

        float: none !important;

        width: 82px !important;

        margin: 0 !important;
    }


    .woocommerce table.shop_table.cart
    tbody tr.cart_item td.product-quantity input.qty {
        display: block !important;

        width: 82px !important;
        height: 42px !important;

        margin: 0 !important;
        padding: 0 8px !important;

        border: 1px solid #e9e9ed !important;
        border-radius: 12px !important;

        outline: none !important;

        background: #ffffff !important;

        box-shadow: none !important;

        font-family: "Inter", sans-serif;

        font-size: 15px;
        font-weight: 400;

        line-height: 42px;

        text-align: center !important;
    }


    /* =================================================
       20. SUBTOTAL DE CADA PRODUCTO
    ================================================= */

    .woocommerce table.shop_table.cart
    tbody tr.cart_item td.product-subtotal {
        display: block !important;

        grid-area: subtotal;

        align-self: center;
        justify-self: end;

        width: auto !important;

        margin: 0 !important;

        font-family: "Inter", sans-serif !important;

        font-size: 18px !important;
        font-weight: 400 !important;

        line-height: 1.2;

        color: #595761 !important;

        text-align: right !important;

        white-space: nowrap;
    }


    /* =================================================
       21. PAPELERA MÓVIL
    ================================================= */

    .woocommerce table.shop_table.cart
    tbody tr.cart_item td.product-remove {
        display: block !important;

        grid-area: remove;

        align-self: start;
        justify-self: end;

        width: 26px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .woocommerce .woocommerce-cart-form
    table.shop_table.cart
    td.product-remove a.remove {
        position: relative !important;

        float: none !important;

        display: block !important;

        width: 30px !important;
        height: 32px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        border-radius: 0 !important;

        background: transparent !important;

        color: transparent !important;

        font-size: 0 !important;
    }


    .woocommerce .woocommerce-cart-form
    table.shop_table.cart
    td.product-remove a.remove::before {
        content: "" !important;

        position: absolute;

        top: 3px !important;
        left: 3px !important;

        width: 22px !important;
        height: 25px !important;

        background-repeat: no-repeat;
        background-position: center;

        background-size: 22px 25px !important;

        opacity: .85 !important;

        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26' viewBox='0 0 24 26' fill='none'%3E%3Cpath d='M3 7H21' stroke='%235E5B65' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M9 3H15' stroke='%235E5B65' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M5.5 7L6.5 23H17.5L18.5 7' stroke='%235E5B65' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M10 11V19' stroke='%235E5B65' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M14 11V19' stroke='%235E5B65' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    }


    .woocommerce .woocommerce-cart-form
    table.shop_table.cart
    td.product-remove a.remove:hover {
        background: transparent !important;
    }


    .woocommerce .woocommerce-cart-form
    table.shop_table.cart
    td.product-remove a.remove:hover::before {
        opacity: 1 !important;
    }


    /* =================================================
       22. FILA DE ACCIONES
    ================================================= */

    .woocommerce table.shop_table.cart
    tbody tr:last-child:not(.cart_item) {
        display: block !important;

        width: 100% !important;

        background: #ffffff !important;
    }


    .woocommerce table.shop_table.cart
    tbody tr:last-child:not(.cart_item) td.actions {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 20px 6px 0 !important;

        box-sizing: border-box !important;

        border: none !important;

        background: #ffffff !important;

        text-align: left !important;
    }


    /* =================================================
       23. CUPÓN MÓVIL
    ================================================= */

    .woocommerce .woocommerce-cart-form
    table.shop_table.cart
    td.actions .coupon {
        float: none !important;
        clear: both !important;

        display: grid !important;

        grid-template-columns: minmax(0, 1fr) 118px !important;
        grid-template-rows: 46px !important;

        column-gap: 10px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 12px 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        align-items: stretch !important;
    }


    /* Label accesible de WooCommerce.
       Se retira del layout visual. */

    .woocommerce .woocommerce-cart-form
    table.shop_table.cart
    td.actions .coupon > label {
        display: none !important;

        position: absolute !important;

        width: 0 !important;
        height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Campo cupón */

    .woocommerce .woocommerce-cart-form
    table.shop_table.cart
    td.actions .coupon input#coupon_code {
        grid-column: 1 !important;
        grid-row: 1 !important;

        float: none !important;

        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 46px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        box-sizing: border-box !important;

        border: 1px solid #e8e8ed !important;
        border-radius: 12px !important;

        outline: none !important;

        background: #ffffff !important;

        box-shadow: none !important;

        font-family: "Inter", sans-serif !important;

        font-size: 14px !important;
        font-weight: 400 !important;

        line-height: 46px !important;

        color: #5f5d66 !important;

        text-align: left !important;
    }


    /* Botón aplicar cupón */

    .woocommerce .woocommerce-cart-form
    table.shop_table.cart
    td.actions .coupon button[name="apply_coupon"] {
        grid-column: 2 !important;
        grid-row: 1 !important;

        float: none !important;

        display: flex !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 46px !important;

        margin: 0 !important;
        padding: 0 10px !important;

        box-sizing: border-box !important;

        align-items: center !important;
        justify-content: center !important;

        border: none !important;
        border-radius: 12px !important;

        font-family: "Inter", sans-serif !important;

        font-size: 13px !important;
        font-weight: 400 !important;

        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* =================================================
       24. ACTUALIZAR CARRITO
    ================================================= */

    .woocommerce .woocommerce-cart-form
    table.shop_table.cart
    td.actions > button[name="update_cart"] {
        float: none !important;
        clear: both !important;

        display: flex !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 46px !important;

        margin: 0 !important;
        padding: 0 16px !important;

        box-sizing: border-box !important;

        align-items: center !important;
        justify-content: center !important;

        border-radius: 12px !important;
    }


    .woocommerce-cart-form table.cart td.actions
    button[name="update_cart"]:disabled {
        opacity: .55 !important;

        cursor: default !important;
    }


    /* =================================================
       25. BLOQUE INFERIOR
       ENVÍO + TOTALES
    ================================================= */

    .woocommerce .cart-collaterals {
        width: 100% !important;

        margin: 22px 0 0 !important;
        padding: 0 8px 24px !important;

        box-sizing: border-box !important;

        background: #ffffff !important;
    }


    .woocommerce .cart-collaterals .cart_totals {
        float: none !important;

        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: none !important;

        background: transparent !important;
    }


    /* =================================================
       26. ENVÍO / GRATIS
       Reutilizamos el H2 nativo de WooCommerce
    ================================================= */

    .woocommerce .cart_totals h2 {
        order: 1;

        display: flex !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 0 11px !important;

        box-sizing: border-box;

        align-items: center;
        justify-content: space-between;

        border-bottom: 3px solid #0057A8;

        font-size: 0 !important;
        line-height: 1 !important;

        color: #0057A8 !important;
    }


    .woocommerce .cart_totals h2::before {
        content: "Envío";

        font-family: "Inter", sans-serif;

        font-size: 20px !important;
        font-weight: 500 !important;

        line-height: 1.2;

        color: #0057A8;
    }


    .woocommerce .cart_totals h2::after {
        content: "Gratis";

        font-family: "Inter", sans-serif;

        font-size: 20px !important;
        font-weight: 500 !important;

        line-height: 1.2;

        color: #0057A8;
    }


    /* =================================================
       27. TEXTO DE CONDICIONES DE ENVÍO
    ================================================= */

    .woocommerce .cart_totals::before {
        content: "Recibe tu envío GRATIS por compras superiores a $20.000 C.O.P en Cali, o $70.000 en todo Colombia.";

        order: 2;

        display: block;

        width: 100%;

        margin: 0;

        padding-top: 13px !important;
        padding-bottom: 26px !important;

        box-sizing: border-box;

        font-family: "Inter", sans-serif;

        font-size: 13px !important;
        font-weight: 400;

        line-height: 1.35 !important;

        color: #5f5d66;
    }


    /* =================================================
       28. TABLA DE TOTALES
    ================================================= */

    .woocommerce .cart_totals table.shop_table {
        order: 3;

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        border: none !important;
        border-collapse: collapse !important;

        background: transparent !important;
    }


    .woocommerce .cart_totals table.shop_table tbody {
        display: block !important;

        width: 100% !important;
    }


    .woocommerce .cart_totals table.shop_table tr {
        border: none !important;

        background: transparent !important;
    }


    .woocommerce .cart_totals table.shop_table th,
    .woocommerce .cart_totals table.shop_table td {
        border: none !important;

        background: transparent !important;
    }


    /* =================================================
       29. SUBTOTAL
    ================================================= */

    .woocommerce .cart_totals
    table.shop_table tr.cart-subtotal {
        display: grid !important;

        grid-template-columns: 1fr auto;

        width: 100% !important;

        align-items: center;

        border: none !important;

        background: transparent !important;
    }


    .woocommerce .cart_totals
    table.shop_table tr.cart-subtotal th {
        display: block !important;

        padding: 4px 0 !important;

        border: none !important;

        background: transparent !important;

        font-family: "Inter", sans-serif !important;

        font-size: 13px !important;
        font-weight: 400 !important;

        color: #aaa8b0 !important;

        text-align: left !important;
    }


    .woocommerce .cart_totals
    table.shop_table tr.cart-subtotal td {
        display: block !important;

        padding: 4px 0 !important;

        border: none !important;

        background: transparent !important;

        font-family: "Inter", sans-serif !important;

        font-size: 15px !important;
        font-weight: 400 !important;

        color: #aaa8b0 !important;

        text-align: right !important;

        white-space: nowrap;
    }


    .woocommerce .cart_totals
    table.shop_table tr.cart-subtotal td::before {
        display: none !important;

        content: none !important;
    }


    /* =================================================
       30. TOTAL
    ================================================= */

    .woocommerce .cart_totals
    table.shop_table tr.order-total {
        display: grid !important;

        grid-template-columns: 1fr auto;

        width: 100% !important;

        margin-top: 2px;

        align-items: end;

        border: none !important;

        background: transparent !important;
    }


    .woocommerce .cart_totals
    table.shop_table tr.order-total th {
        display: block !important;

        padding: 7px 0 0 !important;

        border: none !important;

        background: transparent !important;

        font-family: "Inter", sans-serif !important;

        font-size: 15px !important;
        font-weight: 500 !important;

        color: #595761 !important;

        text-align: left !important;
    }


    .woocommerce .cart_totals
    table.shop_table tr.order-total td {
        display: block !important;

        padding: 7px 0 0 !important;

        border: none !important;

        background: transparent !important;

        font-family: "Inter", sans-serif !important;

        font-size: 27px !important;
        font-weight: 600 !important;

        line-height: 1.1 !important;

        color: #595761 !important;

        text-align: right !important;

        white-space: nowrap;
    }


    .woocommerce .cart_totals
    table.shop_table tr.order-total td::before {
        display: none !important;

        content: none !important;
    }


    .woocommerce .cart_totals
    table.shop_table tr.order-total td strong {
        font-weight: 600 !important;
    }


    /* =================================================
       31. FINALIZAR COMPRA MÓVIL
    ================================================= */

    .woocommerce .wc-proceed-to-checkout {
        order: 4;

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 20px 0 0 !important;
    }


    .woocommerce .wc-proceed-to-checkout
    a.checkout-button {
        display: flex !important;

        width: 100% !important;
        min-height: 58px !important;

        margin: 0 !important;
        padding: 0 20px !important;

        box-sizing: border-box !important;

        align-items: center !important;
        justify-content: center !important;

        border: none !important;
        border-radius: 14px !important;

        background: #0057A8 !important;

        color: #ffffff !important;

        box-shadow: none !important;

        font-family: "Inter", sans-serif !important;

        font-size: 18px !important;
        font-weight: 500 !important;

        line-height: 1.2 !important;

        text-align: center !important;

        text-transform: none !important;
    }


    .woocommerce .wc-proceed-to-checkout
    a.checkout-button:hover {
        background: #004D95 !important;

        color: #ffffff !important;

        opacity: .90;
    }

}/* End custom CSS */