ng-easycommerce-v18 0.2.29 → 0.3.1-9.beta-1

package/fesm2022/ng-easycommerce-v18.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, inject, Injectable, PLATFORM_ID, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, computed, Renderer2, ChangeDetectionStrategy, Directive, Inject } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, Injectable, PLATFORM_ID, RendererFactory2, afterNextRender, signal, EnvironmentInjector, runInInjectionContext, Component, ChangeDetectorRef, HostListener, CUSTOM_ELEMENTS_SCHEMA, Input, Pipe, Injector, EventEmitter, Output, forwardRef, afterRender, ViewChild, Inject, computed, Renderer2, ChangeDetectionStrategy, Directive } from '@angular/core';
 import * as i1 from '@angular/common';
-import { isPlatformBrowser, DOCUMENT, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } from '@angular/common';
+import { DOCUMENT, isPlatformBrowser, AsyncPipe, CommonModule, TitleCasePipe, JsonPipe, UpperCasePipe, Location } from '@angular/common';
 import { take, BehaviorSubject, shareReplay, map, catchError, of, filter, ReplaySubject, firstValueFrom, concatMap, throwError, switchMap, combineLatest } from 'rxjs';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import * as i1$1 from '@ngx-translate/core';
@@ -14,7 +14,7 @@ import { ToastrService } from 'ngx-toastr';
 import moment from 'moment';
 import { StorageMap } from '@ngx-pwa/local-storage';
 import * as i1$3 from '@angular/forms';
-import { Validators, FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { Validators, FormsModule, FormBuilder, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
 import { register } from 'swiper/element/bundle';
 import { register as register$1 } from 'swiper/element';
 import * as i1$4 from '@angular/platform-browser';
@@ -225,6 +225,14 @@ class CoreConstantsService {
      * Provee el ID de la plataforma en donde se esta ejecutando el codigo, esto sirve para poder diferenciar si es de un servidor o un navegador web.
      */
     platformId = inject(PLATFORM_ID);
+    /**
+     * Document token para acceso SSR-compatible al documento
+     */
+    document = inject(DOCUMENT);
+    /**
+     * Contiene los datos provisto por el frontend en el archivo environment.ts
+     */
+    environment = inject(ENVIRONMENT_TOKEN);
     /**
      * Guarda la variable window del web browser.
      */
@@ -264,6 +272,102 @@ class CoreConstantsService {
      * @returns
      */
     url = () => this.apiConstants.API_URL.replace(/\/$/, ''); // remove last slash	
+    /**
+     * URL del sitio frontend - Compatible con Angular SSR
+     */
+    get FRONTEND_URL() {
+        // Verificar si estamos en el navegador
+        if (isPlatformBrowser(this.platformId)) {
+            // Primero intenta leer de window.__env (configurado por Docker/CI)
+            const windowEnv = this.window?.__env;
+            if (windowEnv?.frontendUrl) {
+                // Log para debugging en desarrollo
+                if (!windowEnv.frontendUrl.startsWith('http')) {
+                    console.warn('[FRONTEND_URL] Invalid frontendUrl format:', windowEnv.frontendUrl);
+                }
+                return windowEnv.frontendUrl;
+            }
+            // Si no hay configuración específica, construir desde window.location
+            if (this.window?.location) {
+                const url = `${this.window.location.protocol}//${this.window.location.host}`;
+                // Verificar que no sea localhost o 127.0.0.1 en producción
+                if (url.includes('127.0.0.1') || url.includes('localhost')) {
+                    console.warn('[FRONTEND_URL] Using localhost URL in production, consider setting window.__env.frontendUrl');
+                }
+                return url;
+            }
+        }
+        // Para SSR, intentar construir desde el document si está disponible
+        if (this.document?.location) {
+            return `${this.document.location.protocol}//${this.document.location.host}`;
+        }
+        // Intentar obtener desde environment
+        if (this.environment.frontendUrl) {
+            return this.environment.frontendUrl;
+        }
+        // Último fallback - usar la URL del API si está configurada y es absoluta
+        const apiUrl = this.apiConstants.API_URL;
+        if (apiUrl && (apiUrl.startsWith('http://') || apiUrl.startsWith('https://'))) {
+            try {
+                const url = new URL(apiUrl);
+                return `${url.protocol}//${url.host}`;
+            }
+            catch (e) {
+                console.warn('[FRONTEND_URL] Could not parse API URL as fallback:', apiUrl);
+            }
+        }
+        // Fallback final - retornar URL vacía
+        console.warn('[FRONTEND_URL] No valid frontend URL found, this may cause issues with meta tags');
+        return '';
+    }
+    /**
+     * Retorna la URL completa del frontend con una ruta opcional
+     * @param path - Ruta opcional para agregar a la URL base
+     * @returns {string} URL completa del frontend
+     */
+    getFrontendUrl = (path) => {
+        const baseUrl = this.FRONTEND_URL;
+        if (!path) {
+            return baseUrl;
+        }
+        // Asegurar que la ruta comience con '/' y no tenga doble slash
+        const cleanPath = path.startsWith('/') ? path : `/${path}`;
+        const cleanBaseUrl = baseUrl.endsWith('/') ? baseUrl.slice(0, -1) : baseUrl;
+        return `${cleanBaseUrl}${cleanPath}`;
+    };
+    /**
+     * Retorna la URL absoluta de una imagen para meta tags (compatible con SSR)
+     * @param postMedia - Ruta de la imagen
+     * @returns {string} URL absoluta de la imagen
+     */
+    getAbsoluteImageUrl = (postMedia) => {
+        // Si la URL ya es absoluta, devolverla tal como está
+        if (postMedia && (postMedia.startsWith('http://') || postMedia.startsWith('https://'))) {
+            return postMedia;
+        }
+        // Construir la URL de la imagen usando la URL del API
+        const imageUrl = this.mediaImageUrl(postMedia);
+        // Si la URL de la imagen ya es absoluta, devolverla
+        if (imageUrl.startsWith('http://') || imageUrl.startsWith('https://')) {
+            return imageUrl;
+        }
+        // Si es una URL relativa, convertirla a absoluta usando la URL base del API
+        const apiBaseUrl = this.apiConstants.API_URL;
+        if (apiBaseUrl.startsWith('http://') || apiBaseUrl.startsWith('https://')) {
+            // API_URL ya es absoluta
+            return imageUrl;
+        }
+        // Si API_URL es relativa, usar la URL del frontend como base
+        const frontendUrl = this.FRONTEND_URL;
+        if (!frontendUrl) {
+            return imageUrl; // Fallback si no podemos determinar la URL del frontend
+        }
+        // Construir URL absoluta
+        const cleanApiUrl = apiBaseUrl.startsWith('/') ? apiBaseUrl.substring(1) : apiBaseUrl;
+        const cleanFrontendUrl = frontendUrl.endsWith('/') ? frontendUrl.slice(0, -1) : frontendUrl;
+        const cleanImageUrl = imageUrl.startsWith('/') ? imageUrl.substring(1) : imageUrl;
+        return `${cleanFrontendUrl}/${cleanApiUrl}${cleanImageUrl}`;
+    };
     /**
      * Retorna la url de las imagenes de los banners
      * @returns
@@ -2426,6 +2530,12 @@ class FormService {
     sendResponse(response_obj) {
         return this.connection.post(this.contactFormResponseAPI(), this.prepareData(response_obj));
     }
+    /**
+     * @description contiene un arreglo de string cuyo contenido son los codigos de los paises a excluir.
+     * @example ['GB']
+     */
+    excludedCountries = [];
+    allowedCountries = [];
     /**
      * Obtiene los paises y los guarda en un observable.
      * @returns
@@ -2441,6 +2551,12 @@ class FormService {
             const documentTypesData = documentTypesLocale['documentTypes'];
             this.documentTypesSubject.next(documentTypesData);
         })).subscribe();
+        if (this.excludedCountries.length > 0) {
+            this.countries$ = this.countries$.pipe(map(countries => countries.filter(country => !this.excludedCountries.includes(country.code))));
+        }
+        if (this.allowedCountries.length > 0) {
+            this.countries$ = this.countries$.pipe(map(countries => countries.filter(country => this.allowedCountries.includes(country.code))));
+        }
         return this.countries$;
     }
     /**
@@ -4377,8 +4493,15 @@ class CartService {
      * @param quantity la cantidad nueva.
      */
     updateItemQuantity(item, quantity) {
+        // Validar antes de proceder
         if (this.validateQuantity(item, quantity) && (this.validatePriceAndCredits(item, quantity))) {
-            firstValueFrom(this._connection.put(this.updateItemQuantityApi(this.findItemByIdVariant(item.variant_id)), { 'quantity': Number(quantity) })).then(res => this.updateCartObj(res) && this.updateCartItemQuantity(item.variant_id, Number(quantity)), err => this.handleError(err));
+            // Si pasa las validaciones, hacer la petición HTTP
+            firstValueFrom(this._connection.put(this.updateItemQuantityApi(this.findItemByIdVariant(item.variant_id)), { 'quantity': Number(quantity) }))
+                .then(res => this.updateCartObj(res) && this.updateCartItemQuantity(item.variant_id, Number(quantity)), err => this.handleError(err));
+            return true; // Validaciones pasaron, operación iniciada
+        }
+        else {
+            return false; // Validaciones fallaron
         }
     }
     /**
@@ -4459,14 +4582,25 @@ class CartService {
      * @returns
      */
     validateQuantity(item, quantity) {
-        if ((this.getCountFromItemInCart(item.productCode) + quantity) > item.product.variants[0].maximumItemsQuantity) {
+        const actualQuantity = Number(this.getCountFromItemInCart(item.productCode)); // <-- Forzar a número
+        const newQuantity = Number(quantity); // <-- Forzar a número
+        if ((actualQuantity + newQuantity) > item.product.variants[0].maximumItemsQuantity) {
             this._toastService.show('maximum-items-quantity', { quantity: item.product.variants[0].maximumItemsQuantity });
             return false;
         }
-        if ((this.getCountFromItemInCart(item.productCode) + quantity) < item.product.variants[0].minimumItemsQuantity) {
+        if ((actualQuantity + newQuantity) < item.product.variants[0].minimumItemsQuantity) {
             this._toastService.show('minimum-items-quantity', { quantity: item.product.variants[0].minimumItemsQuantity });
             return false;
         }
+        if (item.product.variants[0].multipleQuantity && item.product.variants[0].multipleQuantity > 1) {
+            if ((actualQuantity + newQuantity) % item.product.variants[0].multipleQuantity !== 0) {
+                this._toastService.show('multiple-quantity-required', {
+                    multiple: item.product.variants[0].multipleQuantity,
+                    current: actualQuantity + newQuantity // <-- Ahora suma correctamente
+                });
+                return false;
+            }
+        }
         return true;
     }
     /**
@@ -4538,7 +4672,7 @@ class CartService {
      * @returns
      */
     getSubTotalAmount() {
-        return this.cart$.pipe(map((cart) => cart?.totals?.items));
+        return this.cart$.pipe(map((cart) => cart?.totals?.subtotal));
     }
     /**
      * Retorna un observable con el total del monto de las promociones aplicadas.
@@ -4814,6 +4948,7 @@ class ProductDetailService {
             associated.minimumItemsQuantity = v.stock > 0 && 'minimumItemsQuantity' in v && v.minimumItemsQuantity > 0
                 ? v.minimumItemsQuantity
                 : (v.multipleQuantity ?? 1);
+            associated.multipleQuantity = v.multipleQuantity ?? 1;
             // Precios al consumidor final
             associated.finalConsumer = {
                 finalConsumerPrice: v.final_consumer_price,
@@ -5016,6 +5151,15 @@ class ProductDetailService {
             this._toastService.show('minimum-items-quantity', { quantity: asociatedData.minimumItemsQuantity });
             return false;
         }
+        if (asociatedData.multipleQuantity && asociatedData.multipleQuantity > 1) {
+            if ((actualQuantity + quantity) % asociatedData.multipleQuantity !== 0) {
+                this._toastService.show('multiple-quantity-required', {
+                    multiple: asociatedData.multipleQuantity,
+                    current: actualQuantity + quantity
+                });
+                return false;
+            }
+        }
         return true;
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductDetailService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -5039,15 +5183,21 @@ class OrderUtilityService {
         if (cart.checkoutState && cart.checkoutState == "completed")
             return;
         let new_state = [];
-        let subtotal = { type: 'subtotal', name: 'subtotal', amount: cart.totals.items };
+        let subtotal = { type: 'subtotal', name: 'subtotal', amount: cart.totals.subtotal };
         let total = { type: 'total', name: 'total', amount: cart.totals.total };
         !forCart && new_state.push(subtotal);
+        0;
         for (let index = 0; index < cart.cartDiscounts.length; index++) {
-            cart.cartDiscounts[index].type = this.formatType(cart.cartDiscounts[index].type);
+            const disc = cart.cartDiscounts[index];
+            disc.type = this.formatType(disc.type);
+            let amount = this.getAmount(disc, cart);
+            if (disc.type === 'discount') {
+                amount = cart.totals.promotion;
+            }
             new_state.push({
-                type: cart.cartDiscounts[index].type,
-                name: (cart.cartDiscounts[index].type != 'coupon') ? cart.cartDiscounts[index].name : 'coupon',
-                amount: this.getAmount(cart.cartDiscounts[index], cart)
+                type: disc.type,
+                name: (disc.type != 'coupon') ? disc.name : 'coupon',
+                amount: amount
             });
         }
         !forCart && new_state.push(total);
@@ -5208,33 +5358,58 @@ class CheckoutService {
             return { ok: false, require_login: false, message: 'An error occurred' };
         }
     };
+    // updateAsociatedData = (cart: any) => {
+    // 	let result = this._orderUtilityService.getPromotions(cart);
+    // 	const userProfile: User = User.fromJson(this._authService.getUserProfileAsUser());
+    // 	if (result) {
+    // 		if (userProfile.isWholesaler() && cart.totals.taxes != 0) {
+    // 			let total = { ...result[result.length - 1] };
+    // 			result[result.length - 1] = {
+    // 				type: 'taxes',
+    // 				name: 'taxes',
+    // 				amount: cart.totals.taxes
+    // 			}
+    // 			result.push(total);
+    // 		}
+    // 		let shipment = result?.find((promotion: any) => promotion.type == "shipment");
+    // 		if (!shipment && cart.totals.shipping != 0) {
+    // 			if (result?.length && !result.find((item: any) => item.type === "shipment")) {
+    // 				let total = { ...result[result.length - 1] };
+    // 				result[result.length - 1] = {
+    // 					type: 'shipment',
+    // 					name: 'shipment',
+    // 					amount: cart.totals.shipping
+    // 				}
+    // 				result.push(total);
+    // 			}
+    // 		}
+    // 		this._associatedDataSubject.next(result);
+    // 	}
+    // }
     updateAsociatedData = (cart) => {
         let result = this._orderUtilityService.getPromotions(cart);
-        const userProfile = User.fromJson(this._authService.getUserProfileAsUser());
-        if (result) {
-            if (userProfile.isWholesaler() && cart.totals.taxes != 0) {
+        if (cart.totals.taxes != 0 && result && result.length > 0) {
+            let total = { ...result[result.length - 1] };
+            result[result.length - 1] = {
+                type: 'taxes',
+                name: 'taxes',
+                amount: cart.totals.taxes
+            };
+            result.push(total);
+        }
+        let shipment = result?.find(promotion => promotion.type == "shipment");
+        if (!shipment && cart.totals.shipping != 0) {
+            if (result?.length && !result.find(item => item.type === "shipment")) {
                 let total = { ...result[result.length - 1] };
                 result[result.length - 1] = {
-                    type: 'taxes',
-                    name: 'taxes',
-                    amount: cart.totals.taxes
+                    type: 'shipment',
+                    name: 'shipment',
+                    amount: cart.totals.shipping
                 };
                 result.push(total);
             }
-            let shipment = result?.find((promotion) => promotion.type == "shipment");
-            if (!shipment && cart.totals.shipping != 0) {
-                if (result?.length && !result.find((item) => item.type === "shipment")) {
-                    let total = { ...result[result.length - 1] };
-                    result[result.length - 1] = {
-                        type: 'shipment',
-                        name: 'shipment',
-                        amount: cart.totals.shipping
-                    };
-                    result.push(total);
-                }
-            }
-            this._associatedDataSubject.next(result);
         }
+        this._associatedDataSubject.next(result ?? null);
     };
     getStepData = (step_name) => {
         let step_result = this._stateSubject.getValue().find(step => step.name == step_name);
@@ -5859,6 +6034,14 @@ class MenuEcComponent {
             });
         }));
     }
+    /**
+   * Verifica si una categoría tiene la propiedad isVisible y está marcada como visible
+   * @param category - La categoría a verificar
+   * @returns true si la categoría es visible, false en caso contrario
+   */
+    hasVisibleProperty(category) {
+        return category.isVisible === true;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MenuEcComponent, isStandalone: true, selector: "lib-footer-ec", ngImport: i0, template: '<p>Menu and Footer Helper Component</p>', isInline: true });
 }
@@ -6005,6 +6188,13 @@ class HeaderEcComponent extends MenuEcComponent {
     hidePrices = false;
     __authService = inject(AuthService);
     _channelService = inject(ChannelService);
+    changeDetector = inject(ChangeDetectorRef);
+    appRouter = inject(Router);
+    platformId = inject(PLATFORM_ID);
+    mobileDropdownOpen = signal(false);
+    isMenuOpen = signal(false);
+    // Observable del estado de autenticación
+    logged$;
     isAuthenticated$ = this.__authService.isAuthenticated();
     constructor() {
         super();
@@ -6022,6 +6212,22 @@ class HeaderEcComponent extends MenuEcComponent {
         this.channel = this.coreConstantsService.getChannel();
         this.onWindowScroll();
         this.detectRouteChange(); // Llamamos a la función que detecta el cambio de ruta
+        // Usar el Observable del AuthService
+        this.logged$ = this.__authService.loggedIn$;
+        // Suscribirse al Observable y forzar detección de cambios cuando sea necesario
+        this.logged$.subscribe(isLoggedIn => {
+            this.changeDetector.detectChanges();
+        });
+        if (isPlatformBrowser(this.platformId)) {
+            this.appRouter.events.subscribe(evt => {
+                if (evt instanceof NavigationEnd) {
+                    // Forzar detección de cambios después de navegación
+                    setTimeout(() => {
+                        this.changeDetector.detectChanges();
+                    }, 100);
+                }
+            });
+        }
     }
     ngAfterViewInit() {
         this.setupMobileMenu(); // Inicializamos el menú móvil
@@ -6158,6 +6364,33 @@ class HeaderEcComponent extends MenuEcComponent {
             });
         });
     }
+    togglePanel(id) {
+        // Solo ejecutar en el navegador para evitar problemas con SSR
+        if (isPlatformBrowser(this.platformId)) {
+            this.openPanels.update(panels => ({
+                ...panels,
+                [id]: !panels[id]
+            }));
+        }
+    }
+    openPanels = signal({
+        collapseUno: false,
+        collapseDos: true // Productos abierto por defecto
+    });
+    collapseAllMenus() {
+        // Solo ejecutar en el navegador para evitar problemas con SSR
+        if (isPlatformBrowser(this.platformId)) {
+            this.openPanels.update(panels => {
+                const newPanels = { ...panels };
+                Object.keys(newPanels).forEach(key => {
+                    if (key !== 'collapseDos') {
+                        newPanels[key] = false;
+                    }
+                });
+                return newPanels;
+            });
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HeaderEcComponent, isStandalone: true, selector: "lib-header-ec", host: { listeners: { "window:scroll": "onWindowScroll()" } }, usesInheritance: true, ngImport: i0, template: "<p>header-ec works!</p>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
@@ -6725,6 +6958,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ProductEcComponent {
     injector = inject(Injector);
     routerService = inject(Router);
+    _cartService = inject(CartService);
+    _toastService = inject(ToastService);
+    isAddingToCart = signal(false);
+    quantity = signal(1);
     /**
      * Navega al detalle del producto y sube al inicio de la página
      * @param productId ID del producto
@@ -6797,12 +7034,145 @@ class ProductEcComponent {
         const discount = ((originalPrice - salePrice) / originalPrice) * 100;
         return Math.round(discount);
     }
+    plus(stock, multipleQuantity) {
+        const current = Number(this.quantity()); // <-- fuerza a número
+        if (multipleQuantity && multipleQuantity > 0) {
+            stock
+                ? (current < stock
+                    ? this.quantity.set(current + multipleQuantity)
+                    : this._toastService.show('out-of-stock-actually'))
+                : this.quantity.set(current + multipleQuantity);
+        }
+        else {
+            stock
+                ? (current < stock
+                    ? this.quantity.set(current + 1)
+                    : this._toastService.show('out-of-stock-actually'))
+                : this.quantity.set(current + 1);
+        }
+    }
+    less(multipleQuantity) {
+        const current = Number(this.quantity()); // <-- fuerza a número
+        if (multipleQuantity && multipleQuantity > 0) {
+            current > multipleQuantity
+                ? this.quantity.set(current - multipleQuantity)
+                : null;
+        }
+        else {
+            current > 1 ? this.quantity.set(current - 1) : null;
+        }
+    }
+    addToCart() {
+        if (this.isAddingToCart() || this.quantity() <= 0)
+            return;
+        // Verificar que tenemos el producto y sus variantes
+        if (!this.product || !this.product.variants || this.product.variants.length === 0) {
+            this._toastService.show('cant-buy');
+            return;
+        }
+        // Verificar stock
+        const firstVariant = this.product.variants[0];
+        if (!firstVariant.stock || firstVariant.stock <= 0) {
+            this._toastService.show('out-of-stock');
+            return;
+        }
+        // Verificar que no se supere el stock disponible
+        if (this.quantity() > firstVariant.stock) {
+            this._toastService.show('out-of-stock-actually');
+            return;
+        }
+        // NUEVAS VALIDACIONES: Verificar restricciones del producto
+        if (!this.validateQuantity(this.quantity())) {
+            return; // La validación ya mostró el toast correspondiente
+        }
+        this.isAddingToCart.set(true);
+        try {
+            // Agregar al carrito usando CartService directamente
+            this._cartService.addToCart(this.product, this.quantity(), firstVariant.code);
+            // Resetear cantidad a 1 después de agregar al carrito
+            this.quantity.set(1);
+        }
+        catch (error) {
+            this._toastService.show('cant-buy');
+        }
+        setTimeout(() => {
+            this.isAddingToCart.set(false);
+        }, 2000);
+    }
+    /**
+     * Valida las restricciones de cantidad del producto
+     */
+    validateQuantity(quantity) {
+        if (!this.product.variants || this.product.variants.length === 0) {
+            this._toastService.show('cant-buy');
+            return false;
+        }
+        const variant = this.product.variants[0];
+        // Obtener cantidad actual en el carrito
+        const actualQuantity = this._cartService.getCountFromItemInCart(variant.code);
+        const totalQuantity = Number(actualQuantity) + Number(quantity);
+        // Obtener restricciones del producto/variante (con valores por defecto)
+        const maximumItemsQuantity = this.product.maximumItemsQuantity ||
+            variant.maximumItemsQuantity ||
+            999999;
+        const minimumItemsQuantity = this.product.minimumItemsQuantity ||
+            variant.minimumItemsQuantity ||
+            1;
+        const multipleQuantity = this.product.multipleQuantity ||
+            variant.multipleQuantity ||
+            1;
+        // Validar cantidad máxima
+        if (totalQuantity > maximumItemsQuantity) {
+            this._toastService.show('maximum-items-quantity', { quantity: maximumItemsQuantity });
+            return false;
+        }
+        // Validar cantidad mínima
+        if (totalQuantity < minimumItemsQuantity) {
+            this._toastService.show('minimum-items-quantity', { quantity: minimumItemsQuantity });
+            return false;
+        }
+        // Validar múltiplo de cantidad
+        if (multipleQuantity && multipleQuantity > 1) {
+            if (totalQuantity % multipleQuantity !== 0) {
+                this._toastService.show('multiple-quantity-required', {
+                    multiple: multipleQuantity,
+                    current: totalQuantity
+                });
+                return false;
+            }
+        }
+        // Validar que no exceda el stock total
+        if (totalQuantity > variant.stock) {
+            this._toastService.show('out-of-stock-actually');
+            return false;
+        }
+        return true; // Todas las validaciones pasaron
+    }
+    checkStock(stock) {
+        if (this.quantity() >= stock)
+            this.quantity.set(stock);
+    }
+    onQuantityChange(event) {
+        const target = event.target;
+        const value = +target.value;
+        // Validar que el valor sea mayor a 0
+        if (value > 0) {
+            this.quantity.set(value);
+            // Validar contra el stock disponible
+            const maxStock = this.product?.variants?.[0]?.stock || this.product?.stock || 0;
+            this.checkStock(maxStock);
+        }
+        else {
+            // Si el valor es 0 o negativo, resetear a 1
+            this.quantity.set(1);
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProductEcComponent, isStandalone: true, selector: "app-product-ec", inputs: { product: "product", isProductBox: "isProductBox", isCollection: "isCollection" }, outputs: { loaded: "loaded" }, ngImport: i0, template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: PriceEcComponent, selector: "app-price-ec", inputs: ["price", "saleprice", "basePrice", "taxeAmount", "taxes", "priceSize", "showTaxLegendOnly", "disableTaxInfo", "customPriceTemplate", "customSalePriceTemplate", "customSimplePriceTemplate", "customSimpleSalePriceTemplate", "customTaxTemplate", "customOnlyTaxLabelTemplate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProductEcComponent, isStandalone: true, selector: "app-product-ec", inputs: { product: "product", isProductBox: "isProductBox", isCollection: "isCollection" }, outputs: { loaded: "loaded" }, ngImport: i0, template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: PriceEcComponent, selector: "app-price-ec", inputs: ["price", "saleprice", "basePrice", "taxeAmount", "taxes", "priceSize", "showTaxLegendOnly", "disableTaxInfo", "customPriceTemplate", "customSalePriceTemplate", "customSimplePriceTemplate", "customSimpleSalePriceTemplate", "customTaxTemplate", "customOnlyTaxLabelTemplate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProductEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-product-ec', standalone: true, imports: [CommonModule, PriceEcComponent, RouterLink, TranslateModule], template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>" }]
+            args: [{ selector: 'app-product-ec', standalone: true, imports: [CommonModule, PriceEcComponent, RouterLink, TranslateModule, FormsModule], template: "<a [routerLink]=\"['/product', product.id]\" class=\"text-decoration-none producto\">\r\n    <!-- Marca especial y descuento -->\r\n    <!-- <div *ngIf=\"product.saleprice || (product.special_mark && product.special_mark !== null && product.special_mark !== undefined && product.special_mark.length >0)\"\r\n        class=\"marcas\">\r\n        <div *ecProductStock=\"product\" [ecProductMini]=\"product.special_mark\"></div>\r\n        <ng-container *ngIf=\"shouldShowPrice\">\r\n            <div *ecProductStock=\"product\" [ngClass]=\"{'tag-dsc float-right': product.saleprice}\"\r\n                [ecProductOff]=\"product\">\r\n            </div>\r\n        </ng-container>\r\n    </div> -->\r\n\r\n    <!-- Imagen del producto -->\r\n    <div class=\"foto\">\r\n        @if(product.picturesdefault){\r\n        @if (product.picturesdefault && product.picturesdefault.length > 1 ) {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        <img [src]=\"mediaUrl + product.picturesdefault[1]\" alt=\"Imagen secundaria\" class=\"w-100 pic02\" />\r\n        } @else {\r\n        <img [src]=\"mediaUrl + product.picturesdefault[0]\" alt=\"Imagen principal\" class=\"w-100 pic01\" />\r\n        }\r\n        }\r\n    </div>\r\n    <!-- Precio -->\r\n\r\n\r\n    <!-- Nombre del producto -->\r\n    <h6 class=\"title\">{{ product.name | titlecase }}</h6>\r\n\r\n    <div class=\"sku\" [innerHTML]=\"product.shortdetails\"></div>\r\n\r\n    @if (shouldShowPrice) {\r\n    <app-price-ec [price]=\"product.price\" [saleprice]=\"product.saleprice\" class=\"\" />\r\n    }\r\n    @if(!hidePrices){\r\n    @if(!showPricesOnlyToLoggedUsers || isAuthenticated$){\r\n\r\n    <div class=\"fixBottom\">\r\n\r\n        <!-- Bot\u00F3n de acciones -->\r\n        <!-- <ng-container *ecProductStock=\"product; else noStock\"> -->\r\n        <!-- Cuando no tiene marca especial o es de tipo 'standard' -->\r\n        @if (!product.special_mark || product.special_mark.length === 0 || product.special_mark[0]?.type ===\r\n        'standard') {\r\n        <button class=\"btn standard\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            <ng-container *ngIf=\"isCollection; else normalText\">\r\n                <span> {{(\"buy\" | translate) | uppercase}} </span>\r\n            </ng-container>\r\n            <ng-template #normalText>\r\n                {{(\"buy\" | translate) | uppercase}}\r\n            </ng-template>\r\n        </button>\r\n        }@else {\r\n        <!-- Caso 1: Agotado o Disponible muy pronto -->\r\n        @if (product.special_mark[0]?.type === 'out_of_stock' || product.special_mark[0]?.type === 'coming_soon') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0].name | uppercase }} </span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>}\r\n        <!-- Caso 2: Contacto por WhatsApp -->\r\n        @if (product.special_mark[0].type === 'whatsapp_contact') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\"\r\n            (click)=\"openWhatsApp(product.special_mark[0]?.whatsappContact)\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n\r\n        </button>\r\n        }\r\n        <!-- Caso 3: Solicitar m\u00E1s informaci\u00F3n -->\r\n        @if (product.special_mark[0]?.type === 'more_info') {\r\n        <button class=\"btn\" [ngClass]=\"isCollection ? 'px-2 w-100 d-sm-block' : 'py-2 px-4'\">\r\n            @if(isCollection){\r\n            <span>{{ product.special_mark[0]?.name | uppercase }}</span>\r\n            }@else {\r\n            {{ product.special_mark[0]?.name | uppercase }}\r\n            }\r\n        </button>\r\n        }\r\n        }\r\n    </div>\r\n    }}\r\n</a>" }]
         }], ctorParameters: () => [], propDecorators: { product: [{
                 type: Input,
                 args: [{
@@ -7070,8 +7440,14 @@ class BlockNewsletterEcComponent {
                 this._toastService.show(this.success_message || success_message);
                 this.loading = false;
             }, (err) => {
-                this._toastService.error('inquiry-error');
-                this.loading = false;
+                if (err.status === 400) {
+                    this._toastService.error('newsletter_email_already_registered');
+                    this.loading = false;
+                }
+                else {
+                    this._toastService.error('inquiry-error');
+                    this.loading = false;
+                }
             });
         }
         else {
@@ -7376,6 +7752,212 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['mainCanvas', { static: true }]
             }] } });
 
+class ComponentHelper {
+    constructor() {
+        this.ecOnConstruct();
+    }
+    ecOnInit = (params = {}) => {
+    };
+    ecOnConstruct = (params = {}) => {
+    };
+    hasParams = (params, searched) => {
+        if (!params || !searched)
+            return false;
+        const q = searched.trim().toLowerCase();
+        return params.some(p => {
+            const code = p?.['code']?.toString().toLowerCase() ?? '';
+            // Primero chequeo exacto, y si no, parcial
+            return code === q || code.includes(q);
+        });
+    };
+    navigateOnRouter(router, url) {
+        router.navigateByUrl(`/${url}`);
+    }
+}
+
+/**
+ * Catch genérico para redirecciones de pagos.
+ * - Normaliza el estado recibido por params/query.
+ * - Informa el resultado al opener (postMessage), BroadcastChannel y localStorage.
+ * - Intenta cerrarse; si el cierre falla, redirige según el estado.
+ */
+class RedsysCatchEcComponent extends ComponentHelper {
+    activedRoute;
+    router;
+    checkoutService;
+    renderer;
+    elementRef;
+    document;
+    platformId;
+    message = '';
+    subscription = null;
+    sid = '';
+    bc;
+    constructor(activedRoute, router, checkoutService, renderer, elementRef, document, platformId) {
+        super();
+        this.activedRoute = activedRoute;
+        this.router = router;
+        this.checkoutService = checkoutService;
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.document = document;
+        this.platformId = platformId;
+        this.hideHeaderFooter();
+        this.ecOnConstruct();
+    }
+    ngOnInit() {
+        if (isPlatformBrowser(this.platformId) && 'BroadcastChannel' in window) {
+            this.bc = new BroadcastChannel('mp_payment');
+        }
+        this.subscription = combineLatest([this.activedRoute.params, this.activedRoute.queryParams])
+            .subscribe(([routeParams, q]) => {
+            let stateStr = routeParams['state'];
+            if (stateStr === 'statuspayment')
+                stateStr = q['status'];
+            const statusParam = (stateStr || q['status'] || q['state'] || '').toString();
+            const state = this.normalizeState(statusParam);
+            this.sid = (q['sid'] || (isPlatformBrowser(this.platformId) ? localStorage.getItem('mp:sid') : '') || '').toString();
+            this.storeTotalAmount(q);
+            this.setStateInLocal('Su pago fue procesado con éxito.', state);
+            this.signalState(state);
+            this.tryCloseSelf(() => {
+                const target = (state === 'success' || state === 'pending')
+                    ? ['/checkout/order_success']
+                    : ['/checkout'];
+                setTimeout(() => this.router.navigate(target), 4500);
+            });
+        });
+        this.ecOnInit();
+    }
+    ngOnDestroy() {
+        this.subscription?.unsubscribe();
+        this.bc?.close();
+        this.showHeaderFooter();
+    }
+    /** Guarda total_amount si viene desde el PSP. */
+    storeTotalAmount(queryParams) {
+        const totalAmount = queryParams['total_amount'];
+        if (totalAmount && isPlatformBrowser(this.platformId)) {
+            localStorage.setItem('total_amount', totalAmount);
+        }
+    }
+    /** Setea mensaje y estado en storages. */
+    setStateInLocal = (mensaje, state) => {
+        this.message = mensaje;
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        try {
+            localStorage.setItem('state', state);
+        }
+        catch { }
+        try {
+            sessionStorage.setItem('modalnews', 'false');
+        }
+        catch { }
+    };
+    /** Normaliza estados heterogéneos de distintos gateways. */
+    normalizeState(raw) {
+        const v = (raw || '').toLowerCase();
+        if (v === '200' || v === 'ok' || v === 'success')
+            return 'success';
+        if (v === 'pending')
+            return 'pending';
+        if (v === 'cancel')
+            return 'cancel';
+        return 'failure'; // failure, 0, error, rejected, chargeback, desconocidos
+    }
+    /**
+     * Informa el resultado: postMessage al opener, BroadcastChannel y localStorage
+     * (este último permite polling en la pestaña madre).
+     */
+    signalState(state) {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        const sid = this.sid || localStorage.getItem('mp:sid') || '';
+        const payload = { type: 'mp:state', sid, state };
+        try {
+            window.opener && window.opener.postMessage(payload, '*');
+        }
+        catch { }
+        try {
+            this.bc?.postMessage(payload);
+        }
+        catch { }
+        try {
+            localStorage.setItem(`mp:state:${sid}`, state);
+        }
+        catch { }
+        try {
+            localStorage.setItem('state', state);
+        }
+        catch { }
+    }
+    /** Intenta cerrar la pestaña actual; si falla, ejecuta el callback de fallback. */
+    tryCloseSelf(onFail) {
+        if (!isPlatformBrowser(this.platformId))
+            return onFail();
+        let attempted = false;
+        try {
+            window.close();
+            attempted = true;
+        }
+        catch { }
+        if (!attempted)
+            onFail();
+    }
+    /** Oculta header/footer para esta pantalla mínima. */
+    hideHeaderFooter() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        const header = this.document.querySelector('header');
+        const footer = this.document.querySelector('footer');
+        if (header)
+            this.renderer.setStyle(header, 'display', 'none');
+        if (footer)
+            this.renderer.setStyle(footer, 'display', 'none');
+    }
+    /** Restaura header/footer al salir. */
+    showHeaderFooter() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        const header = this.document.querySelector('header');
+        const footer = this.document.querySelector('footer');
+        if (header)
+            this.renderer.removeStyle(header, 'display');
+        if (footer)
+            this.renderer.removeStyle(footer, 'display');
+    }
+    setStateInSession(mensaje, state) {
+        this.message = mensaje;
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        try {
+            sessionStorage.setItem('state', state);
+        }
+        catch { }
+        try {
+            localStorage.setItem('state', state);
+        }
+        catch { }
+        try {
+            sessionStorage.setItem('modalnews', 'false');
+        }
+        catch { }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedsysCatchEcComponent, deps: [{ token: i2.ActivatedRoute }, { token: i2.Router }, { token: CheckoutService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RedsysCatchEcComponent, isStandalone: true, selector: "app-redsys-catch-ec", usesInheritance: true, ngImport: i0, template: "<div id=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ message | uppercase }}</h4>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h5 class=\"center-block text-center font-nexa my-3\">Redirigiendo en segundos...</h5>\r\n            <br>\r\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".loader{border:16px solid #f3f3f3;border-top:16px solid #dc3545;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-container{display:flex;justify-content:center;align-items:center;height:80vh;width:100%}.flex-container>div{width:90%;height:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RedsysCatchEcComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-redsys-catch-ec', standalone: true, imports: [CommonModule, LoadingFullEcComponent], template: "<div id=\"container\">\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h4 class=\"titpage center-block text-center font-nexa font-lg my-3\">{{ message | uppercase }}</h4>\r\n        </div>\r\n    </div>\r\n    <div class=\"row\">\r\n        <div class=\"col align-self-center\">\r\n            <h5 class=\"center-block text-center font-nexa my-3\">Redirigiendo en segundos...</h5>\r\n            <br>\r\n            <div class=\"d-flex flex-column jusitfy-content-center align-items-center\">\r\n                <app-loading-full-ec></app-loading-full-ec>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".loader{border:16px solid #f3f3f3;border-top:16px solid #dc3545;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-container{display:flex;justify-content:center;align-items:center;height:80vh;width:100%}.flex-container>div{width:90%;height:100px}\n"] }]
+        }], ctorParameters: () => [{ type: i2.ActivatedRoute }, { type: i2.Router }, { type: CheckoutService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
+
 // export * from './rating-ec/rating-ec.component';
 
 class BlockFormContactEcComponent extends BlockEcComponent {
@@ -7651,6 +8233,7 @@ class LoginFormEcComponent {
     _formBuilder = inject(FormBuilder);
     _toastService = inject(ToastService);
     _router = inject(Router);
+    showPassword = false;
     /**
      * Parametro para indicar si tras loguear
      * debe redireccionar o no.
@@ -7739,6 +8322,9 @@ class LoginFormEcComponent {
             ? resolverFunction()
             : this._router.navigateByUrl(this.redirectTo);
     }
+    togglePassword() {
+        this.showPassword = !this.showPassword;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoginFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LoginFormEcComponent, isStandalone: true, selector: "app-login-form-ec", inputs: { redirect: "redirect", redirectTo: "redirectTo", inCart: "inCart" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"d-flex flex-column position-relative\">\r\n    <h1 class=\"right-line ff-ubuntu-light mb-4\"><span>Ingresar</span></h1>\r\n    <p class=\"ff-ubuntu-light font-sm pr-4 mb-4\">\r\n        Si ya est\u00E1s registrado. Ingresa en tu cuenta con tu email y la\r\n        contrase\u00F1a adecuada.\r\n    </p>\r\n    <div class=\"w-md-50 w-100 text-center\">\r\n        <form [formGroup]=\"loginForm()\" (submit)=\"login($event)\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"email\" formControlName=\"username\"\r\n                placeholder=\"Correo Electr\u00F3nico\">\r\n            <input class=\"form-control mb-4 radius-0\" type=\"password\" formControlName=\"password\"\r\n                placeholder=\"Contrase\u00F1a\">\r\n\r\n            <div class=\"row d-flex flex-column\">\r\n                <div class=\"col-12 mb-4\">\r\n                    <button type=\"submit\"\r\n                        class=\"bg-gray border-0 px-4 py-2 color-white ff-ubuntu-light\">INGRESAR</button>\r\n                </div>\r\n                <div class=\"col-12 d-flex justify-content-center align-items-center\">\r\n                    <a [routerLink]=\"'/auth/forgot-password'\" class=\"font-md ff-ubuntu-light\">\r\n                        \u00BFOlvid\u00F3 su contrase\u00F1a?\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </form>\r\n    </div>\r\n    @if(loading){\r\n    <app-loading-section-ec></app-loading-section-ec>\r\n    }\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoadingSectionEcComponent, selector: "app-loading-section-ec" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
@@ -7838,6 +8424,7 @@ class RegisterFormEcComponent {
     _analyticsService = inject(AnalyticsService);
     _formBuilder = inject(FormBuilder);
     channelConfigService = inject(ChannelService);
+    showPassword = false;
     /**
     * Indica si debe redireccionar o se queda en la misma pantalla
     */
@@ -7953,6 +8540,9 @@ class RegisterFormEcComponent {
             this.register_loading = false;
         }
     }
+    togglePassword() {
+        this.showPassword = !this.showPassword;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterFormEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: RegisterFormEcComponent, isStandalone: true, selector: "app-register-form-ec", inputs: { redirect: "redirect" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"w-100 pl-md-5 position-relative\" id=\"register\">\r\n  <div class=\"py-2\">\r\n      <h5>CREAR CUENTA</h5>\r\n  </div>\r\n  <form id=\"registro\" [formGroup]=\"registerForm\" (submit)=\"register($event)\">\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">NOMBRE</label>\r\n          <input formControlName=\"firstName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Nombre\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">APELLIDO</label>\r\n          <input formControlName=\"lastName\" class=\"form-control rounded-0\" type=\"text\" placeholder=\"Apellido\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"\">CORREO ELECTRONICO</label>\r\n          <input formControlName=\"email\" email required class=\"form-control rounded-0\" type=\"email\"\r\n              placeholder=\"Correo electr\u00F3nico\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">CONTRASE\u00D1A</label>\r\n          <input formControlName=\"plainPassword\" required class=\"form-control rounded-0\" type=\"password\"\r\n              placeholder=\"Contrase\u00F1a\">\r\n      </div>\r\n      <div class=\"form-group\">\r\n          <label for=\"\" class=\"form-label\">REPETIR CONTRASE\u00D1A</label>\r\n          <input formControlName=\"plainPassword2\" required class=\"form-control rounded-0\" type=\"password\"\r\n              placeholder=\"Repetir contrase\u00F1a\">\r\n      </div>\r\n\r\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mt-4 mb-2\">\r\n          <input type=\"checkbox\" formControlName=\"terms\" required class=\"custom-control-input form-check-input\" name=\"Color2\"\r\n              id=\"Color2\">\r\n          <label class=\"custom-control-label ff-ubuntu-light font-sm form-check-label\" for=\"Color2\"> He\r\n              le\u00EDdo y acepto las pol\u00EDticas de privacidad y los t\u00E9rminos y\r\n              condiciones</label>\r\n      </div>\r\n\r\n      <div class=\"custom-control d-flex flex-row form-check custom-checkbox mr-sm-2 mb-4\">\r\n          <input type=\"checkbox\" formControlName=\"newsletter\" class=\"custom-control-input form-check-input\" name=\"Color3\" id=\"Color3\">\r\n          <label class=\"custom-control-label form-check-label ff-ubuntu-light font-sm\" for=\"Color3\">\r\n              Suscripci\u00F3n al Newsletter</label>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n          <div class=\"col-12\">\r\n              <button [disabled]=\"registerForm.invalid\" type=\"submit\"\r\n                  class=\"btn btn-primary px-5 py-2 h-fit\">CREAR</button>\r\n          </div>\r\n      </div>\r\n  </form>\r\n  @if(loading){\r\n    <app-loading-section-ec />\r\n  }\r\n  \r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: i1$3.EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: ["email"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: LoadingSectionEcComponent, selector: "app-loading-section-ec" }] });
 }
@@ -8107,20 +8697,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-class ComponentHelper {
-    constructor() {
-        this.ecOnConstruct();
-    }
-    ecOnInit = (params = {}) => {
-    };
-    ecOnConstruct = (params = {}) => {
-    };
-    hasParams = (params, searched) => params && params != null && params.find(param => param['code']?.toLowerCase().includes(searched.toLowerCase())) !== undefined;
-    navigateOnRouter(router, url) {
-        router.navigateByUrl(`/${url}`);
-    }
-}
-
 class PasswordResetEcComponent extends ComponentHelper {
     authService;
     toastr;
@@ -8330,6 +8906,14 @@ class FiltersEcComponent {
             });
         }) ?? false;
     }
+    /**
+       * Verifica si una categoría tiene la propiedad isVisible y está marcada como visible
+       * @param category - La categoría a verificar
+       * @returns true si la categoría es visible, false en caso contrario
+       */
+    hasVisibleProperty(category) {
+        return category.isVisible === true;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FiltersEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FiltersEcComponent, isStandalone: true, selector: "lib-filters-ec", inputs: { setSelect: "setSelect" }, ngImport: i0, template: "<p>filters-ec works!</p>\r\n", styles: [""] });
 }
@@ -8410,6 +8994,7 @@ class ProductDetailEcComponent {
     routeSubscription;
     route = inject(ActivatedRoute);
     currentProductId;
+    _router = inject(Router);
     ngOnDestroy() {
         this.routeSubscription?.unsubscribe();
     }
@@ -8471,11 +9056,12 @@ class ProductDetailEcComponent {
     }
     updateMetaTags(product) {
         const descripcionLimpia = he.decode(product.description || '').replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim();
-        const currentUrl = this._consts.url() + this._location.path(true); // `true` incluye el query string
+        const currentUrl = this._consts.getFrontendUrl() + this._router.url; // URL absoluta del producto
+        const imageUrl = this._consts.getAbsoluteImageUrl(Array.isArray(product.picturesdefault) ? product.picturesdefault[0] : product.picturesdefault);
         this._meta.updateTag({ property: 'og:title', content: product.name || '' });
         this._meta.updateTag({ property: 'og:description', content: descripcionLimpia || '' });
-        this._meta.updateTag({ property: 'og:image', content: this._consts.mediaImageUrl(Array.isArray(product.picturesdefault) ? product.picturesdefault[0] : product.picturesdefault) || '' });
-        this._meta.updateTag({ property: 'og:url', content: currentUrl });
+        this._meta.updateTag({ property: 'og:image', content: imageUrl || '' });
+        // this._meta.updateTag({ property: 'og:url', content: currentUrl });
         this._meta.updateTag({ property: 'og:type', content: 'product' });
     }
     decodeHtml(html) {
@@ -8497,25 +9083,31 @@ class ProductDetailEcComponent {
         }, 2000);
     }
     plus(stock, multipleQuantity) {
+        const current = Number(this.quantity()); // <-- fuerza a número
         if (multipleQuantity && multipleQuantity > 0) {
-            stock ? (this.quantity() < stock
-                ? this.quantity.update(value => value + multipleQuantity)
-                : this._toastService.show('out-of-stock-actually'))
-                : this.quantity.update(value => value + multipleQuantity);
+            stock
+                ? (current < stock
+                    ? this.quantity.set(current + multipleQuantity)
+                    : this._toastService.show('out-of-stock-actually'))
+                : this.quantity.set(current + multipleQuantity);
         }
         else {
-            stock ? (this.quantity() < stock
-                ? this.quantity.update(value => value + 1)
-                : this._toastService.show('out-of-stock-actually'))
-                : this.quantity.update(value => value + 1);
+            stock
+                ? (current < stock
+                    ? this.quantity.set(current + 1)
+                    : this._toastService.show('out-of-stock-actually'))
+                : this.quantity.set(current + 1);
         }
     }
     less(multipleQuantity) {
+        const current = Number(this.quantity()); // <-- fuerza a número
         if (multipleQuantity && multipleQuantity > 0) {
-            this.quantity() > multipleQuantity ? this.quantity.update(value => value - multipleQuantity) : null;
+            current > multipleQuantity
+                ? this.quantity.set(current - multipleQuantity)
+                : null;
         }
         else {
-            this.quantity() > 1 ? this.quantity.update(value => value - 1) : null;
+            current > 1 ? this.quantity.set(current - 1) : null;
         }
     }
     checkStock(stock) {
@@ -8621,13 +9213,19 @@ class CartEcComponent {
     isAuthenticated$ = this._authService.isAuthenticated();
     getTotalAmount = this._cartService.getTotalAmount();
     couponCode$ = this._cartService.getCouponCode();
+    hideTaxes = false;
+    injector;
     constructor() {
         //console.log("constructo.....");
+        this.injector = inject(Injector);
         this._channelService.channel$.subscribe((res) => {
             //console.log("construct")
             this.channel = res;
             //this.initializeSteps();
         });
+        this.injector.get(ChannelService).channel$.subscribe(channel => {
+            this.hideTaxes = !!channel.hideTaxes;
+        });
     }
     removeCoupon() {
         // console.log(this.couponCode$)
@@ -8699,6 +9297,7 @@ class CartItemEcComponent {
     _cartService = inject(CartService);
     _toastService = inject(ToastService);
     _constants = inject(CoreConstantsService);
+    parametersService = inject(ParametersService);
     mediaUrl = this._constants.mediaUrl();
     quantity = 0;
     variantsToShow = ['TALLA', 'COLOR'];
@@ -8709,28 +9308,56 @@ class CartItemEcComponent {
         // console.log(this.item, this.mediaUrl);
     }
     updateQuantity(stock) {
+        const originalQuantity = this.item.quantity; // Guardar cantidad original
         if (this.quantity > 0 && this.quantity <= stock) {
-            this._cartService.updateItemQuantity(this.item, this.quantity);
+            const success = this._cartService.updateItemQuantity(this.item, this.quantity);
+            // Si la validación falló, restaurar la cantidad original
+            if (!success) {
+                this.quantity = originalQuantity;
+            }
         }
         else {
-            this.quantity = this.item.quantity;
+            // Restaurar cantidad original si está fuera de rango
+            this.quantity = originalQuantity;
             this._toastService.show('out-of-stock-actually');
         }
     }
-    less(stock, value = 1) {
+    plus(stock, value = 1) {
         if (this.isQuantityUpdating)
             return;
         this.isQuantityUpdating = true;
-        let quantity = this.item.quantity - value;
-        quantity > 0 && quantity <= stock ? this._cartService.updateItemQuantity(this.item, quantity) : this._toastService.show('out-of-stock-actually');
+        let newQuantity = Number(this.quantity) + value; // Forzar a número
+        // Verificar stock ANTES de llamar al servicio
+        if (newQuantity > stock) {
+            this._toastService.show('out-of-stock-actually');
+            setTimeout(() => { this.isQuantityUpdating = false; }, 1000);
+            return;
+        }
+        const success = this._cartService.updateItemQuantity(this.item, newQuantity);
+        // Solo actualizar el input si la operación fue exitosa
+        if (success) {
+            this.quantity = newQuantity;
+        }
+        // Si success es false, NO mostrar mensaje aquí porque ya lo mostró validateQuantity()
         setTimeout(() => { this.isQuantityUpdating = false; }, 1000);
     }
-    plus(stock, value = 1) {
+    less(stock, value = 1) {
         if (this.isQuantityUpdating)
             return;
         this.isQuantityUpdating = true;
-        let quantity = this.item.quantity + value;
-        quantity > 0 && quantity <= stock ? this._cartService.updateItemQuantity(this.item, quantity) : this._toastService.show('out-of-stock-actually');
+        let newQuantity = Number(this.quantity) - value; // Forzar a número
+        // Verificar cantidad mínima ANTES de llamar al servicio
+        if (newQuantity <= 0) {
+            // No permitir cantidades menores o iguales a 0
+            setTimeout(() => { this.isQuantityUpdating = false; }, 1000);
+            return;
+        }
+        const success = this._cartService.updateItemQuantity(this.item, newQuantity);
+        // Solo actualizar el input si la operación fue exitosa
+        if (success) {
+            this.quantity = newQuantity;
+        }
+        // Si success es false, NO mostrar mensaje aquí porque ya lo mostró validateQuantity()
         setTimeout(() => { this.isQuantityUpdating = false; }, 1000);
     }
     deleteCartItem() {
@@ -8785,6 +9412,9 @@ class CartItemEcComponent {
         }
         return false; // Solo se ejecuta si no se cumple la condición
     }
+    // PARAMETROS
+    parameters$ = this.parametersService.getParameters();
+    hasParams = this.parametersService.hasParams;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CartItemEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CartItemEcComponent, isStandalone: true, selector: "app-cart-item-ec", inputs: { item: "item", inSidebar: "inSidebar" }, ngImport: i0, template: "@if(!inSidebar){\r\n<p>cart-item-ec works!</p>\r\n}@else{\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-3\">\r\n        @let product= item.product;\r\n        @if(item.variant_id && product.variants.length>0){\r\n        <img [src]=\"mediaUrl +  product.variants[0].images[0]\" alt=\"\" class=\"img-fluid\">\r\n        }@else{\r\n        <img [src]=\"mediaUrl +  product.picturesdefault[0]\" alt=\"\" class=\"img-fluid\">\r\n        }\r\n    </div>\r\n    <div class=\"col-7\">\r\n        <div class=\"info d-flex flex-column align-items-start\">\r\n            @if (item.product.special_mark?.length > 0 || item.product.saleprice) {\r\n                    <div class=\"marcas\">\r\n                        <img [src]=\"mediaUrl + (item.product.special_mark?.[0]?.images[0] || '')\" alt=\"\">\r\n\r\n                        @if (item.product.saleprice) {\r\n                        <div class=\"tag-dsc\">\r\n                            {{\r\n                            createDiscountMessage(item.product.saleprice,\r\n                            item.product.price)\r\n                            }}\r\n                        </div>\r\n                        }\r\n                    </div>\r\n                    }\r\n            <a class=\"title text-dark text-decoration-none m-0 p-0 h6 mb-0\"\r\n                [routerLink]=\"['/product', item.variant_id]\">{{\r\n                item.product.name | titlecase\r\n                }}</a>\r\n            <div class=\"qty1\">\r\n                <span>{{ item.product.id}}</span>\r\n            </div>\r\n            <div class=\"price h6 fw-bold mb-0 pb-0\">{{ item.product.price | ecCurrencySymbol\r\n                }}</div>\r\n            @if(getVariants(item); as options){\r\n            <div class=\"d-flex align-items-center p-0\">\r\n                @for(option of options; track $index){\r\n                <span class=\"me-1\"> {{option.name | titlecase}}:</span>\r\n                @if(option.name == 'COLOR'){\r\n                <div class=\"p-2 rounded\" [style.background]=\"'#' + option.value\"></div>\r\n                }@else{\r\n                <b>{{option.value}}</b>\r\n                }\r\n                }\r\n            </div>\r\n            }\r\n            <div class=\"campoCantidad mt-2\">\r\n                <div class=\"numero\">\r\n                    <button (click)=\"less(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <input type=\"text\" class=\"form-control text-center\" placeholder=\"\"\r\n                        aria-label=\"Example text with button addon\" aria-describedby=\"button-addon1\"\r\n                        [value]=\"item.quantity\" min=\"1\" step=\"1\" [(ngModel)]=\"quantity\"\r\n                        (change)=\"updateQuantity(item.product.variants[0]?.stock)\">\r\n                    <button (click)=\"plus(item.product.variants[0]?.stock)\" class=\"btn btn-outline-secondary\"\r\n                        type=\"button\" id=\"button-addon1\">\r\n                        <i class=\"fa fa-plus\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-2\">\r\n        <a (click)=\"deleteCartItem()\" class=\"btn botBorrar\"><i class=\"fa fa-trash\" aria-hidden=\"true\"></i></a>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n}", styles: [""], dependencies: [{ kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: EcCurrencySymbolPipe, name: "ecCurrencySymbol" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
@@ -9296,108 +9926,174 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class MpRedirectEcComponent {
     _paymentService = inject(PaymentService);
     _toastService = inject(ToastService);
+    platformId = inject(PLATFORM_ID);
+    finished = false;
     method = null;
     total_amount = 0;
     allData;
     ready = new EventEmitter();
     preference;
-    loading = false;
     url;
-    closeModal = '';
-    ventana;
-    window;
-    localStorage;
-    platformId = inject(PLATFORM_ID);
-    constructor() {
+    // Fases de UI
+    phase = 'idle';
+    get isIdle() { return this.phase === 'idle'; }
+    get isPaying() { return this.phase === 'paying'; }
+    get isFinalizing() { return this.phase === 'finalizing'; }
+    ventana = null;
+    windowRef;
+    sid = '';
+    bc;
+    pollTimer;
+    pollStartedAt = 0;
+    ngOnInit() {
         if (isPlatformBrowser(this.platformId)) {
-            this.window = window;
-            this.localStorage = localStorage;
+            this.windowRef = window;
+            if ('BroadcastChannel' in window) {
+                this.bc = new BroadcastChannel('mp_payment');
+                this.bc.onmessage = (e) => this.onMpMessage(e?.data);
+            }
+            window.addEventListener('storage', this.onStorage);
+            window.addEventListener('message', this.onWindowMessage);
         }
-    }
-    ngOnInit() {
         this.getPreference();
     }
+    ngOnDestroy() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        this.bc?.close();
+        window.removeEventListener('storage', this.onStorage);
+        window.removeEventListener('message', this.onWindowMessage);
+        if (this.pollTimer)
+            clearInterval(this.pollTimer);
+    }
+    /** Cancela manualmente el pago y finaliza el flujo con estado "cancel". */
     clickClose = () => {
-        /*  this.closeModal = 'cancel'
-         this.ventana?.close() */
+        if (this.finished)
+            return;
+        this.finishWithState('cancel');
     };
+    /**
+     * Inicia el pago abriendo `init_point` en una ventana/pestaña nueva.
+     * Genera un SID y lo persiste para casar la respuesta del catch.
+     * Si el popup es bloqueado, hace fallback navegando en la misma pestaña.
+     */
     iniciar = () => {
-        this.closeModal = '';
-        this.clearStorageState();
-        this.ventana = this.window?.open(this.url);
-        this.callState();
-    };
-    callState = () => {
-        let state = this.closeModal != '' ? this.closeModal : this.localStorage?.getItem('state');
-        !state && this.ventana.closed && (state = 'cancel');
-        this.loading = true;
-        state && console.log(state);
-        if (state) {
-            this.loading = false;
-            this.localStorage?.removeItem('state');
-            if (state == 'success') {
-                this.ventana?.close();
-                this.ready.emit(true);
-                return;
-            }
-            if (state == 'pending') {
-                this.ventana?.close();
-                this.ready.emit(true);
-                return;
-            }
-            if (state == 'failure') {
-                this.ventana?.close();
-                this.processError('');
-                return;
-            }
-            if (state == 'cancel') {
-                this.ventana?.close();
-                this.processError('Se cancelo el pago con mercado pago');
+        if (!isPlatformBrowser(this.platformId) || !this.windowRef || !this.url)
+            return;
+        this.phase = 'paying';
+        this.sid = this.genSid();
+        const url = new URL(this.url);
+        localStorage.setItem('mp:sid', this.sid);
+        this.ventana = this.windowRef.open(this.url, '_blank');
+        // popup bloqueado → fallback a navegación en misma pestaña
+        if (!this.ventana || this.ventana.closed) {
+            this.windowRef.location.href = this.url;
+            return;
+        }
+        // polling de último recurso (hasta 10 minutos)
+        this.pollStartedAt = Date.now();
+        if (this.pollTimer)
+            clearInterval(this.pollTimer);
+        this.pollTimer = setInterval(() => {
+            if (Date.now() - this.pollStartedAt > 10 * 60 * 1000) {
+                clearInterval(this.pollTimer);
+                this.pollTimer = null;
+                this.phase = 'idle';
+                this.processError('Tiempo de espera agotado al procesar el pago.');
                 return;
             }
-            this.ventana?.close();
-            this.processError('');
+            this.checkLocalStorageOnce();
+        }, 1000);
+    };
+    onWindowMessage = (event) => {
+        const data = event?.data;
+        this.onMpMessage(data);
+    };
+    onStorage = (e) => {
+        if (!e.key || !this.sid)
             return;
+        if (e.key === `mp:state:${this.sid}` && e.newValue) {
+            const state = e.newValue;
+            this.finishWithState(state);
         }
-        setTimeout(() => {
-            this.callState();
-        }, 5000);
     };
-    processError = (err) => {
-        this._toastService.show(err != '' ? err : 'payment-error');
-        // console.log("ERROR ENVIO BACK  ", err);
+    onMpMessage = (data) => {
+        if (!data || data.type !== 'mp:state')
+            return;
+        if (data.sid !== this.sid)
+            return;
+        this.finishWithState(data.state);
+    };
+    checkLocalStorageOnce() {
+        if (!this.sid)
+            return;
+        const state = localStorage.getItem(`mp:state:${this.sid}`);
+        if (state)
+            this.finishWithState(state);
+    }
+    /** Cierra el flujo de pago con el estado final y notifica al padre. */
+    finishWithState(state) {
+        if (this.finished)
+            return;
+        this.finished = true;
+        if (this.pollTimer)
+            clearInterval(this.pollTimer);
+        this.pollTimer = null;
+        localStorage.removeItem(`mp:state:${this.sid}`);
+        localStorage.removeItem('mp:sid');
+        localStorage.removeItem('state');
+        try {
+            this.ventana && !this.ventana.closed && this.ventana.close();
+        }
+        catch { }
+        this.ventana = null;
+        if (state === 'success' || state === 'pending') {
+            this.phase = 'finalizing';
+            this.ready.emit(true);
+        }
+        else if (state === 'failure' || state === 'cancel') {
+            this.phase = 'idle';
+            this._toastService.show(state === 'cancel' ? 'Se canceló el pago con Mercado Pago' : 'payment-error');
+        }
+        else {
+            this.phase = 'idle';
+            this._toastService.show('payment-error');
+        }
+    }
+    genSid() {
+        return `mp_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
+    }
+    processError = (msg) => {
+        this._toastService.show(msg || 'payment-error');
     };
+    /** Limpia posibles residuos de estado en storages. */
     clearStorageState = () => {
-        sessionStorage.removeItem('state');
-        this.localStorage?.removeItem('state');
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        localStorage.removeItem('state');
+        const sid = localStorage.getItem('mp:sid');
+        if (sid)
+            localStorage.removeItem(`mp:state:${sid}`);
+    };
+    /** Obtiene la preferencia e inicializa `url` (init_point). */
+    getPreference = () => {
+        this._paymentService.getPreference(this.allData).then((res) => {
+            this.preference = res;
+            this.url = this.preference?.init_point;
+            this.renderMP(this.preference);
+        }, () => this.setError('operation-error'));
     };
-    getPreference = () => this._paymentService.getPreference(this.allData).then(res => {
-        this.preference = res;
-        this.url = this.preference.init_point;
-        this.renderMP(this.preference);
-    }, err => this.setError('operation-error'));
     setError = (message) => {
         //this.error = message;
     };
-    renderMP = (preference) => {
-        this.window?.addEventListener("message", (event) => {
-            if (event.origin !== 'https://www.mercadopago.com.ar' || !event.data.type) {
-                return;
-            }
-            let dataType = event.data.type;
-            if (dataType === 'submit') {
-                const paymentData = event.data.value;
-                return;
-            }
-        });
-    };
+    renderMP = (_pref) => { };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MpRedirectEcComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MpRedirectEcComponent, isStandalone: true, selector: "app-mp-redirect-ec", inputs: { method: "method", total_amount: "total_amount", allData: "allData" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"text-center\">\r\n\t@if(url){\r\n\t\t@if(!loading){\r\n\t\t\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\r\n\t\t} @else {\r\n\t\t\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t\t\t<h3>Procesando el pago por mercado pago</h3>\r\n\t\t\t\t<h5>Recuerde hacer click en \"Volver al sitio\" desde mercado pago para finalizar la compra.</h5>\r\n\t\t\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"container-fluid\">\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-5\">\r\n\t\t\t\t\t\t<hr>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"col-2 text-center\">\r\n\t\t\t\t\t\t<label for=\"\">o</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"col-5\">\r\n\t\t\t\t\t\t<hr>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\r\n\t\t\t</div>\r\n\t\t}\r\n\t} @else{\r\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\t}\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MpRedirectEcComponent, isStandalone: true, selector: "app-mp-redirect-ec", inputs: { method: "method", total_amount: "total_amount", allData: "allData" }, outputs: { ready: "ready" }, ngImport: i0, template: "<div class=\"text-center\">\r\n\t@if(url) {\r\n\r\n\t@if(isIdle) {\r\n\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\r\n\t}\r\n\r\n\t@if(isPaying) {\r\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t<h3>Procesando el pago por Mercado Pago</h3>\r\n\t\t<h5>Record\u00E1 tocar \u201CVolver al sitio\u201D en Mercado Pago para finalizar.</h5>\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\r\n\t<div class=\"container-fluid\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-5\">\r\n\t\t\t\t<hr>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"col-2 text-center\"><label>o</label></div>\r\n\t\t\t<div class=\"col-5\">\r\n\t\t\t\t<hr>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\r\n\t</div>\r\n\t}\r\n\r\n\t@if(isFinalizing) {\r\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t<h3>Confirmando pago y redirigiendo\u2026</h3>\r\n\t\t<h5>No cierres ni recargues esta p\u00E1gina.</h5>\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\t}\r\n\r\n\t} @else {\r\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\t}\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MpRedirectEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-mp-redirect-ec', standalone: true, imports: [LoadingFullEcComponent], template: "<div class=\"text-center\">\r\n\t@if(url){\r\n\t\t@if(!loading){\r\n\t\t\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\r\n\t\t} @else {\r\n\t\t\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t\t\t<h3>Procesando el pago por mercado pago</h3>\r\n\t\t\t\t<h5>Recuerde hacer click en \"Volver al sitio\" desde mercado pago para finalizar la compra.</h5>\r\n\t\t\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"container-fluid\">\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-5\">\r\n\t\t\t\t\t\t<hr>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"col-2 text-center\">\r\n\t\t\t\t\t\t<label for=\"\">o</label>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"col-5\">\r\n\t\t\t\t\t\t<hr>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\r\n\t\t\t</div>\r\n\t\t}\r\n\t} @else{\r\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\t}\r\n</div>" }]
-        }], ctorParameters: () => [], propDecorators: { method: [{
+            args: [{ selector: 'app-mp-redirect-ec', standalone: true, imports: [LoadingFullEcComponent], template: "<div class=\"text-center\">\r\n\t@if(url) {\r\n\r\n\t@if(isIdle) {\r\n\t<button (click)=\"iniciar()\" class=\"btn btn-outline-primary rounded-0 comprar mt-3\">Pagar</button>\r\n\t}\r\n\r\n\t@if(isPaying) {\r\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t<h3>Procesando el pago por Mercado Pago</h3>\r\n\t\t<h5>Record\u00E1 tocar \u201CVolver al sitio\u201D en Mercado Pago para finalizar.</h5>\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\r\n\t<div class=\"container-fluid\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-5\">\r\n\t\t\t\t<hr>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"col-2 text-center\"><label>o</label></div>\r\n\t\t\t<div class=\"col-5\">\r\n\t\t\t\t<hr>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t<button (click)=\"clickClose()\" class=\"btn btn-outline-secondary\">Cancelar pago</button>\r\n\t</div>\r\n\t}\r\n\r\n\t@if(isFinalizing) {\r\n\t<div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n\t\t<h3>Confirmando pago y redirigiendo\u2026</h3>\r\n\t\t<h5>No cierres ni recargues esta p\u00E1gina.</h5>\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\t}\r\n\r\n\t} @else {\r\n\t<div class=\"d-flex flex-column justify-content-center align-items-center mt-2\">\r\n\t\t<app-loading-full-ec></app-loading-full-ec>\r\n\t</div>\r\n\t}\r\n</div>" }]
+        }], propDecorators: { method: [{
                 type: Input
             }], total_amount: [{
                 type: Input
@@ -9640,11 +10336,11 @@ class DecidirEcComponent extends ComponentHelper {
         obj.style.width = obj.contentWindow.document.body.scrollWidth + 'px';
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecidirEcComponent, deps: [{ token: i0.Renderer2 }, { token: ConnectionService }, { token: ToastService }, { token: CoreConstantsService }, { token: ApiConstantsService }, { token: CartService }, { token: i2.ActivatedRoute }, { token: i1$4.DomSanitizer }, { token: ParametersService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DecidirEcComponent, isStandalone: true, selector: "app-decidir-ec", inputs: { paymentServiceInst: "paymentServiceInst", method: "method", total_amount: "total_amount", allData: "allData", user_data: "user_data" }, outputs: { ready: "ready" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago en Decidir</h3>\r\n    @if (method) {\r\n    <p class=\"px-5\">{{ method.description }}</p>\r\n    <p class=\"px-5\">{{ method.instructions }}</p>\r\n    }\r\n    @if (!loading) {\r\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal()\">Pagar</button>\r\n    } @else {\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n    }\r\n    </div>\r\n\r\n@if (showModal) {\r\n<div class=\"modal-backdrop\" (click)=\"clickClose()\">\r\n    <div class=\"modal-dialog modal-lg\" (click)=\"$event.stopPropagation()\">\r\n        <div class=\"modal-content\">\r\n\r\n            <div class=\"modal-body\">\r\n                <div class=\"payment-container\">\r\n                   \r\n                    <!-- Iframe del formulario de decidir -->\r\n                    <div class=\"iframe-container\">\r\n                        <iframe [src]=\"url\" frameborder=\"0\" class=\"payment-iframe\"></iframe>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n", styles: [".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-dialog{max-width:90%;max-height:90%;width:800px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .3s ease-out}.modal-dialog.modal-lg{max-width:900px;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{display:flex;flex-direction:column;height:100%;border:none;border-radius:16px;background:#fff}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.modal-header .modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#2c3e50;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-header .btn-close{background:none;border:none;font-size:1.8rem;color:#6c757d;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;position:relative}.modal-header .btn-close:hover{background-color:#dc3545;color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #dc35454d}.modal-header .btn-close:active{transform:rotate(90deg) scale(.95)}.modal-body{padding:0;flex:1;overflow:hidden;background:#fff}.payment-container{height:100%;display:flex;flex-direction:column;background:#fff}.cards-accepted{padding:1.5rem 2rem;text-align:center;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#fff,#f8f9fa);position:relative}.cards-accepted:after{content:\"\";position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.cards-accepted .cards-img{height:45px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .2s ease}.cards-accepted .cards-img:hover{transform:scale(1.05)}.iframe-container{flex:1;padding:1.5rem;background:#fff;position:relative}.iframe-container:before{content:\"\";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent 0%,#e9ecef 50%,transparent 100%)}.payment-iframe{width:100%;height:620px;border:none;border-radius:12px;background:#fff;box-shadow:inset 0 2px 8px #0000000d}.half-width{width:49%!important}.ml-1{margin-left:1%}#card-form{height:450px}.iframeStyle{height:520px;width:100%}@media only screen and (max-width: 1024px){.modal-dialog,.modal-dialog.modal-lg{max-width:95%;width:95%}.payment-iframe{height:650px}.modal-header{padding:1rem 1.5rem}.modal-header .modal-title{font-size:1.125rem}.cards-accepted{padding:.75rem 1.5rem}}@media only screen and (max-width: 680px){.modal-dialog{max-width:98%;width:98%;margin:1rem;max-height:calc(100vh - 2rem)}.modal-dialog.modal-lg{max-width:98%;width:98%}.payment-iframe{height:550px}.modal-header{padding:1rem}.modal-header .modal-title{font-size:1rem}.modal-header .btn-close{width:28px;height:28px;font-size:1.25rem}.cards-accepted{padding:.5rem 1rem}.cards-accepted .cards-img{height:35px}.iframe-container{padding:.5rem}}@media only screen and (max-width: 480px){.modal-dialog{margin:.5rem;max-height:calc(100vh - 1rem);border-radius:8px}.modal-content{border-radius:8px}.payment-iframe{height:500px}.cards-accepted .cards-img{height:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DecidirEcComponent, isStandalone: true, selector: "app-decidir-ec", inputs: { paymentServiceInst: "paymentServiceInst", method: "method", total_amount: "total_amount", allData: "allData", user_data: "user_data" }, outputs: { ready: "ready" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago en Decidir</h3>\r\n    @if (method) {\r\n    <p class=\"px-5\">{{ method.description }}</p>\r\n    <p class=\"px-5\">{{ method.instructions }}</p>\r\n    }\r\n    @if (!loading) {\r\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal()\">Pagar</button>\r\n    } @else {\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n    }\r\n    </div>\r\n\r\n@if (showModal) {\r\n<div class=\"modal-backdrop\" (click)=\"clickClose()\">\r\n    <div class=\"modal-dialog modal-lg\" (click)=\"$event.stopPropagation()\">\r\n        <div class=\"modal-content\">\r\n\r\n            <div class=\"modal-body\">\r\n                <div class=\"payment-container\">\r\n                   \r\n                    <!-- Iframe del formulario de decidir -->\r\n                    <div class=\"iframe-container\">\r\n                        <iframe [src]=\"url\" frameborder=\"0\" class=\"payment-iframe\"></iframe>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n", styles: [".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;backdrop-filter:blur(2px)}.modal-dialog{max-width:90%;max-height:90%;width:800px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .3s ease-out}.modal-dialog.modal-lg{max-width:900px;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{display:flex;flex-direction:column;height:100%;border:none;border-radius:16px;background:#fff}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.modal-header .modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#2c3e50;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-header .btn-close{background:none;border:none;font-size:1.8rem;color:#6c757d;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;position:relative}.modal-header .btn-close:hover{background-color:#dc3545;color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #dc35454d}.modal-header .btn-close:active{transform:rotate(90deg) scale(.95)}.modal-body{padding:0;flex:1;overflow:hidden;background:#fff}.payment-container{height:100%;display:flex;flex-direction:column;background:#fff}.cards-accepted{padding:1.5rem 2rem;text-align:center;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#fff,#f8f9fa);position:relative}.cards-accepted:after{content:\"\";position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.cards-accepted .cards-img{height:45px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .2s ease}.cards-accepted .cards-img:hover{transform:scale(1.05)}.iframe-container{flex:1;padding:1.5rem;background:#fff;position:relative}.iframe-container:before{content:\"\";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent 0%,#e9ecef 50%,transparent 100%)}.payment-iframe{width:100%;height:620px;border:none;border-radius:12px;background:#fff;box-shadow:inset 0 2px 8px #0000000d}.half-width{width:49%!important}.ml-1{margin-left:1%}#card-form{height:450px}.iframeStyle{height:520px;width:100%}@media only screen and (max-width: 1024px){.modal-dialog,.modal-dialog.modal-lg{max-width:95%;width:95%}.payment-iframe{height:650px}.modal-header{padding:1rem 1.5rem}.modal-header .modal-title{font-size:1.125rem}.cards-accepted{padding:.75rem 1.5rem}}@media only screen and (max-width: 680px){.modal-dialog{max-width:98%;width:98%;margin:1rem;max-height:calc(100vh - 2rem)}.modal-dialog.modal-lg{max-width:98%;width:98%}.payment-iframe{height:550px}.modal-header{padding:1rem}.modal-header .modal-title{font-size:1rem}.modal-header .btn-close{width:28px;height:28px;font-size:1.25rem}.cards-accepted{padding:.5rem 1rem}.cards-accepted .cards-img{height:35px}.iframe-container{padding:.5rem}}@media only screen and (max-width: 480px){.modal-dialog{margin:.5rem;max-height:calc(100vh - 1rem);border-radius:8px}.modal-content{border-radius:8px}.payment-iframe{height:500px}.cards-accepted .cards-img{height:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: LoadingFullEcComponent, selector: "app-loading-full-ec" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DecidirEcComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-decidir-ec', standalone: true, imports: [CommonModule, FormsModule, LoadingFullEcComponent], template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago en Decidir</h3>\r\n    @if (method) {\r\n    <p class=\"px-5\">{{ method.description }}</p>\r\n    <p class=\"px-5\">{{ method.instructions }}</p>\r\n    }\r\n    @if (!loading) {\r\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal()\">Pagar</button>\r\n    } @else {\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n    }\r\n    </div>\r\n\r\n@if (showModal) {\r\n<div class=\"modal-backdrop\" (click)=\"clickClose()\">\r\n    <div class=\"modal-dialog modal-lg\" (click)=\"$event.stopPropagation()\">\r\n        <div class=\"modal-content\">\r\n\r\n            <div class=\"modal-body\">\r\n                <div class=\"payment-container\">\r\n                   \r\n                    <!-- Iframe del formulario de decidir -->\r\n                    <div class=\"iframe-container\">\r\n                        <iframe [src]=\"url\" frameborder=\"0\" class=\"payment-iframe\"></iframe>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n", styles: [".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-dialog{max-width:90%;max-height:90%;width:800px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .3s ease-out}.modal-dialog.modal-lg{max-width:900px;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{display:flex;flex-direction:column;height:100%;border:none;border-radius:16px;background:#fff}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.modal-header .modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#2c3e50;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-header .btn-close{background:none;border:none;font-size:1.8rem;color:#6c757d;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;position:relative}.modal-header .btn-close:hover{background-color:#dc3545;color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #dc35454d}.modal-header .btn-close:active{transform:rotate(90deg) scale(.95)}.modal-body{padding:0;flex:1;overflow:hidden;background:#fff}.payment-container{height:100%;display:flex;flex-direction:column;background:#fff}.cards-accepted{padding:1.5rem 2rem;text-align:center;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#fff,#f8f9fa);position:relative}.cards-accepted:after{content:\"\";position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.cards-accepted .cards-img{height:45px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .2s ease}.cards-accepted .cards-img:hover{transform:scale(1.05)}.iframe-container{flex:1;padding:1.5rem;background:#fff;position:relative}.iframe-container:before{content:\"\";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent 0%,#e9ecef 50%,transparent 100%)}.payment-iframe{width:100%;height:620px;border:none;border-radius:12px;background:#fff;box-shadow:inset 0 2px 8px #0000000d}.half-width{width:49%!important}.ml-1{margin-left:1%}#card-form{height:450px}.iframeStyle{height:520px;width:100%}@media only screen and (max-width: 1024px){.modal-dialog,.modal-dialog.modal-lg{max-width:95%;width:95%}.payment-iframe{height:650px}.modal-header{padding:1rem 1.5rem}.modal-header .modal-title{font-size:1.125rem}.cards-accepted{padding:.75rem 1.5rem}}@media only screen and (max-width: 680px){.modal-dialog{max-width:98%;width:98%;margin:1rem;max-height:calc(100vh - 2rem)}.modal-dialog.modal-lg{max-width:98%;width:98%}.payment-iframe{height:550px}.modal-header{padding:1rem}.modal-header .modal-title{font-size:1rem}.modal-header .btn-close{width:28px;height:28px;font-size:1.25rem}.cards-accepted{padding:.5rem 1rem}.cards-accepted .cards-img{height:35px}.iframe-container{padding:.5rem}}@media only screen and (max-width: 480px){.modal-dialog{margin:.5rem;max-height:calc(100vh - 1rem);border-radius:8px}.modal-content{border-radius:8px}.payment-iframe{height:500px}.cards-accepted .cards-img{height:30px}}\n"] }]
+            args: [{ selector: 'app-decidir-ec', standalone: true, imports: [CommonModule, FormsModule, LoadingFullEcComponent], template: "<div class=\"text-center\">\r\n    <h3>Continuar con el pago en Decidir</h3>\r\n    @if (method) {\r\n    <p class=\"px-5\">{{ method.description }}</p>\r\n    <p class=\"px-5\">{{ method.instructions }}</p>\r\n    }\r\n    @if (!loading) {\r\n        <button class=\"btn btn-outline-secondary comprar\" (click)=\"openModal()\">Pagar</button>\r\n    } @else {\r\n    <div class=\"d-flex flex-column jusitfy-content-center align-items-center mt-2\">\r\n        <app-loading-full-ec></app-loading-full-ec>\r\n    </div>\r\n    }\r\n    </div>\r\n\r\n@if (showModal) {\r\n<div class=\"modal-backdrop\" (click)=\"clickClose()\">\r\n    <div class=\"modal-dialog modal-lg\" (click)=\"$event.stopPropagation()\">\r\n        <div class=\"modal-content\">\r\n\r\n            <div class=\"modal-body\">\r\n                <div class=\"payment-container\">\r\n                   \r\n                    <!-- Iframe del formulario de decidir -->\r\n                    <div class=\"iframe-container\">\r\n                        <iframe [src]=\"url\" frameborder=\"0\" class=\"payment-iframe\"></iframe>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n", styles: [".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1050;backdrop-filter:blur(2px)}.modal-dialog{max-width:90%;max-height:90%;width:800px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .3s ease-out}.modal-dialog.modal-lg{max-width:900px;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{display:flex;flex-direction:column;height:100%;border:none;border-radius:16px;background:#fff}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.modal-header .modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#2c3e50;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-header .btn-close{background:none;border:none;font-size:1.8rem;color:#6c757d;cursor:pointer;padding:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;position:relative}.modal-header .btn-close:hover{background-color:#dc3545;color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #dc35454d}.modal-header .btn-close:active{transform:rotate(90deg) scale(.95)}.modal-body{padding:0;flex:1;overflow:hidden;background:#fff}.payment-container{height:100%;display:flex;flex-direction:column;background:#fff}.cards-accepted{padding:1.5rem 2rem;text-align:center;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#fff,#f8f9fa);position:relative}.cards-accepted:after{content:\"\";position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent 0%,#dee2e6 50%,transparent 100%)}.cards-accepted .cards-img{height:45px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .2s ease}.cards-accepted .cards-img:hover{transform:scale(1.05)}.iframe-container{flex:1;padding:1.5rem;background:#fff;position:relative}.iframe-container:before{content:\"\";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent 0%,#e9ecef 50%,transparent 100%)}.payment-iframe{width:100%;height:620px;border:none;border-radius:12px;background:#fff;box-shadow:inset 0 2px 8px #0000000d}.half-width{width:49%!important}.ml-1{margin-left:1%}#card-form{height:450px}.iframeStyle{height:520px;width:100%}@media only screen and (max-width: 1024px){.modal-dialog,.modal-dialog.modal-lg{max-width:95%;width:95%}.payment-iframe{height:650px}.modal-header{padding:1rem 1.5rem}.modal-header .modal-title{font-size:1.125rem}.cards-accepted{padding:.75rem 1.5rem}}@media only screen and (max-width: 680px){.modal-dialog{max-width:98%;width:98%;margin:1rem;max-height:calc(100vh - 2rem)}.modal-dialog.modal-lg{max-width:98%;width:98%}.payment-iframe{height:550px}.modal-header{padding:1rem}.modal-header .modal-title{font-size:1rem}.modal-header .btn-close{width:28px;height:28px;font-size:1.25rem}.cards-accepted{padding:.5rem 1rem}.cards-accepted .cards-img{height:35px}.iframe-container{padding:.5rem}}@media only screen and (max-width: 480px){.modal-dialog{margin:.5rem;max-height:calc(100vh - 1rem);border-radius:8px}.modal-content{border-radius:8px}.payment-iframe{height:500px}.cards-accepted .cards-img{height:30px}}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: ConnectionService }, { type: ToastService }, { type: CoreConstantsService }, { type: ApiConstantsService }, { type: CartService }, { type: i2.ActivatedRoute }, { type: i1$4.DomSanitizer }, { type: ParametersService }], propDecorators: { paymentServiceInst: [{
                 type: Input
             }], method: [{
@@ -11515,5 +12211,5 @@ const directives = [
  * Generated bundle index. Do not edit.
  */
 
-export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ContactEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, EcSafeHtmlPipe, FacebookPixelService, FaqsEcComponent, FiltersEcComponent, FiltersService, FiltersSortEcComponent, FooterEcComponent, ForgotPasswordEcComponent, FormService, GTMService, GoogleAnalyticsService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LocalStorageService, LoginFormEcComponent, MagnizoomEcComponent, MetricoolPixelService, NgxLocalStorageService, OptionsService, OrderEcComponent, OrderUtilityService, OrdersListEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentService, PriceEcComponent, PriceRangeFilterComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, provideEnvironment };
+export { AccountEcComponent, AddressingService, AnalyticsService, AuthEcComponent, AuthService, AuthStorageService, BlockBannerBoxEcComponent, BlockBannerFullEcComponent, BlockFormContactEcComponent, BlockHtmlEcComponent, BlockNewsletterEcComponent, BlockProductsEcComponent, BlocksEcComponent, BlocksRepositoryService, BlocksService, BreadcrumbEcComponent, CartEcComponent, CartItemEcComponent, CartService, ChannelService, CheckoutEcComponent, CheckoutService, CollectionEcComponent, ConfirmAccountEcComponent, ContactEcComponent, CoreConstantsService, CouponEcComponent, CurrencyService, DopplerService, ENVIRONMENT_TOKEN, EcCurrencySymbolPipe, EcSafeHtmlPipe, FacebookPixelService, FaqsEcComponent, FiltersEcComponent, FiltersService, FiltersSortEcComponent, FooterEcComponent, ForgotPasswordEcComponent, FormService, GTMService, GoogleAnalyticsService, HeaderEcComponent, HomeEcComponent, LoadingFullEcComponent, LoadingInlineEcComponent, LoadingSectionEcComponent, LocalStorageService, LoginFormEcComponent, MagnizoomEcComponent, MetricoolPixelService, NgxLocalStorageService, OptionsService, OrderEcComponent, OrderUtilityService, OrdersListEcComponent, OrdersService, PaginationService, ParametersService, ParamsContext, PasswordResetEcComponent, PaymentService, PriceEcComponent, PriceRangeFilterComponent, ProductDetailEcComponent, ProductDetailService, ProductEcComponent, ProductOffDirective, ProductStockDirective, ProductsService, ReCaptchaEcComponent, ReCaptchaService, RedsysCatchEcComponent, RegisterFormEcComponent, RegisterWholesalerFormEcComponent, RelatedProductsEcComponent, ReviewsEcComponent, ReviewsFormEcComponent, SectionContainerEcComponent, ShareEcComponent, ShipmentService, SidebarEcComponent, StoresEcComponent, SuccessEcComponent, TestService, ToastService, VariantsEcComponent, authGuard, authInterceptor, directives, provideEnvironment };
 //# sourceMappingURL=ng-easycommerce-v18.mjs.map