.elementor-5 .elementor-element.elementor-element-66e1786 > .elementor-container{max-width:1230px;}.elementor-5 .elementor-element.elementor-element-66e1786{margin-top:0px;margin-bottom:0px;}.elementor-5 .elementor-element.elementor-element-1b75538{--cols:2;--column-proportion:40%;--cols-gap:30px;}.elementor-5 .elementor-element.elementor-element-1b75538 .woocommerce-cart-form{border-radius:14px 14px 14px 14px;box-shadow:6px 6px 10px -6px rgba(0, 0, 0, 0.3);padding:20px 20px 20px 20px;}.elementor-5 .elementor-element.elementor-element-1b75538 .cart_totals{border-radius:14px 14px 14px 14px;box-shadow:6px 6px 10px -6px rgba(0, 0, 0, 0.3);padding:20px 20px 20px 20px;}/* Start custom CSS for woocommerce-cart-etheme_page, class: .elementor-element-1b75538 *//* --- Botón principal: Proceed to Checkout --- */ .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background: linear-gradient(90deg, #00d2ff 0%, #3a7bd5 100%); color: #fff !important; font-weight: 600; border-radius: 8px; padding: 15px 35px; border: none; transition: all 0.3s ease; display: inline-block; text-align: center; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { transform: translateY(-2px); box-shadow: 0px 4px 12px rgba(0,0,0,0.15); } /* --- Botones secundarios: estilo Contacto/Cart del header --- */ .woocommerce-cart .actions .button, .woocommerce-cart .return-to-shop a, .woocommerce-cart .button:not(.checkout-button) { background: transparent; border: 2px solid #72CDFF; color: #0044ff !important; font-weight: 600; border-radius: 8px; padding: 12px 25px; line-height: 1.4; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .woocommerce-cart .actions .button:hover, .woocommerce-cart .return-to-shop a:hover, .woocommerce-cart .button:not(.checkout-button):hover { background: #e6faff; transform: translateY(-2px); } /* Botón OK (aplicar cupón) */ .woocommerce-cart-form input.btn[name="apply_coupon"] { background: transparent; border: 2px solid #72CDFF; color: #0044ff !important; font-weight: 600; border-radius: 8px; padding: 8px 18px; line-height: 1.4; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .woocommerce-cart-form input.btn[name="apply_coupon"]:hover { background: #e6faff; transform: translateY(-2px); } /* Botón Clear Shopping Cart */ .woocommerce-cart-form a.clear-cart.btn.bordered { background: transparent; border: 2px solid #72CDFF; color: #0044ff !important; font-weight: 600; border-radius: 8px; padding: 10px 25px; line-height: 1.4; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .woocommerce-cart-form a.clear-cart.btn.bordered:hover { background: #e6faff; transform: translateY(-2px); } /* Botón OK (aplicar cupón) */ .woocommerce-cart-form .coupon input.btn[name="apply_coupon"] { background: transparent; border: 2px solid #72CDFF; color: #0044ff !important; font-weight: 600; border-radius: 8px; padding: 10px 25px; /* mismo padding que clear cart */ line-height: 1.4; height: auto; /* que no se achique */ min-height: 40px; /* altura mínima consistente */ display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .woocommerce-cart-form .coupon input.btn[name="apply_coupon"]:hover { background: #e6faff; transform: translateY(-2px); } /* Botón Clear Shopping Cart */ .woocommerce-cart-form a.clear-cart.btn.bordered { background: transparent; border: 2px solid #72CDFF; color: #0044ff !important; font-weight: 600; border-radius: 8px; padding: 10px 25px; line-height: 1.4; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .woocommerce-cart-form a.clear-cart.btn.bordered:hover { background: #e6faff; transform: translateY(-2px); }


es eso, TAL CUAL, pero evitando que se queiten los bordes y que se mueva la pagina, no tienes permitido cambiar nada mas, no te atrevas./* End custom CSS */