.elementor-19502 .elementor-element.elementor-element-2497eb0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-19502 .elementor-element.elementor-element-2497eb0:not(.elementor-motion-effects-element-type-background), .elementor-19502 .elementor-element.elementor-element-2497eb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://comex-global.com/wp-content/uploads/2025/04/homepagecomex.jpg");background-position:center center;background-size:cover;}.elementor-19502 .elementor-element.elementor-element-2497eb0 > .elementor-background-overlay{background-color:#000000;opacity:0.31;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19502 .elementor-element.elementor-element-2497eb0 > .elementor-container{max-width:900px;min-height:41vh;}.elementor-19502 .elementor-element.elementor-element-2497eb0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;overflow:visible;}.elementor-19502 .elementor-element.elementor-element-938c4b1{--spacer-size:350px;}.elementor-19502 .elementor-element.elementor-element-697af09{padding:50px 0px 0px 0px;overflow:visible;}.elementor-19502 .elementor-element.elementor-element-a5f14f8:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-19502 .elementor-element.elementor-element-a5f14f8 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(50deg, #0079C1 0%, #DB0032 100%);}.elementor-19502 .elementor-element.elementor-element-a5f14f8 > .elementor-element-populated, .elementor-19502 .elementor-element.elementor-element-a5f14f8 > .elementor-element-populated > .elementor-background-overlay, .elementor-19502 .elementor-element.elementor-element-a5f14f8 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-19502 .elementor-element.elementor-element-a5f14f8 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-19502 .elementor-element.elementor-element-a5f14f8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-19502 .elementor-element.elementor-element-2497eb0 > .elementor-container{min-height:800px;}.elementor-19502 .elementor-element.elementor-element-2497eb0{padding:0px 25px 0px 25px;}}@media(max-width:767px){.elementor-19502 .elementor-element.elementor-element-2497eb0 > .elementor-container{min-height:612px;}.elementor-19502 .elementor-element.elementor-element-2497eb0{padding:0px 20px 0px 20px;}}/* Start custom CSS for section, class: .elementor-element-2497eb0 *//* Add this CSS to the first section's Custom CSS in Elementor */
.elementor-19502 .elementor-element.elementor-element-2497eb0 {
    position: relative;
    z-index: 1;
}

/* Add a pseudo-element to create the fade effect */
.elementor-19502 .elementor-element.elementor-element-2497eb0::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px; /* Adjust the height of the fade */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000000 100%);
    z-index: 2;
    pointer-events: none; /* Ensure it doesn't block clicks */
}

/* Ensure the next section is positioned below the current one */
.elementor-19502 .elementor-element.elementor-element-2497eb0 + .elementor-section {
    position: relative;
    z-index: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5953bf2 *//* ===== COMEX CART Transparent Design ===== */

/* Make all panels transparent */
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce .cart-collaterals,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce .cart_totals,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce .cross-sells {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

/* Cart table */
.elementor-19502 .elementor-element.elementor-element-5953bf2 table.shop_table,
.elementor-19502 .elementor-element.elementor-element-5953bf2 table.shop_table th,
.elementor-19502 .elementor-element.elementor-element-5953bf2 table.shop_table td {
  background: transparent !important;
  border-color: #2a2a35 !important;
  color: #ffffff !important;
}
.elementor-19502 .elementor-element.elementor-element-5953bf2 table.shop_table thead th {
  color: #cccccc !important;
  font-weight: 600 !important;
}

/* Product names */
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce-cart-form .product-name a {
  color: #ffffff !important;
  text-decoration: none !important;
}
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce-cart-form .product-name a:hover {
  color: #e86b2d !important;
}

/* Quantity input */
.elementor-19502 .elementor-element.elementor-element-5953bf2 .quantity .qty {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: .3rem .6rem !important;
  min-width: 70px;
  text-align: center;
}

/* Coupon form */
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce-cart .coupon,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce-form-coupon {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 18px 0 !important;
}
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce-cart .coupon input.input-text,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce-form-coupon input.input-text {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: .45rem .7rem !important;
}
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce-cart .coupon input::placeholder,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce-form-coupon input::placeholder {
  color: rgba(255,255,255,.6) !important;
}

/* Slim, consistent buttons */
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce a.button,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce button.button,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce input.button,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce .wc-proceed-to-checkout a.checkout-button {
  background: #e86b2d !important;
  color: #ffffff !important;
  border: 1px solid #e86b2d !important;
  border-radius: 6px !important;
  padding: .45rem 1rem !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 120px;
  text-align: center;
  transition: all .2s ease;
}
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce a.button:hover,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce button.button:hover,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce input.button:hover,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px);
}

/* Totals table */
.elementor-19502 .elementor-element.elementor-element-5953bf2 .cart-collaterals .cart_totals > h2 {
  color: #ffffff !important;
}
.elementor-19502 .elementor-element.elementor-element-5953bf2 .cart-collaterals .cart_totals table {
  background: transparent !important;
  border-color: #2a2a35 !important;
}
.elementor-19502 .elementor-element.elementor-element-5953bf2 .cart-collaterals .cart_totals table th,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .cart-collaterals .cart_totals table td {
  color: #ffffff !important;
  border-top: 1px solid #2a2a35 !important;
}

/* Notices */
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce-message,
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce-info {
  background: rgba(232,107,45,.15) !important;
  border-color: #e86b2d !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}
.elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce-error {
  background: rgba(239,68,68,.15) !important;
  border-color: #ef4444 !important;
  color: #ffd6d6 !important;
  border-radius: 10px !important;
}

/* Responsive: make checkout button full width on small screens */
@media (max-width: 768px) {
  .elementor-19502 .elementor-element.elementor-element-5953bf2 .woocommerce .wc-proceed-to-checkout a.checkout-button {
    width: 100% !important;
  }
}/* End custom CSS */