.elementor-39 .elementor-element.elementor-element-bf68792{--display:flex;}.elementor-39 .elementor-element.elementor-element-6eee459{--update-cart-automatically-display:none;--sections-border-color:#000C49;--links-normal-color:#000C49;--forms-fields-normal-color:#000C49;--forms-buttons-border-color:#000C49;--checkout-button-normal-text-color:#FFFFFF;}.elementor-39 .elementor-element.elementor-element-6eee459 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:#000C49;}.elementor-39 .elementor-element.elementor-element-6eee459 {--sections-descriptions-color:#000C49;}.e-woo-select2-wrapper .select2-results__option{color:#000C49;}.elementor-39 .elementor-element.elementor-element-6eee459 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#000C49 transparent transparent transparent;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-6eee459 *//* === CÓDIGO FINAL V5: MODO DEMOLICIÓN === */
@media (max-width: 767px) {

  /* 1. DEMOLICIÓN: Rompemos la estructura de tabla. Cada celda será un bloque. */
  .elementor-39 .elementor-element.elementor-element-6eee459 .shop_table.cart .cart_item td {
    display: block !important;
    width: 100% !important;
    text-align: left !important; /* Reseteamos la alineación */
    padding: 5px 0 !important;
    border: none !important; /* Quitamos bordes internos de la tabla */
  }

  /* 2. LA FOTO: Apuntamos directamente a la imagen para darle tamaño. */
  .elementor-39 .elementor-element.elementor-element-6eee459 .product-thumbnail {
    padding-bottom: 15px !important; /* Espacio debajo de la foto */
  }
  .elementor-39 .elementor-element.elementor-element-6eee459 .product-thumbnail img {
    width: 120px !important; /* <-- ¡JUEGA CON ESTE NÚMERO! (100px, 140px...) */
    height: auto !important;
  }

  /* 3. EL TÍTULO: Lo forzamos a ser visible y le damos estilo. */
  .elementor-39 .elementor-element.elementor-element-6eee459 .product-name {
    font-size: 1.2em !important;
    font-weight: bold !important;
  }

  /* 4. EL RESTO DE DATOS: Precio, Cantidad, Subtotal. */
  .elementor-39 .elementor-element.elementor-element-6eee459 .product-price,
  .elementor-39 .elementor-element.elementor-element-6eee459 .product-quantity,
  .elementor-39 .elementor-element.elementor-element-6eee459 .product-subtotal {
    text-align: right !important; /* El valor (ej: €35.00) a la derecha */
  }
  .elementor-39 .elementor-element.elementor-element-6eee459 .product-price::before,
  .elementor-39 .elementor-element.elementor-element-6eee459 .product-quantity::before,
  .elementor-39 .elementor-element.elementor-element-6eee459 .product-subtotal::before {
    float: left !important; /* La etiqueta (ej: "Precio:") a la izquierda */
  }

  /* 5. LA 'X' DE ELIMINAR: La sacamos del flujo y la ponemos en la esquina. */
  .elementor-39 .elementor-element.elementor-element-6eee459 .cart_item {
    position: relative !important;
    padding-top: 20px !important;
  }
  .elementor-39 .elementor-element.elementor-element-6eee459 .product-remove {
    position: absolute !important;
    top: 0px;
    right: 0px;
    width: auto !important; /* Anulamos el 100% de ancho que le dimos antes */
  }
}/* End custom CSS */