.elementor-12 .elementor-element.elementor-element-5a32ee80{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-5a32ee80{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-5a32ee80{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-4f1d37d *//* =====================================================
   AQUA — CART (Woo / Elementor Cart)
   - Branding: aqua + azul + verde precios
   - Bordes redondos + cards
   - Miniaturas visibles en tablet/celu
   - Botones bonitos
===================================================== */

:root{
  --aqua: #00A4AC;
  --blue: #0072BF;
  --green: #0AA84F;
  --gold: #C9A24A;
  --text: #0f172a;
  --muted: #64748b;
  --line: rgba(15,23,42,.10);
  --card: #ffffff;
  --bg: #f7fafc;
  --radius: 18px;
}

/* Área general carrito */
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .elementor-widget-woocommerce-cart{
  color: var(--text);
}

/* Contenedor principal (si tu sección tiene fondo) */
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals{
  border-radius: var(--radius);
}

/* ===== TABLA / LISTA ===== */
body.woocommerce-cart table.shop_table{
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 14px !important;
  width: 100%;
  background: transparent !important;
}

/* Header tabla */
body.woocommerce-cart table.shop_table thead th{
  font-weight: 900 !important;
  color: var(--text) !important;
  padding: 10px 14px !important;
  border: 0 !important;
}

/* Cada fila como “card” */
body.woocommerce-cart table.shop_table tbody tr{
  background: var(--card) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.06) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
}

/* Celdas */
body.woocommerce-cart table.shop_table td{
  border: 0 !important;
  padding: 14px !important;
  vertical-align: middle !important;
}

/* Miniatura */
body.woocommerce-cart td.product-thumbnail{
  width: 84px !important;
}
body.woocommerce-cart td.product-thumbnail img{
  width: 62px !important;
  height: 62px !important;
  object-fit: contain !important;
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  padding: 6px !important;
}

/* Nombre producto */
body.woocommerce-cart td.product-name a{
  color: var(--aqua) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
  line-height: 1.15 !important;
  display: inline-block;
}
body.woocommerce-cart td.product-name{
  color: var(--muted) !important;
}

/* Precio / Subtotal en verde */
body.woocommerce-cart td.product-price,
body.woocommerce-cart td.product-subtotal{
  font-weight: 1000 !important;
  color: var(--green) !important;
}
body.woocommerce-cart td.product-price bdi,
body.woocommerce-cart td.product-subtotal bdi{
  color: var(--green) !important;
}

/* Input cantidad */
body.woocommerce-cart .quantity .qty{
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  padding: 10px 10px !important;
  font-weight: 900 !important;
  color: var(--text) !important;
  background: #fff !important;
  width: 76px !important;
}

/* Botón eliminar */
body.woocommerce-cart a.remove{
  color: #ef4444 !important;
  background: rgba(239,68,68,.10) !important;
  border: 1px solid rgba(239,68,68,.25) !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 30px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}
body.woocommerce-cart a.remove:hover{
  background: rgba(239,68,68,.18) !important;
}

/* ===== CUPÓN ===== */
body.woocommerce-cart .coupon{
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  padding: 14px !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.06) !important;
}
body.woocommerce-cart .coupon input#coupon_code{
  border-radius: 14px !important;
  border: 1px solid var(--line) !important;
  padding: 12px 14px !important;
  font-weight: 900 !important;
  color: var(--text) !important;
}

/* ===== BOTONES ===== */
body.woocommerce-cart button.button,
body.woocommerce-cart a.button,
body.woocommerce-cart .button{
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-weight: 900 !important;
  letter-spacing: .3px !important;
  border: 0 !important;
}

/* Update cart + Apply coupon */
body.woocommerce-cart button[name="update_cart"],
body.woocommerce-cart .coupon button{
  background: var(--blue) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(0,114,191,.18) !important;
}
body.woocommerce-cart button[name="update_cart"]:hover,
body.woocommerce-cart .coupon button:hover{
  filter: brightness(.95);
}

/* ===== TOTALES ===== */
body.woocommerce-cart .cart-collaterals .cart_totals{
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  padding: 16px !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.06) !important;
}
body.woocommerce-cart .cart_totals h2{
  color: var(--aqua) !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  margin: 0 0 10px 0 !important;
}

/* Total / Subtotal */
body.woocommerce-cart .cart_totals table th{
  color: var(--muted) !important;
  font-weight: 900 !important;
}
body.woocommerce-cart .cart_totals table td{
  font-weight: 1000 !important;
}
body.woocommerce-cart .cart_totals .order-total td,
body.woocommerce-cart .cart_totals .order-total bdi{
  color: var(--green) !important;
  font-size: 18px !important;
}

/* Botón checkout */
body.woocommerce-cart a.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a{
  background: var(--aqua) !important;
  color: #fff !important;
  box-shadow: 0 18px 36px rgba(0,164,172,.22) !important;
}
body.woocommerce-cart a.checkout-button:hover{
  filter: brightness(.95);
}

/* ===== RESPONSIVE: que NO se pierda la imagen ===== */
@media (max-width: 1024px){
  body.woocommerce-cart table.shop_table{
    border-spacing: 0 12px !important;
  }
}

/* Woo pone display:block y oculta columnas en responsive.
   Aquí forzamos layout tipo “card” con miniatura visible */
@media (max-width: 767px){
  body.woocommerce-cart table.shop_table_responsive thead{
    display: none !important;
  }

  body.woocommerce-cart table.shop_table_responsive tbody tr{
    display: block !important;
    padding: 10px !important;
  }

  body.woocommerce-cart table.shop_table_responsive tbody tr td{
    display: grid !important;
    grid-template-columns: 90px 1fr !important;
    gap: 10px 14px !important;
    align-items: center !important;
    padding: 10px !important;
  }

  /* Miniatura SIEMPRE visible */
  body.woocommerce-cart table.shop_table_responsive td.product-thumbnail{
    display: block !important;
    grid-column: 1 / 2 !important;
  }

  /* Nombre ocupa la derecha */
  body.woocommerce-cart table.shop_table_responsive td.product-name{
    grid-column: 2 / 3 !important;
  }

  /* Precio / Cantidad / Subtotal abajo en 2 columnas */
  body.woocommerce-cart table.shop_table_responsive td.product-price,
  body.woocommerce-cart table.shop_table_responsive td.product-quantity,
  body.woocommerce-cart table.shop_table_responsive td.product-subtotal{
    grid-column: 1 / 3 !important;
    grid-template-columns: 1fr 1fr !important;
    display: grid !important;
    padding-top: 6px !important;
  }

  /* Quitar “Producto:, Precio:” si el tema los imprime */
  body.woocommerce-cart table.shop_table_responsive td::before{
    font-weight: 900 !important;
    color: var(--muted) !important;
  }

  /* Remove arriba derecha */
  body.woocommerce-cart table.shop_table_responsive td.product-remove{
    grid-column: 1 / 3 !important;
    display: flex !important;
    justify-content: flex-end !important;
    padding-top: 0 !important;
  }
}/* End custom CSS */