.elementor-154 .elementor-element.elementor-element-4243c440{--display:flex;}.elementor-154 .elementor-element.elementor-element-c701b2f .woocommerce-breadcrumb{font-size:12px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-154 .elementor-element.elementor-element-46c32d4 .elementor-heading-title{font-size:33px;font-weight:600;letter-spacing:0.1px;word-spacing:0px;}@media(max-width:1300px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for html, class: .elementor-element-d3d8cd2 *//* === WooCommerce Cart — Layout 2 columnas (desktop) / 1 columna (móvil) ===
   Contenedor esperado en el HTML: <div class="custom-cart-ui">[woocommerce_cart]</div>
*/

/* --- Layout general --- */
.custom-cart-ui .woocommerce {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: flex-start; /* columnas alineadas arriba */
}
.custom-cart-ui .woocommerce-notices-wrapper { width: 100%; }

/* Columnas: izquierda (carrito) y derecha (resumen) */
.custom-cart-ui .woocommerce-cart-form { /* izquierda */
  flex: 2 1 520px;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
}
.custom-cart-ui .cart-collaterals { /* derecha */
  flex: 1 1 300px;
  min-width: 250px;
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 12px;
}

/* --- Tabla/filas de productos en modo "cards" --- */
.custom-cart-ui table.shop_table.cart { border: none; width: 100%; background: #fff; border-radius: 12px; }
.custom-cart-ui table.shop_table.cart thead { display: none; }

/* Volver tabla/filas a block para que cada fila sea un flex */
.custom-cart-ui table.shop_table.cart,
.custom-cart-ui table.shop_table.cart tbody,
.custom-cart-ui table.shop_table.cart tr { display: block; width: 100%; }

.custom-cart-ui table.shop_table.cart tr.cart_item {
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #eee;
  padding: 16px;
  position: relative; /* para posicionar la X */
}
.custom-cart-ui table.shop_table.cart tr.cart_item:last-child { border-bottom: none; }
.custom-cart-ui table.shop_table.cart td { border: none; padding: 0; }

/* Imagen producto */
.custom-cart-ui td.product-thumbnail { flex: 0 0 auto; }
.custom-cart-ui td.product-thumbnail img {
  width: 120px; height: 120px; object-fit: cover; border-radius: 10px; display: block;
}

/* Info producto */
.custom-cart-ui td.product-name { flex: 1 1 auto; padding-right: 48px; }
.custom-cart-ui td.product-name a { font-weight: 700; font-size: 16px; color: #333; text-decoration: none; }
.custom-cart-ui td.product-price { display: block; margin-top: 6px; font-size: 15px; color: #666; }

/* Quitar subtotal por producto */
.custom-cart-ui th.product-subtotal, .custom-cart-ui td.product-subtotal { display: none !important; }

/* Cantidad */
.custom-cart-ui td.product-quantity { flex: 0 0 auto; }
.custom-cart-ui td.product-quantity .quantity {
  display: flex; align-items: center;
  border: 1px solid #ccc; border-radius: 8px;
  height: 36px; margin-left: 10px;
}
.custom-cart-ui td.product-quantity .quantity .qty {
  border: none; text-align: center; width: 48px; min-width: 48px; padding: 0; height: 100%;
}
.custom-cart-ui td.product-quantity .quantity .button {
  background: none; border: none; padding: 0 10px; cursor: pointer;
  font-size: 18px; color: #333; height: 100%; display: flex; align-items: center; justify-content: center;
}
.custom-cart-ui td.product-quantity .quantity .button:hover { background-color: #eee; }

/* Eliminar producto (X) */
.custom-cart-ui td.product-remove {
  position: absolute; top: 8px; right: 8px; margin: 0; padding: 0;
}
.custom-cart-ui td.product-remove a.remove {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 50%;
  color: #e53935 !important; text-decoration: none; line-height: 1;
  border: 1px solid #f1d5d5; background: #fff;
  transition: transform .15s ease, background .15s ease;
}
.custom-cart-ui td.product-remove a.remove:hover { background: #ffe9ea; transform: scale(1.05); }

/* --- Acciones (cupón + botones) --- */
.custom-cart-ui .woocommerce-cart-form .actions {
  display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between;
  margin-top: 10px; padding-top: 12px; border-top: 1px solid #eee;
}
/* Cupón ocupa toda la fila arriba en desktop */
.custom-cart-ui .woocommerce-cart-form .actions .coupon { flex: 1 1 100%; display: flex; gap: 10px; align-items: center; }
.custom-cart-ui .woocommerce-cart-form .actions .coupon input.input-text {
  flex: 1 1 auto; min-width: 220px; height: 44px; border: 1px solid #ccc; border-radius: 10px; padding: 10px 12px;
}
.custom-cart-ui .woocommerce-cart-form .actions .coupon button.button { height: 44px; border-radius: 10px; }
/* Botonera */
.custom-cart-ui .woocommerce-cart-form .actions .button,
.custom-cart-ui .woocommerce-cart-form .actions button[name="update_cart"],
.custom-cart-ui .woocommerce-cart-form .actions .save-cart,
.custom-cart-ui .woocommerce-cart-form .actions .share-cart {
  background: #000; color: #fff; border: none; border-radius: 10px; padding: 10px 16px; font-weight: 600; text-decoration: none;
}
.custom-cart-ui .woocommerce-cart-form .actions .button:hover,
.custom-cart-ui .woocommerce-cart-form .actions button[name="update_cart"]:hover,
.custom-cart-ui .woocommerce-cart-form .actions .save-cart:hover,
.custom-cart-ui .woocommerce-cart-form .actions .share-cart:hover { background: #333; }

/* --- Resumen de totales --- */
.custom-cart-ui .cart_totals h2 { font-size: 18px; font-weight: 800; margin-bottom: 10px; }
.custom-cart-ui .cart_totals table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.custom-cart-ui .cart_totals table tr th, .custom-cart-ui .cart_totals table tr td { border: none; padding: 6px 0; }
.custom-cart-ui .cart_totals table tr th { text-align: left; width: 60%; padding-right: 8px; }
.custom-cart-ui .cart_totals table tr td { text-align: right; width: 40%; }
/* Padding extra para Subtotal y Total */
.custom-cart-ui .cart_totals table tr.cart-subtotal th,
.custom-cart-ui .cart_totals table tr.cart-subtotal td,
.custom-cart-ui .cart_totals table tr.order-total th,
.custom-cart-ui .cart_totals table tr.order-total td { padding-top: 9px !important; padding-bottom: 9px !important; padding-left: 3px !important; padding-right: 3px !important; }
.custom-cart-ui .cart_totals .discount td { color: #d83a3a; font-weight: 700; }

/* Botón checkout alineado a la derecha bajo el total */
.custom-cart-ui .wc-proceed-to-checkout { display: flex; justify-content: flex-end; margin-top: 12px; }
.custom-cart-ui .wc-proceed-to-checkout a.checkout-button {
  display: inline-block; background: #000; color: #fff !important;
  padding: 16px 24px; border-radius: 10px; font-weight: 700; font-size: 16px; transition: background .2s ease;
}
.custom-cart-ui .wc-proceed-to-checkout a.checkout-button:hover { background: #333; }
/* Variante botón de plugin (si aplica) */
.custom-cart-ui a.gd-checkout-button { background-color: #000 !important; color: #fff !important; border: none !important; padding: 15px 20px !important; border-radius: 5px !important; text-align: center; font-weight: 700; }
.custom-cart-ui a.gd-checkout-button:hover { background-color: #333 !important; }

/* --- Overrides de Woo que pegan la caja de totales a un lado --- */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals { float: none !important; width: 100% !important; max-width: 100% !important; }

/* --- Quitar efectos de hover grises en columna izquierda --- */
.custom-cart-ui table.shop_table.cart tr.cart_item:hover,
.custom-cart-ui table.shop_table.cart tr.cart_item:hover td,
.custom-cart-ui table.shop_table.cart tr:hover,
.custom-cart-ui td.product-name:hover,
.custom-cart-ui td.product-name a:hover,
.custom-cart-ui td.product-price:hover { background: transparent !important; box-shadow: none !important; }
.custom-cart-ui .woocommerce a:hover { background: transparent !important; }

/* --- Responsive: 1 columna en móvil --- */
@media (max-width: 768px) {
  .custom-cart-ui .woocommerce { flex-direction: column; gap: 20px; }
  .custom-cart-ui .woocommerce-cart-form, .custom-cart-ui .cart-collaterals { padding: 16px; }
  .custom-cart-ui table.shop_table.cart tr.cart_item { padding: 12px; gap: 12px; }
  .custom-cart-ui td.product-thumbnail img { width: 96px; height: 96px; }
  .custom-cart-ui .woocommerce-cart-form .actions { flex-direction: column; align-items: stretch; }
  .custom-cart-ui .woocommerce-cart-form .actions .coupon { width: 100%; }
  .custom-cart-ui .woocommerce-cart-form .actions .button,
  .custom-cart-ui .woocommerce-cart-form .actions button[name="update_cart"],
  .custom-cart-ui .woocommerce-cart-form .actions .save-cart,
  .custom-cart-ui .woocommerce-cart-form .actions .share-cart { width: 100%; text-align: center; }
}
/* Fix hover residual en primer/último producto */
.custom-cart-ui table.shop_table.cart tr.cart_item,
.custom-cart-ui table.shop_table.cart tr.cart_item td,
.custom-cart-ui table.shop_table.cart tr.cart_item th { 
  background: transparent !important; 
  background-image: none !important;
}

/* Sin zebra striping */
.custom-cart-ui table.shop_table.cart tr.cart_item:nth-child(odd),
.custom-cart-ui table.shop_table.cart tr.cart_item:nth-child(even),
.custom-cart-ui table.shop_table.cart tr.cart_item:nth-child(odd) td,
.custom-cart-ui table.shop_table.cart tr.cart_item:nth-child(even) td {
  background: transparent !important;
}

/* Hover/Focus/Active/Focus-within sin fondo */
.custom-cart-ui table.shop_table.cart tr.cart_item:hover,
.custom-cart-ui table.shop_table.cart tr.cart_item:focus,
.custom-cart-ui table.shop_table.cart tr.cart_item:active,
custom-cart-ui table.shop_table.cart tr.cart_item:focus-within,
.custom-cart-ui table.shop_table.cart tr.cart_item:hover td,
.custom-cart-ui table.shop_table.cart tr.cart_item:focus td,
.custom-cart-ui table.shop_table.cart tr.cart_item:active td,
custom-cart-ui table.shop_table.cart tr.cart_item:focus-within td { 
  background: transparent !important; 
}

/* Enlaces sin fondo en ningún estado */
.custom-cart-ui td.product-name a,
.custom-cart-ui td.product-name a:hover,
.custom-cart-ui td.product-name a:focus,
.custom-cart-ui td.product-name a:active,
.custom-cart-ui td.product-price a,
.custom-cart-ui td.product-price a:hover,
.custom-cart-ui td.product-price a:focus,
.custom-cart-ui td.product-price a:active { 
  background: transparent !important; 
  background-image: none !important; 
}

/* Primer y último tr sin estilos especiales */
.custom-cart-ui table.shop_table.cart tr.cart_item:first-child,
.custom-cart-ui table.shop_table.cart tr.cart_item:last-child,
.custom-cart-ui table.shop_table.cart tr.cart_item:first-child td,
.custom-cart-ui table.shop_table.cart tr.cart_item:last-child td { 
  background: transparent !important; 
}

/* Por si venía de tbody genérico */
.custom-cart-ui table.shop_table.cart tbody tr th,
.custom-cart-ui table.shop_table.cart tbody tr td { 
  background: transparent !important; 
}/* End custom CSS */