.elementor-9 .elementor-element.elementor-element-9bebfa1{padding:50px 0px 50px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-4a48ef68 *//* =========================================================
   EKOLIN — CARRITO WOOCOMMERCE
   Elementor Custom CSS
   Desktop + Tablet + Mobile
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 {
    --ek-blue: #1595e6;
    --ek-blue-dark: #087ac4;
    --ek-blue-soft: #eef8fe;
    --ek-yellow: #ffd82d;

    --ek-dark: #171a1d;
    --ek-text: #50585f;
    --ek-muted: #858d94;

    --ek-line: rgba(20, 30, 40, .10);
    --ek-soft: #f7f9fa;

    width: 100%;
}


/* =========================================================
   WOOCOMMERCE
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .woocommerce {
    width: 100%;
}


/* =========================================================
   TABLA CARRITO
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 table.shop_table.cart {
    width: 100%;

    margin: 0 !important;

    border: 1px solid var(--ek-line) !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    overflow: hidden;

    border-radius: 16px !important;

    background: #ffffff;

    box-shadow:
        0 8px 28px
        rgba(20, 30, 40, .05);
}


/* =========================================================
   CABECERA TABLA
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 table.shop_table.cart thead {
    background: #f7f9fa;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 table.shop_table.cart thead th {
    padding: 15px 14px !important;

    border: 0 !important;
    border-bottom:
        1px solid
        var(--ek-line) !important;

    color: #747c83 !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    letter-spacing: .02em;

    text-transform: none;
}


/* =========================================================
   FILAS / CELDAS
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 table.shop_table.cart td {
    padding: 17px 14px !important;

    border: 0 !important;
    border-bottom:
        1px solid
        var(--ek-line) !important;

    vertical-align: middle !important;

    background: #ffffff;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 table.shop_table.cart tr.cart_item:hover td {
    background: #fcfdfe;
}


/* =========================================================
   IMAGEN PRODUCTO
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .product-thumbnail {
    width: 82px;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .product-thumbnail img {
    display: block;

    width: 58px !important;
    height: 58px !important;

    padding: 4px;

    object-fit: contain;

    border:
        1px solid
        rgba(20,30,40,.07);

    border-radius: 10px;

    background: #ffffff;
}


/* =========================================================
   PRODUCTO
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .product-name a {
    color: var(--ek-dark) !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.45;

    text-decoration: none !important;

    transition: color .2s ease;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .product-name a:hover {
    color: var(--ek-blue-dark) !important;
}


/* =========================================================
   PRECIOS
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .product-price,
.elementor-9 .elementor-element.elementor-element-4a48ef68 .product-subtotal {
    color: #3e454b !important;

    font-size: 13px !important;
    font-weight: 500 !important;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .product-subtotal {
    font-weight: 700 !important;
}


/* =========================================================
   ELIMINAR PRODUCTO
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .product-remove {
    width: 54px;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .product-remove a.remove {
    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 32px !important;
    height: 32px !important;

    margin: auto;

    border-radius: 50% !important;

    background: #f5f6f7 !important;

    color: #8c949a !important;

    font-size: 20px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    transition:
        color .2s ease,
        background .2s ease,
        transform .2s ease;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .product-remove a.remove:hover {
    background: #fff0f0 !important;

    color: #df4545 !important;

    transform: scale(1.06);
}


/* =========================================================
   CANTIDAD
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .quantity .qty {
    width: 58px !important;
    height: 40px !important;

    padding: 6px !important;

    border:
        1px solid
        #ccd2d7 !important;

    border-radius: 8px !important;

    background: #ffffff;

    color: var(--ek-dark);

    font-size: 13px !important;
    font-weight: 600;

    text-align: center;

    outline: none;

    box-shadow: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .quantity .qty:focus {
    border-color:
        var(--ek-blue) !important;

    box-shadow:
        0 0 0 3px
        rgba(21,149,230,.09) !important;
}


/* =========================================================
   ZONA CUPÓN / ACTUALIZAR
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 table.cart td.actions {
    padding: 12px !important;

    background: #fafbfc !important;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .actions .coupon {
    display: flex;

    align-items: center;

    gap: 8px;
}


/* INPUT CUPÓN */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .coupon #coupon_code {
    width: 180px !important;
    height: 42px !important;

    margin: 0 !important;

    padding: 8px 12px !important;

    border:
        1px solid
        #d6dade !important;

    border-radius: 8px !important;

    background: #ffffff;

    color: var(--ek-dark);

    font-size: 12px !important;

    box-shadow: none !important;

    outline: none;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .coupon #coupon_code:focus {
    border-color:
        var(--ek-blue) !important;

    box-shadow:
        0 0 0 3px
        rgba(21,149,230,.08) !important;
}


/* =========================================================
   BOTONES SECUNDARIOS
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 table.cart button.button {
    min-height: 42px !important;

    padding:
        9px
        15px !important;

    border:
        1px solid
        #d7dce0 !important;

    border-radius: 8px !important;

    background:
        #f3f5f7 !important;

    color:
        #454b50 !important;

    font-size: 11.5px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    text-transform: none !important;

    box-shadow: none !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 table.cart button.button:hover {
    border-color:
        rgba(21,149,230,.25) !important;

    background:
        var(--ek-blue-soft) !important;

    color:
        var(--ek-blue-dark) !important;
}


/* =========================================================
   SEPARACIÓN DE LOS TOTALES
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart-collaterals {
    width: 100% !important;

    margin-top: 28px !important;
}


/* =========================================================
   TARJETA TOTAL
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals {
    float: right !important;

    width: min(100%, 510px) !important;

    padding: 24px !important;

    border:
        1px solid
        rgba(21,149,230,.14);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #f7fcff 0%,
            #ffffff 70%
        );

    box-shadow:
        0 12px 34px
        rgba(25,60,85,.07);
}


/* =========================================================
   TÍTULO TOTAL
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals h2 {
    margin:
        0
        0
        18px !important;

    color:
        var(--ek-dark) !important;

    font-size: 21px !important;
    font-weight: 700 !important;

    line-height: 1.3;
}


/* =========================================================
   TABLA TOTAL
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals table.shop_table {
    width: 100% !important;

    margin: 0 !important;

    border: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals table.shop_table th,
.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals table.shop_table td {
    padding:
        13px
        0 !important;

    border: 0 !important;

    border-bottom:
        1px solid
        var(--ek-line) !important;

    background:
        transparent !important;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals table.shop_table th {
    width: 40%;

    color:
        var(--ek-text) !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    text-align: left !important;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals table.shop_table td {
    color:
        var(--ek-dark) !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    text-align: left !important;
}


/* =========================================================
   ENVÍO
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .woocommerce-shipping-methods {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .woocommerce-shipping-methods li {
    margin:
        0
        0
        6px !important;

    font-size: 11.5px;
    line-height: 1.45;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .woocommerce-shipping-destination {
    margin-top: 6px !important;

    color: var(--ek-muted);

    font-size: 10.5px !important;

    line-height: 1.5;
}


/* =========================================================
   TOTAL FINAL
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals .order-total th,
.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals .order-total td {
    padding-top: 17px !important;

    border-bottom: 0 !important;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals .order-total th {
    color:
        var(--ek-dark) !important;

    font-size: 14px !important;
    font-weight: 700 !important;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals .order-total td,
.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals .order-total strong,
.elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals .order-total .woocommerce-Price-amount {
    color:
        var(--ek-dark) !important;

    font-size: 19px !important;
    font-weight: 700 !important;
}


/* =========================================================
   BOTÓN FINALIZAR COMPRA
========================================================= */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .wc-proceed-to-checkout {
    margin:
        18px
        0
        0 !important;

    padding: 0 !important;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68
.wc-proceed-to-checkout
.checkout-button {
    display: flex !important;

    align-items: center;
    justify-content: center;

    gap: 7px;

    width: 100% !important;
    min-height: 52px !important;

    margin: 0 !important;

    padding:
        12px
        18px !important;

    border: 0 !important;

    border-radius:
        11px !important;

    background:
        var(--ek-blue) !important;

    color:
        #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-align: center;

    text-decoration: none !important;

    box-shadow:
        0 9px 21px
        rgba(21,149,230,.20);

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68
.wc-proceed-to-checkout
.checkout-button::after {
    content: "→";

    font-size: 17px;
    font-weight: 400;
}


.elementor-9 .elementor-element.elementor-element-4a48ef68
.wc-proceed-to-checkout
.checkout-button:hover {
    background:
        var(--ek-blue-dark) !important;

    color:
        #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 12px 25px
        rgba(21,149,230,.25);
}


/* TEXTO SEGURIDAD */

.elementor-9 .elementor-element.elementor-element-4a48ef68 .wc-proceed-to-checkout::after {
    content: "🔒 Compra y pago seguro";

    display: block;

    margin-top: 11px;

    color:
        var(--ek-muted);

    font-size: 10.5px;

    text-align: center;
}


/* =========================================================
   MOBILE
   767PX O MENOS
========================================================= */

@media (max-width: 767px) {

    /*
     * EN MÓVIL CONVERTIMOS CADA PRODUCTO EN TARJETA
     */

    .elementor-9 .elementor-element.elementor-element-4a48ef68 table.shop_table.cart {
        overflow: visible;

        border: 0 !important;

        border-radius: 0 !important;

        background: transparent;

        box-shadow: none;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 table.shop_table.cart thead {
        display: none !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    tbody {
        display: block;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    tr.cart_item {
        position: relative;

        display: grid !important;

        grid-template-columns:
            74px
            minmax(0, 1fr);

        grid-template-areas:
            "image name"
            "image price"
            "image qty"
            "subtotal subtotal";

        column-gap: 12px;

        width: 100%;

        margin:
            0
            0
            12px;

        padding: 14px;

        border:
            1px solid
            var(--ek-line);

        border-radius: 15px;

        background:
            #ffffff;

        box-shadow:
            0 6px 20px
            rgba(20,30,40,.04);
    }


    /* ELIMINAR */

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    tr.cart_item
    .product-remove {
        position: absolute;

        z-index: 5;

        top: 9px;
        right: 9px;

        display: block !important;

        width: 30px !important;

        padding: 0 !important;

        border: 0 !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .product-remove a.remove {
        width: 30px !important;
        height: 30px !important;
    }


    /* FOTO */

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    .product-thumbnail {
        grid-area: image;

        display: block !important;

        width: auto !important;

        padding: 0 !important;

        border: 0 !important;

        text-align: left !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    .product-thumbnail::before {
        display: none !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .product-thumbnail img {
        width: 68px !important;
        height: 68px !important;
    }


    /* NOMBRE */

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    .product-name {
        grid-area: name;

        display: block !important;

        padding:
            1px
            32px
            2px
            0 !important;

        border: 0 !important;

        text-align: left !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    .product-name::before {
        display: none !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .product-name a {
        font-size: 12.5px !important;
    }


    /* PRECIO */

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    .product-price {
        grid-area: price;

        display: block !important;

        padding:
            3px
            0 !important;

        border: 0 !important;

        text-align: left !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    .product-price::before {
        display: none !important;
    }


    /* CANTIDAD */

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    .product-quantity {
        grid-area: qty;

        display: flex !important;

        align-items: center;

        padding:
            5px
            0
            0 !important;

        border: 0 !important;

        text-align: left !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    .product-quantity::before {
        content: "Cantidad";

        display: inline-block !important;

        margin-right: 8px;

        color: var(--ek-muted);

        font-size: 10px;
        font-weight: 500;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .quantity .qty {
        width: 54px !important;
        height: 36px !important;
    }


    /* SUBTOTAL */

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    .product-subtotal {
        grid-area: subtotal;

        display: flex !important;

        align-items: center;
        justify-content: space-between;

        margin-top: 12px;

        padding:
            11px
            0
            0 !important;

        border: 0 !important;

        border-top:
            1px solid
            var(--ek-line) !important;

        text-align: right !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    .product-subtotal::before {
        content: "Subtotal";

        display: block !important;

        color:
            var(--ek-muted);

        font-size: 10.5px;
        font-weight: 500;
    }


    /* =========================================
       CUPÓN
    ========================================= */

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    tr:not(.cart_item) {
        display: block;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    td.actions {
        display: block !important;

        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .actions .coupon {
        display: grid;

        grid-template-columns:
            minmax(0,1fr)
            auto;

        gap: 8px;

        width: 100%;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .coupon #coupon_code {
        width: 100% !important;
        height: 44px !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    .coupon
    button.button {
        min-height: 44px !important;

        white-space: nowrap;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    td.actions
    > button.button {
        width: 100%;

        min-height: 44px !important;

        margin-top: 9px !important;
    }


    /* =========================================
       TOTAL
    ========================================= */

    .elementor-9 .elementor-element.elementor-element-4a48ef68 .cart-collaterals {
        margin-top: 21px !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals {
        float: none !important;

        width: 100% !important;

        padding: 18px !important;

        border-radius: 15px;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals h2 {
        margin-bottom: 12px !important;

        font-size: 17px !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    .cart_totals
    table.shop_table {
        display: table !important;

        width: 100% !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    .cart_totals
    table.shop_table
    tbody {
        display: table-row-group !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    .cart_totals
    table.shop_table
    tr {
        display: table-row !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    .cart_totals
    table.shop_table
    th,

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    .cart_totals
    table.shop_table
    td {
        display: table-cell !important;

        width: auto;

        padding:
            11px
            0 !important;

        font-size: 11.5px !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    .cart_totals
    table.shop_table
    td::before {
        display: none !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    .cart_totals
    .order-total
    td,

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    .cart_totals
    .order-total
    strong,

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    .cart_totals
    .order-total
    .woocommerce-Price-amount {
        font-size: 17px !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68
    .wc-proceed-to-checkout
    .checkout-button {
        min-height: 50px !important;

        font-size: 13px !important;
    }

}


/* =========================================================
   CELULARES 430PX
========================================================= */

@media (max-width: 430px) {

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    tr.cart_item {
        grid-template-columns:
            67px
            minmax(0, 1fr);

        column-gap: 11px;

        padding: 13px;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .product-thumbnail img {
        width: 62px !important;
        height: 62px !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .actions .coupon {
        grid-template-columns: 1fr;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .coupon button.button {
        width: 100%;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .cart_totals {
        padding: 16px !important;
    }

}


/* =========================================================
   CELULARES 350PX
========================================================= */

@media (max-width: 350px) {

    .elementor-9 .elementor-element.elementor-element-4a48ef68
    table.shop_table.cart
    tr.cart_item {
        grid-template-columns:
            60px
            minmax(0, 1fr);

        padding: 11px;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .product-thumbnail img {
        width: 56px !important;
        height: 56px !important;
    }


    .elementor-9 .elementor-element.elementor-element-4a48ef68 .product-name a {
        font-size: 11.5px !important;
    }

}/* End custom CSS */