.elementor-990322 .elementor-element.elementor-element-42390b63{--display:flex;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-990322 .elementor-element.elementor-element-5a1d4c1f{columns:2;color:var( --e-global-color-vamtam_accent_2 );}.elementor-990322 .elementor-element.elementor-element-5a1d4c1f a{color:var( --e-global-color-vamtam_accent_6 );}/* Start custom CSS for text-editor, class: .elementor-element-5a1d4c1f *//* ============================================================
   CARRITO WOOCOMMERCE – DESKTOP + RESPONSIVE
   Compatible con Elementor Custom CSS
   ============================================================ */

/* =========================
   DESKTOP / GENERAL
   ========================= */

/* Tabla general */
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .shop_table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Encabezado */
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .shop_table thead {
    background-color: #F0EDEA !important;
}

.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .shop_table th {
    color: #6F4E37 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 16px !important;
    border: none !important;
}

/* Filas de productos */
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .shop_table tr.cart_item {
    background: #ffffff !important;
    border-bottom: 1px solid #efded3 !important;
}

.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .shop_table td {
    padding: 18px 16px !important;
    vertical-align: middle !important;
    border: none !important;
}

/* Imagen */
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .product-thumbnail img {
    max-width: 90px !important;
    height: auto !important;
    border-radius: 6px !important;
}

/* Nombre del producto */
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .product-name a {
    color: #6F4E37 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* Botones secundarios */
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .button[name="apply_coupon"],
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .button[name="update_cart"] {
    background: transparent !important;
    color: #6F4E37 !important;
    border: 1px solid #6F4E37 !important;
    border-radius: 6px !important;
    padding: 12px 18px !important;
}

.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .button[name="apply_coupon"]:hover,
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .button[name="update_cart"]:hover {
    background: #6F4E37 !important;
    color: #ffffff !important;
}

/* Botón principal checkout */
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .checkout-button {
    background: #6F4E37 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 18px !important;
    font-weight: 700 !important;
    width: 100% !important;
}

/* Caja de totales */
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .cart_totals {
    background: #F9F7F5 !important;
    padding: 24px !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
}

/* Campo cupón */
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f input#coupon_code {
    border: 1px solid #efded3 !important;
    padding: 12px !important;
    border-radius: 6px !important;
}

/* =========================
   RESPONSIVE MOBILE
   ========================= */

@media (max-width: 767px) {

    /* Tabla ocupa ancho total */
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .shop_table {
        display: block !important;
        overflow-x: auto !important;
        width: 100% !important;
    }

    /* Encabezado más compacto */
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .shop_table th,
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .shop_table td {
        font-size: 13px !important;
        padding: 10px !important;
    }

    /* Imagen más pequeña */
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .product-thumbnail img {
        max-width: 70px !important;
    }

    /* Nombre producto */
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .product-name a {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    /* Input cantidad */
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .quantity input {
        width: 60px !important;
        text-align: center !important;
    }

    /* Cupón full width */
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .actions .coupon {
        width: 100% !important;
        display: block !important;
        margin-bottom: 12px !important;
    }

    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .actions .coupon input,
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .actions .coupon button {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    /* Update cart full width */
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .button[name="update_cart"] {
        width: 100% !important;
        margin-top: 10px !important;
    }

    /* Totales full width */
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .cart_totals {
        width: 100% !important;
        margin-top: 20px !important;
        padding: 18px !important;
    }

    /* Checkout full width */
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .checkout-button {
        width: 100% !important;
        padding: 16px !important;
        font-size: 15px !important;
    }
    
    
}

/* ============================================================
   INPUT CANTIDAD – ARREGLAR FLECHAS Y VISUALIZACIÓN
   ============================================================ */

.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .product-quantity .qty {
    width: 85px !important;              /* más espacio */
    min-width: 85px !important;
    height: 42px !important;
    padding: 8px 28px 8px 12px !important; /* espacio extra a la derecha para flechas */
    border: 1px solid #6F4E37 !important;  /* borde marrón */
    border-radius: 6px !important;
    color: #6F4E37 !important;             /* número marrón */
    font-weight: 600 !important;
    text-align: left !important;           /* número hacia la izquierda */
    background: #fff !important;
    box-sizing: border-box !important;
}

/* también el color del texto al hacer focus */
.elementor-990322 .elementor-element.elementor-element-5a1d4c1f .product-quantity .qty:focus {
    outline: none !important;
    border-color: #6F4E37 !important;
    box-shadow: 0 0 0 1px #6F4E37 !important;
    color: #6F4E37 !important;
}

/* móvil */
@media (max-width: 767px) {
    .elementor-990322 .elementor-element.elementor-element-5a1d4c1f .product-quantity .qty {
        width: 95px !important;
        min-width: 95px !important;
        padding-right: 30px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */