<!doctype html>
<html lang="es">
<head >
    <meta charset="utf-8"/>
<meta name="title" content="Brildor - Productos, Maquinaria y Consumibles para la Personalización | BRILDOR ®"/>
<meta name="description" content="✅ Productos, Maquinaria y Consumibles para la Personalización · Personalizables · Sublimación · Vinilos · Serigrafía · Planchas Transfer · Impresión DTF. 【✓ Envíos Gratis en 24h】"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Brildor - Productos, Maquinaria y Consumibles para la Personalización | BRILDOR ®</title>
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/css/styles.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Amasty_Label/vendor/tooltipster/css/tooltipster.min.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Amasty_Label/css/source/mkcss/amlabels.css" />
<link  rel="icon" type="image/x-icon" href="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Magento_Theme/favicon.ico" />
<link  rel="shortcut icon" type="image/x-icon" href="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Magento_Theme/favicon.ico" />
<script  type="text/javascript"  src="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Smile_ElasticsuiteTracker/js/tracking.js"></script>
<meta name="p:domain_verify" content="wntm83F6nPRVAstJ0YN5ZFEqXCafNDIT"/>    
<!-- Google Tag Manager by MagePal -->

<script type="text/javascript">
    function initMagepalGtmDatalayer_4f71f1c5e6503faecb6d9e35a59f2399() {
        'use strict';

        let lastPushedCart = {};
        let lastPushedCustomer = {};

        function objectKeyExist(object)
        {
            const items = Array.isArray(object) ? object : Object.values(object);
            return items.reduce((acc, v) => (acc || v.customer || v.cart), false);
        }

        const isObject = x => x === Object(x);
        const has = (x, p) => isObject(x) && x.hasOwnProperty(p);
        const isEqual = (x, y) => JSON.stringify(x) === JSON.stringify(y);

        //Update datalayer
        function updateDataLayer(_gtmDataLayer, _dataObject, _forceUpdate)
        {
            let customer = {isLoggedIn : false},
                cart = {hasItems: false};

            if (_gtmDataLayer !== undefined && (!objectKeyExist(_gtmDataLayer) || _forceUpdate)) {
                if (isObject(_dataObject) && has(_dataObject, 'customer')) {
                    customer = _dataObject.customer;
                }

                if (isObject(_dataObject) && has(_dataObject, 'cart')) {
                    cart = _dataObject.cart;
                }

                if (!isEqual(lastPushedCart, cart) || !isEqual(lastPushedCustomer, customer)) {
                    window.dispatchEvent(new CustomEvent('mpCustomerSession', {detail: [customer, cart, _gtmDataLayer]}));
                    _gtmDataLayer.push({'event': 'mpCustomerSession', 'customer': customer, 'cart': cart});
                    lastPushedCustomer = customer;
                    lastPushedCart = cart;
                }
            }
        }

        function isTrackingAllowed(config)
        {
            let allowServices = false,
                allowedCookies,
                allowedWebsites;

            if (!config.isGdprEnabled || (!config.isGdprEnabled && !config.addJsInHeader)) {
                allowServices = true;
            } else if (config.isCookieRestrictionModeEnabled && config.gdprOption === 1) {
                allowedCookies = hyva.getCookie(config.cookieName);

                if (allowedCookies !== null) {
                    allowedWebsites = JSON.parse(allowedCookies);

                    if (allowedWebsites[config.currentWebsite] === 1) {
                        allowServices = true;
                    }
                }
            } else if (config.gdprOption === 2) {
                allowServices = hyva.getCookie(config.cookieName) !== null;
            } else if (config.gdprOption === 3) {
                allowServices = hyva.getCookie(config.cookieName) === null;
            }

            return allowServices;
        }

        //load gtm
        function initTracking(dataLayerName, accountId, containerCode)
        {
            window.dispatchEvent(new CustomEvent('gtm:beforeInitialize'));

            (function (w, d, s, l, i) {
                w[l] = w[l] || [];
                w[l].push({
                    'gtm.start':
                        new Date().getTime(), event: 'gtm.js'
                });
                var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != dataLayerName ? '&l=' + l : '';
                j.async = true;
                j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl + containerCode;
                f.parentNode.insertBefore(j, f);
            })(window, document, 'script', dataLayerName, accountId);
            window.dispatchEvent(new CustomEvent('gtm:afterInitialize'));
        }

        function pushData(dataLayerName, dataLayer)
        {
            if (Array.isArray(dataLayer)) {
                dataLayer.forEach(function (data) {
                    window[dataLayerName].push(data);
                });
            }
        }

        const config = {
            dataLayer: "dataLayer",
            gdprOption: 0,
            isGdprEnabled: 0,
            isCookieRestrictionModeEnabled: 0,
        };

                config.currentWebsite = 1;
        config.cookieName = "user_allowed_save_cookie";
        config.accountId = "GTM-PHBCVK";
        config.data = [{"ecommerce":{"currencyCode":"EUR"},"pageType":"cms_index_index","list":"other"}];
        config.addJsInHeader = 0;
        config.containerCode = "";
        
        window[config.dataLayer] = window[config.dataLayer] || [];

        if (has(config, 'accountId') && isTrackingAllowed(config)) {
            pushData(config.dataLayer, config.data);
            initTracking(config.dataLayer, config.accountId, config.containerCode);
        }

        window.addEventListener("private-content-loaded", event => {
            const dataObject = event.detail.data['magepal-gtm-jsdatalayer'] || {};
            const gtmDataLayer = window[config.dataLayer];
            updateDataLayer(gtmDataLayer, dataObject, true)
        });
    }
    window.addEventListener('DOMContentLoaded', initMagepalGtmDatalayer_4f71f1c5e6503faecb6d9e35a59f2399);
</script>
<!-- End Google Tag Manager by MagePal -->

<link rel="manifest" href="https://www.brildor.com/es/manifest.json"/>

<script>
    var foomanGaBaseUrl = '';
</script>



    <script>
        //<![CDATA[
        function userConsentEsTraking(config)
        {
            return config.cookieRestrictionEnabled == false || hyva.getCookie(config.cookieRestrictionName) !== null;
        }

        try {
            smileTracker.setConfig({
                beaconUrl     : 'https://www.brildor.com/es/elasticsuite/tracker/hit/image/h.png',
                telemetryUrl     : 'https://t.elasticsuite.io/track',
                telemetryEnabled : '',
                sessionConfig : {"visit_cookie_name":"STUID","visit_cookie_lifetime":"3600","visitor_cookie_lifetime":"365","visitor_cookie_name":"STVID","domain":"www.brildor.com","path":"\/"},
                endpointUrl : ''
            });

            smileTracker.addPageVar('store_id', '1');

            document.addEventListener('DOMContentLoaded', function () {
                if (userConsentEsTraking({"cookieRestrictionEnabled":"0","cookieRestrictionName":"user_allowed_save_cookie"})) {
                    smileTracker.sendTag();
                }
            });
        } catch (err) {
            ;
        }
        //]]>
    </script>

<meta property="og:title" content="Brildor - Productos, Maquinaria y Consumibles para la Personalizaci&oacute;n" />
<meta property="og:description" content="✅ Productos, Maquinaria y Consumibles para la Personalizaci&oacute;n &middot; Personalizables &middot; Sublimaci&oacute;n &middot; Vinilos &middot; Serigraf&iacute;a &middot; Planchas Transfer &middot; Impresi&oacute;n DTF. 【✓ Env&iacute;os Gratis en 24h】" />
<meta property="og:url" content="https://www.brildor.com/es/home/" />
            <link rel="alternate" hreflang="es" href="https://www.brildor.com/es/" />
            <link rel="alternate" hreflang="en" href="https://www.brildor.com/en/" />
            <link rel="alternate" hreflang="fr" href="https://www.brildor.com/fr/" />
            <link rel="alternate" hreflang="pt-pt" href="https://www.brildor.com/pt/" />
            <link rel="alternate" hreflang="it-it" href="https://www.brildor.com/it/" />
            <link rel="alternate" hreflang="de-de" href="https://www.brildor.com/de/" />
    <script>
    var BASE_URL = 'https://www.brildor.com/es/';
    var THEME_PATH = 'https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES';
    var COOKIE_CONFIG = {
        "expires": null,
        "path": "\u002F",
        "domain": ".www.brildor.com",
        "secure": true,
        "lifetime": "360000000",
        "cookie_restriction_enabled": false    };
    var CURRENT_STORE_CODE = 'es';
    var CURRENT_WEBSITE_ID = '1';

    window.hyva = window.hyva || {}

    window.cookie_consent_groups = window.cookie_consent_groups || {}
    window.cookie_consent_groups['necessary'] = true;

    window.cookie_consent_config = window.cookie_consent_config || {};
    window.cookie_consent_config['necessary'] = [].concat(
        window.cookie_consent_config['necessary'] || [],
        [
            'user_allowed_save_cookie',
            'form_key',
            'mage-messages',
            'private_content_version',
            'mage-cache-sessid',
            'last_visited_store',
            'section_data_ids'
        ]
    );
</script>
<script>
    'use strict';
    (function( hyva, undefined ) {

        function lifetimeToExpires(options, defaults) {

            const lifetime = options.lifetime || defaults.lifetime;

            if (lifetime) {
                const date = new Date;
                date.setTime(date.getTime() + lifetime * 1000);
                return date;
            }

            return null;
        }

        function generateRandomString() {

            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
                length = 16;

            let formKey = '',
                charactersLength = allowedCharacters.length;

            for (let i = 0; i < length; i++) {
                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
            }

            return formKey;
        }

        const sessionCookieMarker = {noLifetime: true}

        const cookieTempStorage = {};

        const internalCookie = {
            get(name) {
                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
                return v ? v[2] : null;
            },
            set(name, value, days, skipSetDomain) {
                let expires,
                    path,
                    domain,
                    secure,
                    samesite;

                const defaultCookieConfig = {
                    expires: null,
                    path: '/',
                    domain: null,
                    secure: false,
                    lifetime: null,
                    samesite: 'lax'
                };

                const cookieConfig = window.COOKIE_CONFIG || {};

                expires = days && days !== sessionCookieMarker
                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;

                path = cookieConfig.path || defaultCookieConfig.path;
                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
                secure = cookieConfig.secure || defaultCookieConfig.secure;
                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;

                document.cookie = name + "=" + encodeURIComponent(value) +
                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
                    (path ? '; path=' + path : '') +
                    (domain ? '; domain=' + domain : '') +
                    (secure ? '; secure' : '') +
                    (samesite ? '; samesite=' + samesite : 'lax');
            },
            isWebsiteAllowedToSaveCookie() {
                const allowedCookies = this.get('user_allowed_save_cookie');
                if (allowedCookies) {
                    const allowedWebsites = JSON.parse(unescape(allowedCookies));

                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
                }
                return false;
            },
            getGroupByCookieName(name) {
                const cookieConsentConfig = window.cookie_consent_config || {};
                let group = null;
                for (let prop in cookieConsentConfig) {
                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
                    if (cookieConsentConfig[prop].includes(name)) {
                        group = prop;
                        break;
                    }
                }
                return group;
            },
            isCookieAllowed(name) {
                const cookieGroup = this.getGroupByCookieName(name);
                return cookieGroup
                    ? window.cookie_consent_groups[cookieGroup]
                    : this.isWebsiteAllowedToSaveCookie();
            },
            saveTempStorageCookies() {
                for (const [name, data] of Object.entries(cookieTempStorage)) {
                    if (this.isCookieAllowed(name)) {
                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
                        delete cookieTempStorage[name];
                    }
                }
            }
        };

        hyva.getCookie = (name) => {
            const cookieConfig = window.COOKIE_CONFIG || {};

            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
            }

            return internalCookie.get(name);
        }

        hyva.setCookie = (name, value, days, skipSetDomain) => {
            const cookieConfig = window.COOKIE_CONFIG || {};

            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
                cookieTempStorage[name] = {value, days, skipSetDomain};
                return;
            }
            return internalCookie.set(name, value, days, skipSetDomain);
        }


        hyva.setSessionCookie = (name, value, skipSetDomain) => {
            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
        }

        hyva.getBrowserStorage = () => {
            const browserStorage = window.localStorage || window.sessionStorage;
            if (!browserStorage) {
                console.warn('Browser Storage is unavailable');
                return false;
            }
            try {
                browserStorage.setItem('storage_test', '1');
                browserStorage.removeItem('storage_test');
            } catch (error) {
                console.warn('Browser Storage is not accessible', error);
                return false;
            }
            return browserStorage;
        }

        hyva.postForm = (postParams) => {
            const form = document.createElement("form");

            let data = postParams.data;

            if (! postParams.skipUenc && ! data.uenc) {
                data.uenc = btoa(window.location.href);
            }
            form.method = "POST";
            form.action = postParams.action;

            Object.keys(postParams.data).map(key => {
                const field = document.createElement("input");
                field.type = 'hidden'
                field.value = postParams.data[key];
                field.name = key;
                form.appendChild(field);
            });

            const form_key = document.createElement("input");
            form_key.type = 'hidden';
            form_key.value = hyva.getFormKey();
            form_key.name="form_key";
            form.appendChild(form_key);

            document.body.appendChild(form);

            form.submit();
        }

        hyva.getFormKey = function () {
            let formKey = hyva.getCookie('form_key');

            if (!formKey) {
                formKey = generateRandomString();
                hyva.setCookie('form_key', formKey);
            }

            return formKey;
        }

        hyva.formatPrice = (value, showSign, options = {}) => {
            const groupSeparator = options.groupSeparator;
            const decimalSeparator = options.decimalSeparator
            delete options.groupSeparator;
            delete options.decimalSeparator;
            const formatter = new Intl.NumberFormat(
                'es\u002DES',
                Object.assign({
                    style: 'currency',
                    currency: 'EUR',
                    signDisplay: showSign ? 'always' : 'auto'
                }, options)
            );
            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
                formatter.formatToParts(value).map(({type, value}) => {
                    switch (type) {
                        case 'currency':
                            return '\u20AC' || value;
                        case 'minusSign':
                            return '- ';
                        case 'plusSign':
                            return '+ ';
                        case 'group':
                            return groupSeparator !== undefined ? groupSeparator : value;
                        case 'decimal':
                            return decimalSeparator !== undefined ? decimalSeparator : value;
                        default :
                            return value;
                    }
                }).reduce((string, part) => string + part) :
                formatter.format(value);
        }

        const formatStr = function (str, nStart) {
            const args = Array.from(arguments).slice(2);

            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
                const idx = parseInt(n) - nStart;

                if (args[idx] === null || args[idx] === void 0) {
                    return m;
                }
                return p.length % 2
                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
                    : p.replace('%%', '%') + n;
            })
        }

        hyva.str = function (string) {
            const args = Array.from(arguments);
            args.splice(1, 0, 1);

            return formatStr.apply(undefined, args);
        }

        hyva.strf = function () {
            const args = Array.from(arguments);
            args.splice(1, 0, 0);

            return formatStr.apply(undefined, args);
        }

        /**
         * Take a html string as `content` parameter and
         * extract an element from the DOM to replace in
         * the current page under the same selector,
         * defined by `targetSelector`
         */
        hyva.replaceDomElement = (targetSelector, content) => {
            // Parse the content and extract the DOM node using the `targetSelector`
            const parser = new DOMParser();
            const doc = parser.parseFromString(content, 'text/html');
            const contentNode = doc.querySelector(targetSelector);

            // Bail if content can't be found
            if (!contentNode) {
                return;
            }

            hyva.activateScripts(contentNode)

            // Replace the old DOM node with the new content
            document.querySelector(targetSelector).replaceWith(contentNode);

            // Reload customerSectionData and display cookie-messages if present
            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
            hyva.initMessages();
        }

        hyva.activateScripts = (contentNode) => {
            // Extract all the script tags from the content.
            // Script tags won't execute when inserted into a dom-element directly,
            // therefore we need to inject them to the head of the document.
            const tmpScripts = contentNode.getElementsByTagName('script');

            if (tmpScripts.length > 0) {
                // Push all script tags into an array
                // (to prevent dom manipulation while iterating over dom nodes)
                const scripts = [];
                for (let i = 0; i < tmpScripts.length; i++) {
                    scripts.push(tmpScripts[i]);
                }

                // Iterate over all script tags and duplicate+inject each into the head
                for (let i = 0; i < scripts.length; i++) {
                    let script = document.createElement('script');
                    script.innerHTML = scripts[i].innerHTML;

                    document.head.appendChild(script);

                    // Remove the original (non-executing) node from the content
                    scripts[i].parentNode.removeChild(scripts[i]);
                }
            }
            return contentNode;
        }

        const replace = {['+']: '-', ['/']: '_', ['=']: ','};
        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);

        let currentTrap;

        const focusableElements = (rootElement) => {
            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
            return Array.from(rootElement.querySelectorAll(selector))
                .filter(el => {
                    return el.style.display !== 'none'
                        && !el.disabled
                        && el.tabIndex !== -1
                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
                })
        }

        const focusTrap = (e) => {
            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
            if (!isTabPressed) return;

            const focusable = focusableElements(currentTrap)
            const firstFocusableElement = focusable[0]
            const lastFocusableElement = focusable[focusable.length - 1]

            e.shiftKey
                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
        };

        hyva.releaseFocus = (rootElement) => {
            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
                currentTrap.removeEventListener('keydown', focusTrap)
                currentTrap = null
            }
        }
        hyva.trapFocus = (rootElement) => {
            if (!rootElement) return;
            hyva.releaseFocus()
            currentTrap = rootElement
            rootElement.addEventListener('keydown', focusTrap)
            const firstElement = focusableElements(rootElement)[0]
            firstElement && firstElement.focus()
        }

                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
                window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())

    }( window.hyva = window.hyva || {} ));
</script>
<script>
    if (!window.IntersectionObserver) {
        window.IntersectionObserver = function (callback) {
            this.observe = el => el && callback(this.takeRecords());
            this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}];
            this.disconnect = () => {};
            this.unobserve = () => {};
        }
    }
</script>
</head>
<body id="html-body" class="cms-home page-layout-1column cms-index-index page-layout-cms-full-width">

<!-- Google Tag Manager by MagePal -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PHBCVK"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager by MagePal -->

<input name="form_key" type="hidden" value="Wr3toTrxlP410txv" />
    <noscript>
        <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal">
            <div class="container text-center">
                <p>
                    <strong>Parece que JavaScript está deshabilitado en su navegador.</strong>
                    <span>
                        Para obtener la mejor experiencia en nuestro sitio, asegúrese de activar Javascript en su navegador.                    </span>
                </p>
            </div>
        </section>
    </noscript>


<script>
    document.body.addEventListener('touchstart', () => {}, {passive: true})
</script>

<script type="text/x-magento-init">
    {
        "*": {
            "Connectif_Integration/js/ajaxConnectifTags": {
                "url": "https://www.brildor.com/es/connectif/tags/ajaxconnectiftags"
            }
        }
    }
</script>

<script>
    (function (url) {
        function addClientScript(result) {
            if (
                !document.querySelector(`#__cn_generic_script__${result.clientId}`) &&
                !document.querySelector(`#__cn_client_script_${result.clientId}`)
            ) {
                const url =
                    result.cdnProtocol +
                    "://" +
                    result.cdnDomain +
                    "/" +
                    result.cdnPath +
                    "/" +
                    result.clientScriptPath +
                    result.clientId;
                const element = document.createElement("script");
                element.setAttribute("src", url);
                document.body.appendChild(element);
            }
        }

        function addTags(innerHTML) {
            if (!!innerHTML) {
                let element = document.createElement("div");
                element.style.display = "none";
                element.innerHTML = innerHTML;
                document.body.appendChild(element);
            }
        }

        function handleResponse(response) {
            if (!response.ok) {
                throw new Error(`HTTP error! Status: ${response.status}`);
            }
            return response.json();
        }

        function handleResult(result) {
            addTags(result.renderedClientInfo);
            addTags(result.renderedCart);
            addTags(result.renderedNewsletter);

            if (
                document.readyState === "complete" ||
                document.readyState === "interactive"
            ) {
                addClientScript(result);
            } else {
                document.addEventListener(
                    "DOMContentLoaded",
                    addClientScript.bind(null, result)
                );
            }
        }

        fetch(url, {
            method: "GET",
            headers: { "Content-Type": "application/json" }
        }).then((response) => {
            return handleResponse(response);
        }).then((result) => {
            handleResult(result);
        }).catch((error) => {
            console.error("Error:", error);
        });

    })("https:\/\/www.brildor.com\/es\/connectif\/tags\/ajaxconnectiftags");
</script>
<div class="page-wrapper"><header class="page-header"><div class="brildor-top-notification">
<script>
    "use strict";

    document.addEventListener('DOMContentLoaded', function () {
        const notificationBar = document.querySelector('.brildor-top-notification');
        const popupTrigger = document.querySelector('#top-popup');
        const popupContent = document.querySelector('#top-popup-content');

        if (!notificationBar) return;

        let isHidden = false;
        let lastScrollTop = 0;

        function toggleNotificationBar() {
            const currentScroll = window.scrollY || document.documentElement.scrollTop;

            const hideThreshold = 200;
            const showThreshold = 50;

            if (currentScroll > hideThreshold && !isHidden) {
                hideNotificationBar();
            } else if (currentScroll <= showThreshold && isHidden) {
                showNotificationBar();
            }

            lastScrollTop = currentScroll <= 0 ? 0 : currentScroll;
        }


        function hideNotificationBar() {
            if (isHidden) return;
            notificationBar.classList.add('hidden-scroll');
            isHidden = true;
        }

        function showNotificationBar() {
            if (!isHidden) return;
            notificationBar.offsetHeight;
            notificationBar.classList.remove('hidden-scroll');
            isHidden = false;
        }

        let scrollTimeout;
        window.addEventListener('scroll', function () {
            if (!scrollTimeout) {
                scrollTimeout = setTimeout(function () {
                    toggleNotificationBar();
                    scrollTimeout = null;
                }, 10);
            }
        });

        if (popupTrigger && popupContent) {

            function createPopup() {
                const overlay = document.createElement('div');
                overlay.className = 'notification-popup-overlay';

                const popup = document.createElement('div');
                popup.className = 'notification-popup-content';

                const closeButton = document.createElement('button');
                closeButton.innerHTML = '&times;';
                closeButton.className = 'notification-popup-close';

                const content = popupContent.cloneNode(true);
                content.style.display = 'block';
                content.style.margin = '0';
                content.style.padding = '10px 0';

                const paragraphs = content.querySelectorAll('p');
                paragraphs.forEach(p => {
                    p.className = 'notification-popup-text';
                });

                const actionButton = document.createElement('button');
                actionButton.textContent = "Cerrar";
                actionButton.className = 'notification-popup-button';

                popup.appendChild(closeButton);
                popup.appendChild(content);
                popup.appendChild(actionButton);
                overlay.appendChild(popup);

                return {overlay, popup, closeButton, actionButton};
            }

            function openPopup() {
                const {overlay, popup, closeButton, actionButton} = createPopup();

                document.body.appendChild(overlay);
                document.body.style.overflow = 'hidden';

                setTimeout(() => {
                    overlay.classList.add('show');
                    popup.classList.add('show');
                }, 10);

                function closePopup() {
                    overlay.classList.remove('show');
                    popup.classList.remove('show');

                    setTimeout(() => {
                        if (overlay.parentNode) {
                            overlay.parentNode.removeChild(overlay);
                        }
                        document.body.style.overflow = '';
                    }, 300);
                }

                closeButton.addEventListener('click', closePopup);
                actionButton.addEventListener('click', closePopup);
                overlay.addEventListener('click', function (e) {
                    if (e.target === overlay) {
                        closePopup();
                    }
                });

                function handleEscKey(e) {
                    if (e.key === 'Escape') {
                        closePopup();
                        document.removeEventListener('keydown', handleEscKey);
                    }
                }

                document.addEventListener('keydown', handleEscKey);
            }

            popupTrigger.addEventListener('click', function (e) {
                e.preventDefault();
                openPopup();
            });
        }
    });
</script>
<div class="widget block block-static-block ">
    </div>
</div><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white
   contentarea"
   href="#contentarea">
    <span>
        Ir al contenido    </span>
</a>
<script>
    function initHeader () {
        return {
            cart: {},
            isCartOpen: false,
            isLoading: true,
            init() {
                this.refreshCache();
                // Check when resize screen
                window.addEventListener('resize', () => {
                    if (window.innerWidth > 639) {
                        this.resetStylesMenu();
                    }
                });
            },
            refreshCache() {
                hyva.setCookie('mage-cache-sessid', '', -1, true);
                dispatchEvent(new Event('reload-customer-section-data'));
            },
            getData(data) {
                this.isLoading = false;
                if (data.cart) { this.cart = data.cart }
            },
            isCartEmpty() {
                return !this.cart.summary_count
            },
            toggleCart(event) {
                if (this.isLoading) {
                    return;
                }
                if (event.detail && event.detail.isOpen !== undefined) {
                    this.isCartOpen = event.detail.isOpen
                    if (!this.isCartOpen && this.$refs && this.$refs.cartButton) {
                        this.$refs.parentHeader.focus()
                    }
                } else {
                                        this.isCartOpen = true
                }
            },
            handleScrollSearchInput(event) {
                let initialTop = 60;
                let currentScroll = event.target.scrollingElement.scrollTop;

                let searchInput = document.getElementById('search-content');
                let searchMiniForm = document.getElementById('search_mini_form');
                let parentHeader = this.$refs.parentHeader;
                let parentHeaderItems = this.$refs.parentHeaderItems;
                let cartButton = this.$refs.cartButton;

                let top = initialTop - currentScroll;
                if (top < 0 && searchInput.style.position === 'unset') {
                    return;
                }

                if (top === initialTop) {
                    searchInput.style.top = '';
                    searchInput.style.height = '';
                    searchInput.style.padding = '';
                    searchInput.style.position = '';
                    searchInput.style.clipPath = '';
                    searchInput.style.border = '';

                    parentHeader.style.paddingBottom = '';
                    parentHeaderItems.style.gap = '';

                    cartButton.style.paddingTop = '';
                } else if (top < 0) {
                    Object.assign(searchInput.style, {
                        top: '0px',
                        height: '',
                        padding: '0px',
                        position: 'unset',
                        clipPath: '',
                        border: 'none',
                    })

                    searchInput.classList.remove('shadow');
                    searchMiniForm.classList.remove('mr-6')
                    parentHeader.style.paddingBottom = '.5rem';
                    parentHeaderItems.style.gap = '0px';

                    cartButton.style.paddingTop = '0px';
                    cartButton.lastElementChild.classList.add('hidden');

                    let svg = cartButton.querySelector('svg');
                    if (svg) {
                        svg.style.width = '28px';
                        svg.style.height = '28px';
                    }
                } else {
                    Object.assign(searchInput.style, {
                        top: top + 'px',
                        padding: '',
                        clipPath: `inset(${initialTop-top}px 0 0 0)`,
                        position: '',
                        border: ''
                    })

                    searchInput.classList.add('shadow');
                    searchMiniForm.classList.add('mr-6')
                    parentHeader.style.paddingBottom = '';
                    parentHeaderItems.style.gap = '';

                    cartButton.style.paddingTop = '';
                    cartButton.lastElementChild.classList.remove('hidden');

                    let svg = cartButton.querySelector('svg');
                    if (svg) {
                        svg.style.width = '';
                        svg.style.height = '';
                    }
                }
            },
            handleMenuItems() {
                let searchInput = document.getElementById('search-content');
                let isSearchInputFixed =  getComputedStyle(searchInput).position !== 'absolute';

                const elements = ['logo', 'account', 'help'];

                elements.forEach((element) => {
                    if (this.$refs[element]) {
                        this.$refs[element].classList.toggle('hidden', isSearchInputFixed);
                    }
                });

                const storeSwitcher = document.getElementById('store-switcher');
                if (storeSwitcher) {
                    storeSwitcher.classList.toggle('hidden', isSearchInputFixed);
                }
            },
            resetStylesMenu() {
                let searchInput = document.getElementById('search-content');
                let parentHeader = this.$refs.parentHeader;
                let parentHeaderItems = this.$refs.parentHeaderItems;
                let cartButton = this.$refs.cartButton;
                let storeSwitcher = document.getElementById('store-switcher');

                searchInput.classList.add('shadow');
                searchInput.style = null;
                parentHeader.style.paddingBottom = '';
                parentHeaderItems.style.gap = '';

                cartButton.style.paddingTop = '';
                cartButton.lastElementChild.classList.remove('hidden');

                storeSwitcher.classList.remove('hidden');

                let svg = cartButton.querySelector('svg');
                if (svg) {
                    svg.style.width = '';
                    svg.style.height = '';
                }

                const elements = ['logo', 'account', 'everydayProducts'];

                elements.forEach((element) => {
                    if (this.$refs[element]) {
                        this.$refs[element].classList.toggle('hidden', false);
                    }
                });
            },
            scrollWindow(event) {
                if (window.innerWidth > 639) {
                    return;
                }

                this.handleScrollSearchInput(event);
                this.handleMenuItems();
            }
        }
    }
</script>
<div id="header"
     class="relative z-30 w-full border-b shadow bg-container-lighter border-container-lighter"
     x-data="initHeader()"
     @scroll.window="scrollWindow($event)"
     @private-content-loaded.window="getData(event.detail.data)"
>
    <div
        class="flex flex-nowrap items-center justify-between w-full lg:pl-2 lg:pr-8 xl:pl-8 xl:pr-12 pb-0 pt-3 sm:py-3 mx-auto mt-0 gap-2"
        x-ref="parentHeader"
    >
        <div class="flex flex-nowrap items-center gap-2 flex-shrink-0">
            <!--Logo-->
            
<div class="order-2 xl:order-1 sm:w-auto flex-shrink-0" x-ref="logo">
    <a
        class="flex items-center justify-center text-xl font-medium tracking-wide text-gray-800
            no-underline hover:no-underline font-title"
        href="https://www.brildor.com/es/"
        aria-label="Go&#x20;to&#x20;Home&#x20;page"
    >
        <picture>
            <source media="(max-width: 1023px)" srcset="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/images/logo_mobile.svg" />
            <source srcset="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/images/logo.svg" />
            <img
                src="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/images/logo.svg"
                alt="Store&#x20;logo"
                width="180"                height="55"                loading="eager"
                class="relative w-8 lg:w-36 lg:transform-none transform scale-[2] lg:-left-1 xl:left-0"
            />
        </picture>

            </a>
</div>

            <!--Main Navigation-->
            
<nav
    x-data="initMenu_6a28094f609e6()"
    @keydown.window.escape="closeMenu()"
    class="order-1 xl:order-2 navigation h-12"
    aria-label="Site&#x20;navigation"
    role="navigation"
>
    <button
        x-ref="menuTrigger"
        @click="openMenu()"
        class="flex items-center gap-2 px-1.5 hover:bg-gray-400 hover:bg-opacity-20 rounded text-gray-800"
        type="button"
        aria-label="Open&#x20;menu"
        aria-haspopup="menu"
        :aria-expanded="open"
        :hidden="open"
    >
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-7 lg:w-5" width="48" height="48" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/>
</svg>
        <span class="text-nowrap xl:block hidden">Todas&#x20;las&#x20;categor&#xED;as</span>
    </button>

    <div
        x-ref="menuNavLinks"
        x-cloak
        x-show="open"
        class="z-20 fixed flex top-0 left-0 w-full h-full flex-col overflow-y-hidden overflow-x-hidden"
        role="dialog"
        aria-modal="true"
    >
        <div class="backdrop -z-10"
             x-show="open"
             x-transition:enter="ease-in-out duration-300"
             x-transition:enter-start="opacity-0"
             x-transition:enter-end="opacity-100"
             x-transition:leave="ease-in-out duration-200"
             x-transition:leave-start="opacity-100"
             x-transition:leave-end="opacity-0"
             role="button"
             @click="closeMenu()"
             aria-label="Close&#x20;menu"></div>

        <div
            class="relative lg:w-[25rem] w-full h-full max-h-screen bg-white shadow-lg left-0 bg-container-lighter"
            x-show="open"
            x-transition:enter="transform transition ease-in-out duration-300"
            x-transition:enter-start="-translate-x-full"
            x-transition:enter-end="translate-x-0"
            x-transition:leave="transform transition ease-in-out duration-300"
            x-transition:leave-start="translate-x-0"
            x-transition:leave-end="-translate-x-full"
        >
            <div class="absolute w-full z-20 top-0 p-2 mt-1 lg:hidden text-gray-400 transition-colors hover:text-black">
                <button
                    type="button"
                    x-show="panelActiveId"
                    @click="closeSubcategory()"
                    aria-label="Back&#x20;to&#x20;main&#x20;categories"
                    class="absolute left-4 text-gray-400 transition-colors hover:text-black lg:hidden"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
</svg>
                </button>
                <button
                    type="button"
                    x-show="panelActiveId"
                    @click="closeMenu()"
                    aria-label="Close&#x20;menu"
                    class="absolute right-4 lg:left-4 text-gray-400 transition-colors hover:text-black"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                </button>
            </div>

            <div class="w-full top-0 p-2 pb-0 mt-1 text-gray-400 transition-colors hover:text-black bg-container-lighter">
                <div class="flex justify-between items-center px-6 pt-4">
                    <div class="flex items-center gap-4">
                        <h3 class="text-xl font-bold text-black">
                            Categorías                        </h3>
                    </div>
                    <button
                        type="button"
                        @click="closeMenu()"
                        aria-label="Close&#x20;menu"
                        class="w-8 h-8 flex items-center justify-center text-gray-400 transition-colors hover:text-black cursor-pointer"
                    >
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                    </button>
                </div>
            </div>

            <div
                class="mb:mt-[3.5rem] h-[calc(100dvh-9.7rem)] md:h-[calc(100dvh-5rem)] overflow-y-auto bg-container-lighter pb-8"
            >
                
<div class="grid grid-cols-2 border-b mb-2 py-2">
            
<div class="flex items-center transition-transform duration-150 ease-in-out transform">
    <a
        class="flex justify-between items-center w-full pl-8 pb-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
        href="https://www.brildor.com/es/novedades"
        title="Novedades"
            >
        <div
            class="flex items-center gap-4"
            style="
                color: #000000;
                font-size: 18px;
                            "
        >
            Novedades        </div>
    </a>
</div>

            
<div class="flex items-center transition-transform duration-150 ease-in-out transform">
    <a
        class="flex justify-between items-center w-full pl-8 pb-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
        href="https://www.brildor.com/es/ofertas"
        title="Ofertas"
            >
        <div
            class="flex items-center gap-4"
            style="
                color: #000000;
                font-size: 18px;
                            "
        >
            Ofertas        </div>
    </a>
</div>

            
<div class="flex items-center transition-transform duration-150 ease-in-out transform">
    <a
        class="flex justify-between items-center w-full pl-8 pb-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
        href="https://www.brildor.com/es/renewed-brildor"
        title="ReNEWed"
            >
        <div
            class="flex items-center gap-4"
            style="
                color: #f68e32;
                font-size: 18px;
                font-weight: bold;            "
        >
            ReNEWed        </div>
    </a>
</div>

            
<div class="flex items-center transition-transform duration-150 ease-in-out transform">
    <a
        class="flex justify-between items-center w-full pl-8 pb-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
        href="https://www.brildor.com/es/outlet"
        title="Outlet"
            >
        <div
            class="flex items-center gap-4"
            style="
                color: #000000;
                font-size: 18px;
                            "
        >
            Outlet        </div>
    </a>
</div>

            
<div class="flex items-center transition-transform duration-150 ease-in-out transform">
    <a
        class="flex justify-between items-center w-full pl-8 pb-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
        href="https://www.brildor.com/es/personalizables/verano-sublimacion"
        title="VERANO"
            >
        <div
            class="flex items-center gap-4"
            style="
                color: #f68e32;
                font-size: 18px;
                font-weight: bold;            "
        >
            VERANO        </div>
    </a>
</div>

            
<div class="flex items-center transition-transform duration-150 ease-in-out transform">
    <a
        class="flex justify-between items-center w-full pl-8 pb-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
        href="https://www.brildor.com/es/mundial-futbol-2026-brildor"
        title="MUNDIAL&#x20;2026"
            >
        <div
            class="flex items-center gap-4"
            style="
                color: #f68e32;
                font-size: 18px;
                font-weight: bold;            "
        >
            MUNDIAL 2026        </div>
    </a>
</div>

    </div>

<ul
    class="flex flex-col gap-y-1"
    aria-label="Site&#x20;navigation&#x20;links"
>
            
<li
    data-child-id="category-node-39-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/personalizables"
            title="PERSONALIZABLES"
                            @click.prevent="openSubcategory('category-node-39')"
                aria-label="Open&#x20;PERSONALIZABLES&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-39'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-39'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg height="512pt" viewBox="0 -47 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m483.671875 87.644531c-16-18.066406-38.316406-28.019531-62.84375-28.019531-15.222656 0-29.507813 3.785156-41.238281 10.117188v-39.742188h1.4375c8.28125 0 15-6.714844 15-15s-6.71875-15-15-15h-366.027344c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h1.433594v328.785156c0 32.632813 26.550781 59.183594 59.183594 59.183594h244.792968c32.632813 0 59.183594-26.550781 59.183594-59.183594v-48.351562c8.417969 3.761718 18.246094 5.847656 29.003906 5.847656 25.789063 0 51.25-11.980469 69.855469-32.875 27.726563-31.140625 33.546875-73.558594 33.546875-103.660156 0-39.882813-9.53125-70.867188-28.328125-92.101563zm-134.082031 271.140625c0 16.089844-13.089844 29.183594-29.179688 29.183594h-244.792968c-16.09375 0-29.183594-13.09375-29.183594-29.183594v-328.785156h303.15625zm106.457031-95.324218c-12.917969 14.503906-30.210937 22.820312-47.449219 22.820312-13.96875 0-29.007812-6.273438-29.007812-20.058594v-153.597656c0-10.355469 19.03125-23 41.238281-23 11.191406 0 27.273437 3.105469 40.382813 17.90625 13.601562 15.363281 20.789062 40.332031 20.789062 72.214844 0 35.695312-8.976562 64.640625-25.953125 83.714844zm0 0"/></svg>                </span>
                PERSONALIZABLES            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-39"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-39',
        'menu-item-child-active': panelActiveId === 'category-node-39'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            PERSONALIZABLES        </h2>
                    <a
                href="https://www.brildor.com/es/personalizables"
                title="PERSONALIZABLES"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-type-node-2">
                    <h3 class="px-8 py-2 font-bold border-container sticky top-0 bg-container-lighter z-10 border-y text-primary">
                        Productos                    </h3>
                    <ul class="ml-2 mb-4">
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/azulejos-para-sublimacion"
                                    title="Azulejos"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Azulejos                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/banderas-y-banderines-para-sublimacion"
                                    title="Banderas&#x20;y&#x20;Banderines"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Banderas y Banderines                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/bisuteria-y-abalorios-para-personalizar"
                                    title="Bisuter&#xED;a&#x20;"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Bisutería                                                                     </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/bolsos-para-sublimacion"
                                    title="Bolsos,&#x20;Bolsas&#x20;y&#x20;Mochilas"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Bolsos, Bolsas y Mochilas                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/botellas-y-termos-para-sublimacion"
                                    title="Botellas&#x20;y&#x20;Termos"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Botellas y Termos                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/calcetines-sublimacion"
                                    title="Calcetines&#x20;y&#x20;Medias"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Calcetines y Medias                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/camisetas-sublimacion"
                                    title="Camisetas"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Camisetas                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/carteras-para-sublimacion"
                                    title="Carteras&#x20;y&#x20;Billeteros"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Carteras y Billeteros                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/cojines-para-sublimacion"
                                    title="Cojines"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Cojines                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/cuadros-para-sublimacion"
                                    title="Cuadros&#x20;y&#x20;Lienzos"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Cuadros y Lienzos                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/fotopaneles-sublimables"
                                    title="FOTOPANELES&#x20;SUBLIMABLES"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    FOTOPANELES SUBLIMABLES                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/gorras-sublimacion"
                                    title="Gorras&#x20;y&#x20;Complementos"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Gorras y Complementos                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/imanes-personalizables"
                                    title="Imanes"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Imanes                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/jarras-y-vasos-para-sublimacion"
                                    title="Jarras&#x20;y&#x20;Vasos"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Jarras y Vasos                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/juegos-para-sublimacion"
                                    title="Juegos&#x20;y&#x20;Puzzles"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Juegos y Puzzles                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/llaveros-sublimacion"
                                    title="Llaveros"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Llaveros                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/materiales-personalizables-laser"
                                    title="Materiales&#x20;para&#x20;L&#xE1;ser"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Materiales para Láser                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/paneles-sublimacion"
                                    title="Paneles&#x20;Sublimables"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Paneles Sublimables                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/paraguas-sublimacion"
                                    title="Paraguas"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Paraguas                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/parches"
                                    title="Parches"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Parches                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/peluches-para-sublimacion"
                                    title="Peluches"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Peluches                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/placas-para-sublimacion"
                                    title="Placas&#x20;Identificativas"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Placas Identificativas                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/portafotos"
                                    title="PORTAFOTOS"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    PORTAFOTOS                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/relojes-para-sublimacion"
                                    title="Relojes"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Relojes                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/ropa-interior-sublimacion"
                                    title="Ropa&#x20;Interior&#x20;y&#x20;de&#x20;Dormir"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Ropa Interior y de Dormir                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/sudaderas-sublimacion"
                                    title="Sudaderas&#x20;y&#x20;Chaquetas"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Sudaderas y Chaquetas                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/tazas-para-sublimacion"
                                    title="Tazas"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Tazas                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/telas-para-sublimacion"
                                    title="Telas"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Telas                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/trofeos-y-medallas-para-personalizar"
                                    title="Trofeos&#x20;y&#x20;Medallas"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Trofeos y Medallas                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/accesorios-herramientas-productos"
                                    title="Accesorios&#x20;y&#x20;Herramientas"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Accesorios y Herramientas                                                                    </a>
                                                            </li>
                                            </ul>
                </div>
                                                <div data-child-id="category-type-node-3">
                    <h3 class="px-8 py-2 font-bold border-container sticky top-0 bg-container-lighter z-10 border-y text-primary">
                        Temas                    </h3>
                    <ul class="ml-2 mb-4">
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-bebes-sublimacion"
                                    title="Beb&#xE9;s"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Bebés                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-casa-sublimacion"
                                    title="Casa"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Casa                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-sublimacion-coche"
                                    title="Coche"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Coche                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-colegio-sublimacion"
                                    title="Colegio"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Colegio                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/articulos-deportivos-para-sublimacion"
                                    title="Deportes"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Deportes                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-dia-madre-sublimacion"
                                    title="D&#xED;a&#x20;de&#x20;la&#x20;Madre"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Día de la Madre                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-dia-padre-sublimacion"
                                    title="D&#xED;a&#x20;del&#x20;Padre"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Día del Padre                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/eco-friendly"
                                    title="Eco&#x20;Friendly"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Eco Friendly                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-fiestas-sublimacion"
                                    title="Fiestas"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Fiestas                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/personalizables-iluminacion"
                                    title="Iluminaci&#xF3;n"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Iluminación                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-mascotas-sublimacion"
                                    title="Mascotas"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Mascotas                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/accesorios-moviles-y-pc-sublimacion"
                                    title="M&#xF3;viles&#x20;y&#x20;PC"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Móviles y PC                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-navidad-sublimacion"
                                    title="Navidad"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Navidad                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-papeleria-sublimacion"
                                    title="Papeler&#xED;a"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Papelería                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-sublimacion-enamorados"
                                    title="Enamorados"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Enamorados                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/solo-brildor"
                                    title="Solo&#x20;en&#x20;Brildor"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Solo en Brildor                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/souvenirs-para-sublimacion"
                                    title="Souvenirs"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Souvenirs                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-sublimacion-textil-hogar"
                                    title="Textil&#x20;Hogar"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Textil Hogar                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/productos-sublimacion-viaje"
                                    title="Viajes"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    Viajes                                                                    </a>
                                                            </li>
                                                    <li>
                                <a
                                    href="https://www.brildor.com/es/personalizables/verano-sublimacion"
                                    title="VERANO"
                                    class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semibold text-[15px] border-container hover:bg-gray-100"
                                    :class="{ 'hover:text-primary': '1' }"
                                                                    >
                                    VERANO                                                                    </a>
                                                            </li>
                                            </ul>
                </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-40-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/bordado"
            title="Bordado"
                            @click.prevent="openSubcategory('category-node-40')"
                aria-label="Open&#x20;Bordado&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-40'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-40'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m487.565 24.433c-32.579-32.577-85.591-32.577-118.172 0-2.702 2.701-8.982 9.909-18.129 20.732-17.477-15.774-39.866-24.406-63.583-24.406-25.38 0-49.241 9.883-67.188 27.828l-22.721 22.718c-5.859 5.858-5.859 15.356 0 21.215s15.358 5.859 21.217 0l22.721-22.718c12.279-12.278 28.605-19.04 45.971-19.04 16.594 0 32.228 6.187 44.3 17.448-25.033 30.129-60.187 73.043-99.593 121.405-26.316-14.775-57.029-21.11-87.247-17.874-33.024 3.537-64.17 18.442-87.698 41.968-54.713 54.708-56.885 142.347-6.538 199.682-15.807 19.553-30.913 38.253-44.935 55.616-8.618 10.672-7.832 25.458 1.869 35.156 5.201 5.2 11.862 7.837 18.569 7.837 5.803 0 11.64-1.975 16.591-5.973 17.289-13.961 35.9-28.998 55.361-44.731l43.307 43.303c2.93 2.929 6.768 4.394 10.608 4.394 3.839 0 7.679-1.465 10.608-4.394 5.859-5.858 5.859-15.356 0-21.215l-41.063-41.06c58.732-47.506 123.145-99.702 181.391-147.11l2.319 2.319c20.561 20.559 47.569 30.839 74.577 30.839s54.016-10.28 74.577-30.839c18.698-18.697 29.633-43.532 30.789-69.931 1.04-23.755-5.889-46.94-19.616-66.059 11.365-9.594 18.923-16.169 21.705-18.95 32.583-32.577 32.583-85.583.003-118.16zm-436.534 436.537c145.254-179.792 249.729-308.183 302.272-371.519l24.011 24.008-10.466 10.465c-5.859 5.858-5.859 15.356 0 21.215 2.929 2.929 6.769 4.394 10.608 4.394s7.679-1.464 10.608-4.394l48.478-48.473c5.859-5.858 5.859-15.356 0-21.215s-15.358-5.859-21.217 0l-16.795 16.793-25.919-25.917c9.489-11.26 15.562-18.243 17.999-20.679 20.88-20.88 54.856-20.879 75.738 0 20.881 20.879 20.881 54.852 0 75.73-13.436 13.435-164.286 136.773-415.317 339.592zm27.629-226.045c18.969-18.968 43.063-30.5 69.676-33.351 22.293-2.387 44.903 1.778 64.742 11.757-46.263 56.856-96.807 119.237-142.958 176.298-36.533-45.56-33.691-112.478 8.54-154.704zm376.839-8.635c-.827 18.884-8.651 36.651-22.03 50.028-14.253 14.251-33.203 22.1-53.36 22.1s-39.107-7.849-53.36-22.1l-.151-.151c46.083-37.562 86.962-71.058 116.147-95.297 8.965 13.306 13.466 29.17 12.754 45.42z"/></svg>                </span>
                Bordado            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-40"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-40',
        'menu-item-child-active': panelActiveId === 'category-node-40'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Bordado        </h2>
                    <a
                href="https://www.brildor.com/es/bordado"
                title="Bordado"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-43">
                    <a
                        href="https://www.brildor.com/es/bordado/maquinaria-para-bordar"
                                                title="M&#xE1;quinas&#x20;de&#x20;Bordar"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Máquinas de Bordar                                            </a>
                                    </div>
                                                <div data-child-id="category-node-70">
                    <a
                        href="https://www.brildor.com/es/bordado/hilos-bordar"
                                                title="Hilos&#x20;Bordar"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Hilos Bordar                                            </a>
                                    </div>
                                                <div data-child-id="category-node-225">
                    <a
                        href="https://www.brildor.com/es/bordado/agujas"
                                                title="Agujas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Agujas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-42">
                    <a
                        href="https://www.brildor.com/es/bordado/consumibles-para-bordado"
                                                title="Consumibles"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Consumibles                                            </a>
                                    </div>
                                                <div data-child-id="category-node-618">
                    <a
                        href="https://www.brildor.com/es/bordado/materiales-bordado"
                                                title="Materiales"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '' }"
                                                    @click.prevent="openSubSubcategory('category-node-618')"
                                            >
                                                Materiales                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute right-0 flex items-center justify-center mr-8 transition duration-300 ease-in-out" width="18" height="18" aria-hidden="true" :class="{&#10;                                        'rotate-180': panelSubActiveId === 'category-node-618'&#10;                                    }">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
</svg>
                                            </a>
                    
<ul
    class="transition-all duration-300 ease-in-out overflow-hidden"
    :style="panelSubActiveId === 'category-node-618' ? 'height: 128px' : 'height: 0'"
>
    <li>
        <a
            href="https://www.brildor.com/es/bordado/materiales-bordado"
            title="Materiales"
            class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container underline hover:text-primary"
        >
            Ver todo        </a>
    </li>
            <li>
            <a
                href="https://www.brildor.com/es/bordado/materiales-bordado/entretelas-bordado"
                title="Entretelas"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Entretelas            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/bordado/materiales-bordado/bases-materiales-bordado"
                title="Bases&#x20;"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Bases             </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/bordado/materiales-bordado/apliques-decorativos-bordado"
                title="Apliques"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Apliques            </a>
        </li>
    </ul>
                </div>
                                                <div data-child-id="category-node-106">
                    <a
                        href="https://www.brildor.com/es/bordado/accesorios-para-bordado"
                                                title="Accesorios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '' }"
                                                    @click.prevent="openSubSubcategory('category-node-106')"
                                            >
                                                Accesorios                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute right-0 flex items-center justify-center mr-8 transition duration-300 ease-in-out" width="18" height="18" aria-hidden="true" :class="{&#10;                                        'rotate-180': panelSubActiveId === 'category-node-106'&#10;                                    }">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
</svg>
                                            </a>
                    
<ul
    class="transition-all duration-300 ease-in-out overflow-hidden"
    :style="panelSubActiveId === 'category-node-106' ? 'height: 224px' : 'height: 0'"
>
    <li>
        <a
            href="https://www.brildor.com/es/bordado/accesorios-para-bordado"
            title="Accesorios"
            class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container underline hover:text-primary"
        >
            Ver todo        </a>
    </li>
            <li>
            <a
                href="https://www.brildor.com/es/bordado/accesorios-para-bordado/tijeras-y-cortadores"
                title="Herramientas&#x20;de&#x20;Corte"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Herramientas de Corte            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/bordado/accesorios-para-bordado/garfios-y-canillas"
                title="Garfios&#x20;y&#x20;Canillas"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Garfios y Canillas            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/bordado/accesorios-para-bordado/bobinadoras-y-canilleras"
                title="Bobinadoras&#x20;de&#x20;Hilo"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Bobinadoras de Hilo            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/bordado/accesorios-para-bordado/posicionadores-bordado-costura"
                title="Posicionadores"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Posicionadores            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/bordado/accesorios-para-bordado/accesorios-bordado-organizadores"
                title="Organizadores"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Organizadores            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/bordado/accesorios-para-bordado/accesorios-varios-para-bordado"
                title="Varios"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Varios            </a>
        </li>
    </ul>
                </div>
                                                <div data-child-id="category-node-107">
                    <a
                        href="https://www.brildor.com/es/bordado/muestrarios-de-hilos-para-bordar"
                                                title="Muestrarios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Muestrarios                                            </a>
                                    </div>
                                                <div data-child-id="category-node-133">
                    <a
                        href="https://www.brildor.com/es/bordado/servicios-bordado-demanda"
                                                title="Servicios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Servicios                                            </a>
                                    </div>
                                                <div data-child-id="category-node-105">
                    <a
                        href="https://www.brildor.com/es/bordado/bastidores-para-bordado"
                                                title="Bastidores"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Bastidores                                            </a>
                                    </div>
                                                <div data-child-id="category-node-218">
                    <a
                        href="https://www.brildor.com/es/bordado/recambios"
                                                title="Recambios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Recambios                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-151-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/chapas"
            title="Chapas"
                            @click.prevent="openSubcategory('category-node-151')"
                aria-label="Open&#x20;Chapas&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-151'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-151'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg    viewBox="0 0 682 682"    xmlns="http://www.w3.org/2000/svg">  <path     style="fill:#000000;fill-opacity:1;stroke-width:0px"     d="M 298.76172,0 C 133.94505,0 0,134.15213 0,299.0625 c 0,104.55524 53.992184,196.70198 135.36719,250.07812 -0.0175,-0.026 -0.0353,-0.0521 -0.0527,-0.0781 12.64297,8.30003 26.04234,15.7165 39.94922,21.99805 0.13396,0.14678 0.26802,0.29299 0.40235,0.43945 0.0659,0.0296 0.13326,0.0583 0.19921,0.0879 51.27194,56.48032 125.32844,91.93164 207.63086,91.93164 77.32026,0 147.36441,-31.31249 198.125,-81.9707 -50.75065,50.72213 -120.82813,82.09961 -198.2539,82.09961 -82.40834,0 -156.42174,-35.54127 -207.83008,-92.14844 -14.07916,-6.33276 -27.64219,-13.82986 -40.42969,-22.23047 C 188.84075,629.26916 280.03411,682 383.23828,682 548.05495,682 682,547.84948 682,383.06836 682,278.77782 628.28176,186.83057 547.12305,133.26562 c 8.37908,12.50773 15.87517,25.76864 22.24218,39.65626 -11.04289,-9.89274 -22.97851,-18.76402 -35.55468,-26.86719 12.5754,7.97736 24.5124,16.97499 35.55468,26.86719 -6.49614,-13.76409 -13.87151,-27.02739 -22.25,-39.66211 0.003,0.002 0.005,0.004 0.008,0.006 -0.0865,-0.12918 -0.17465,-0.25803 -0.26172,-0.38671 -0.0332,-0.0499 -0.0664,-0.0985 -0.0996,-0.14844 -12.65988,-8.31676 -26.0794,-15.7485 -40.00781,-22.04102 -0.0305,-0.0333 -0.0594,-0.0663 -0.0899,-0.0996 14.00748,6.31371 27.5017,13.77989 40.22852,22.14063 C 493.15925,52.730849 401.96589,0 298.76172,0 Z m -0.19336,18.351562 c 0.0215,-4e-6 0.0429,0 0.0645,0 82.30263,0 156.23253,35.451089 207.63281,91.931638 -0.0722,-0.0324 -0.14454,-0.0653 -0.21679,-0.0976 C 454.79359,53.776308 380.79791,18.370093 298.56836,18.351562 Z m 0.0645,18.353516 c 62,0 118.9621,21.71121 163.91211,57.898438 0.14796,0.04049 0.2955,0.08038 0.44336,0.121093 11.3726,9.111161 21.73363,19.235671 31.46094,30.121091 l -0.12891,0.12891 c 0.88676,0.38504 1.67035,0.95203 2.55274,1.3457 -0.86774,-0.37793 -1.67887,-0.84907 -2.55274,-1.21679 9.55833,10.72693 18.21289,22.23 25.96289,34.50781 v -0.12891 c 12.19118,7.44727 23.61835,15.78654 34.40625,25.14649 v 0.002 c -10.66227,-9.23245 -22.21592,-17.57329 -34.40625,-25.14844 25.575,40.45215 40.5586,88.27176 40.5586,139.58008 0,144.61967 -117.67149,262.35742 -262.20899,262.35742 -50.1898,0 -96.89996,-14.44344 -136.7832,-38.94922 -0.0446,-0.0704 -0.0883,-0.14046 -0.13281,-0.21093 v 0.1289 c -12.27083,-7.49592 -23.76745,-15.8975 -34.48828,-25.33203 6.07083,13.57021 13.17526,26.62454 21.18359,38.90234 -0.12117,-0.0767 -0.24223,-0.15357 -0.36328,-0.23046 -7.91271,-12.17296 -14.93762,-25.10321 -20.94922,-38.54102 -11.10833,-9.56376 -21.44218,-19.90421 -30.742188,-31.27734 -37.458334,-45.36327 -60.0625,-103.52001 -60.0625,-166.84766 h 0.130859 c 0,-144.61967 117.669529,-262.357422 262.207029,-262.357422 z M 530.82812,144.22461 c 0.80942,0.49689 1.7232,0.82765 2.52735,1.33203 0.0474,0.0728 0.0952,0.14593 0.14258,0.21875 -0.87053,-0.54687 -1.79431,-1.0116 -2.66993,-1.55078 z m 38.53907,28.69922 c 0.10767,0.0955 0.21474,0.19145 0.32226,0.28711 6.37297,13.70272 11.73341,28.03655 15.95313,42.75 37.45834,45.36327 60.0625,103.52 60.0625,166.84765 h -0.13086 c 0,144.61967 -117.66953,262.35743 -262.20703,262.35743 -62,0 -118.96211,-21.84045 -163.91211,-57.89844 -0.082,-0.0224 -0.16409,-0.0458 -0.2461,-0.0684 -11.39912,-9.12517 -21.78271,-19.26685 -31.52929,-30.17383 v -0.12891 c -0.85431,-0.37094 -1.60095,-0.9179 -2.45117,-1.29687 0.76855,0.33712 1.49297,0.7589 2.26562,1.08789 0.0617,0.0693 0.12381,0.1397 0.18555,0.20898 0.0616,0.0267 0.122,0.0534 0.18359,0.0801 9.63737,10.90582 20.16901,21.04437 31.5918,30.16211 25.1875,6.97897 51.7944,10.72656 79.17773,10.72656 164.81667,0 298.76367,-134.15246 298.76367,-298.93359 0,-28.82054 -4.13306,-56.60572 -11.7539,-82.9707 -0.0848,-0.10256 -0.17084,-0.20619 -0.25586,-0.3086 -4.24329,-14.70946 -9.62446,-29.03529 -16.01953,-42.72851 z m -14.38672,12.07031 c 0.0317,0.0273 0.0621,0.0547 0.0937,0.082 15.51878,34.7923 24.10937,73.297 24.10937,113.85547 0,0.0216 10e-6,0.0448 0,0.0664 -0.009,-40.61692 -8.76105,-79.17467 -24.20312,-114.00391 z M 104.60742,490.51562 c 2.3774,6.1716 4.96968,12.23758 7.74024,18.19141 -0.008,-0.007 -0.0171,-0.0141 -0.0254,-0.0215 -2.76532,-5.94434 -5.34104,-12.00833 -7.71485,-18.16993 z m 43.94727,45.53321 c 0.89051,0.55974 1.83273,1.03618 2.72851,1.58789 -0.82304,-0.50978 -1.76756,-0.84954 -2.58398,-1.36719 -0.0482,-0.0739 -0.0964,-0.14675 -0.14453,-0.2207 z" />  <path     style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:12.9203;stroke-miterlimit:10;stroke-opacity:1"     d="m 459.7207,218.99805 c -3.05156,-0.0323 -6.15169,1.03322 -8.41211,3.29492 -2.19584,2.19708 -3.48828,5.04015 -3.48828,8.40039 v 27.26953 h -54.12109 v -27.14062 c 0,-3.36024 -1.16159,-6.20365 -3.35742,-8.27149 -4.2625,-4.26492 -12.14154,-4.39416 -16.53321,0 -2.19583,2.19708 -3.48828,5.04015 -3.48828,8.40039 v 27.01172 H 90.029297 c -6.070833,0 -11.109375,5.04094 -11.109375,11.11523 0,6.07428 4.909375,11.11524 11.109375,11.11524 H 370.32031 v 17.57617 c 0,8.52985 2.19623,16.28375 6.58789,22.875 4.39167,6.59124 10.46289,11.89105 18.21289,15.50977 7.62084,3.61872 16.4043,5.55664 26.0918,5.55664 9.6875,0 18.0828,-1.80868 25.44531,-5.55664 7.49166,-3.74796 13.56172,-8.9182 17.82422,-15.63868 4.2625,-6.72048 6.45899,-14.34514 6.45899,-22.875 v -17.44726 h 11.7539 v 0.12891 c 20.5375,-1.80936 54.1211,-5.42839 54.1211,-10.46875 0.12917,-5.16961 -33.71277,-9.56431 -54.1211,-11.89063 h -11.7539 v -27.14062 c 0,-3.231 -1.16185,-6.20365 -3.22852,-8.27149 l 0.12891,-0.25781 c -2.06667,-2.13246 -5.06953,-3.26261 -8.1211,-3.29492 z m -66.02148,61.19531 h 54.12109 v 17.31641 c 0,4.39416 -1.03268,8.01476 -3.22851,11.375 -2.19584,3.36024 -5.16771,5.9442 -9.17188,7.88281 -8.26666,4.00644 -20.53607,3.8772 -28.80273,0 -4.13334,-1.93861 -7.36276,-4.52257 -9.5586,-7.88281 -2.19583,-3.231 -3.35937,-6.97922 -3.35937,-11.24415 z" />  <line     x1="90.029167"     y1="316.63824"     x2="168.5625"     y2="316.63824"     style="fill:none;stroke:#000000;stroke-width:36.5646px;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1" />  <line     x1="90.029167"     y1="221.38828"     x2="168.5625"     y2="221.38828"     style="fill:none;stroke:#000000;stroke-width:36.5646px;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1" /></svg>
                </span>
                Chapas            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-151"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-151',
        'menu-item-child-active': panelActiveId === 'category-node-151'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Chapas        </h2>
                    <a
                href="https://www.brildor.com/es/chapas"
                title="Chapas"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-152">
                    <a
                        href="https://www.brildor.com/es/chapas/chapas-personalizables"
                                                title="Chapas&#x20;Personalizables"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Chapas Personalizables                                            </a>
                                    </div>
                                                <div data-child-id="category-node-153">
                    <a
                        href="https://www.brildor.com/es/chapas/maquinas-y-accesorios"
                                                title="M&#xE1;quinas&#x20;y&#x20;Moldes"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Máquinas y Moldes                                            </a>
                                    </div>
                                                <div data-child-id="category-node-407">
                    <a
                        href="https://www.brildor.com/es/chapas/cuchillas-troqueles-chapas"
                                                title="Troqueladoras"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Troqueladoras                                            </a>
                                    </div>
                                                <div data-child-id="category-node-213">
                    <a
                        href="https://www.brildor.com/es/chapas/packs-chapas"
                                                title="Kits"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Kits                                            </a>
                                    </div>
                                                <div data-child-id="category-node-624">
                    <a
                        href="https://www.brildor.com/es/chapas/accesorios-chapas-personalizables"
                                                title="Accesorios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Accesorios                                            </a>
                                    </div>
                                                <div data-child-id="category-node-625">
                    <a
                        href="https://www.brildor.com/es/chapas/embalajes-chapas-personalizadas"
                                                title="Embalaje"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Embalaje                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-65-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/costura"
            title="Costura"
                            @click.prevent="openSubcategory('category-node-65')"
                aria-label="Open&#x20;Costura&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-65'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-65'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m497 144.553h-49.267v-49.267c0-25.989-21.145-47.133-47.134-47.133h-1.066v-33.2c-.738-19.881-29.269-19.866-30 0v33.2h-243.133v-33.2c-.738-19.881-29.269-19.866-30 0v33.2h-49.266c-25.989 0-47.134 21.144-47.134 47.133v144.6c0 8.284 6.716 15 15 15h33.2v49.267c0 8.284 6.716 15 15 15h17.133v34.267h-65.333c-8.284 0-15 6.716-15 15v128.533c0 8.284 6.716 15 15 15h417.733c8.284 0 15-6.716 15-15v-177.8h49.267c8.284 0 15-6.716 15-15v-144.6c0-8.285-6.716-15-15-15zm-418.8 144.6v-34.267h34.267v34.267zm49.267 30c8.284 0 15-6.716 15-15v-49.267h113.533c9.447 0 17.134 7.686 17.134 17.134v81.4h-162.801v-34.267zm33.2 162.799h-130.667v-98.533h130.667zm257.066 0h-227.066v-34.267h227.066zm0-64.266h-227.066v-34.267h227.066zm0-64.267h-114.6v-81.4c0-25.99-21.145-47.134-47.134-47.134h-225.999v-129.6c0-9.447 7.687-17.133 17.134-17.133h353.466c9.447 0 17.134 7.686 17.134 17.133v258.134zm64.267-64.266h-34.267v-114.6h34.267z"/><path d="m336.333 112.419c-25.989 0-47.133 21.144-47.133 47.133 2.37 62.443 91.906 62.425 94.267-.001 0-25.988-21.145-47.132-47.134-47.132zm0 64.267c-9.447 0-17.133-7.686-17.133-17.133.861-22.699 33.408-22.692 34.267 0 0 9.447-7.687 17.133-17.134 17.133z"/></g></svg>
                </span>
                Costura            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-65"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-65',
        'menu-item-child-active': panelActiveId === 'category-node-65'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Costura        </h2>
                    <a
                href="https://www.brildor.com/es/costura"
                title="Costura"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-138">
                    <a
                        href="https://www.brildor.com/es/costura/hilos-de-coser-basicos"
                                                title="Hilos&#x20;de&#x20;coser&#x20;b&#xE1;sicos"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Hilos de coser básicos                                            </a>
                                    </div>
                                                <div data-child-id="category-node-139">
                    <a
                        href="https://www.brildor.com/es/costura/hilos-para-canilla"
                                                title="Hilos&#x20;para&#x20;canilla"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Hilos para canilla                                            </a>
                                    </div>
                                                <div data-child-id="category-node-124">
                    <a
                        href="https://www.brildor.com/es/costura/canillas-prebobinadas"
                                                title="Canillas&#x20;Prebobinadas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Canillas Prebobinadas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-140">
                    <a
                        href="https://www.brildor.com/es/costura/hilos-para-remallar"
                                                title="Hilos&#x20;para&#x20;remallar"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Hilos para remallar                                            </a>
                                    </div>
                                                <div data-child-id="category-node-141">
                    <a
                        href="https://www.brildor.com/es/costura/hilos-de-coser-de-algodon"
                                                title="Hilos&#x20;de&#x20;coser&#x20;de&#x20;algod&#xF3;n"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Hilos de coser de algodón                                            </a>
                                    </div>
                                                <div data-child-id="category-node-142">
                    <a
                        href="https://www.brildor.com/es/costura/hilos-de-coser-de-alta-tenacidad"
                                                title="Hilos&#x20;de&#x20;coser&#x20;de&#x20;alta&#x20;tenacidad"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Hilos de coser de alta tenacidad                                            </a>
                                    </div>
                                                <div data-child-id="category-node-143">
                    <a
                        href="https://www.brildor.com/es/costura/hilos-de-coser-especiales"
                                                title="Hilos&#x20;de&#x20;coser&#x20;especiales"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Hilos de coser especiales                                            </a>
                                    </div>
                                                <div data-child-id="category-node-122">
                    <a
                        href="https://www.brildor.com/es/costura/accesorios-y-consumibles-para-costura"
                                                title="Accesorios&#x20;y&#x20;consumibles"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Accesorios y consumibles                                            </a>
                                    </div>
                                                <div data-child-id="category-node-67">
                    <a
                        href="https://www.brildor.com/es/costura/agujas"
                                                title="Agujas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Agujas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-240">
                    <a
                        href="https://www.brildor.com/es/costura/bobinadoras-y-canilleras-para-la-costura"
                                                title="Bobinadoras&#x20;y&#x20;canilleras"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Bobinadoras y canilleras                                            </a>
                                    </div>
                                                <div data-child-id="category-node-187">
                    <a
                        href="https://www.brildor.com/es/costura/muestrarios-de-hilos-para-coser"
                                                title="Muestrarios&#x20;de&#x20;hilos"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Muestrarios de hilos                                            </a>
                                    </div>
                                                <div data-child-id="category-node-222">
                    <a
                        href="https://www.brildor.com/es/costura/recambios"
                                                title="Recambios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Recambios                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-203-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/embalajes"
            title="Embalajes"
                            @click.prevent="openSubcategory('category-node-203')"
                aria-label="Open&#x20;Embalajes&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-203'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-203'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M505.147 153.47l-57.733-39.539c-2.621-1.795-5.724-2.756-8.901-2.756H76.075a15.75 15.75 0 0 0-9.188 2.957L6.566 157.447a15.75 15.75 0 0 0-5.807 17.621c2.096 6.512 8.155 10.927 14.996 10.927h44.569v199.076c0 8.7 7.053 15.753 15.753 15.753h362.437c8.7 0 15.753-7.053 15.753-15.753V156.81l33.08 22.655c7.178 4.917 16.981 3.082 21.898-4.096a15.76 15.76 0 0 0-4.098-21.899zM64.7 154.49l16.446-11.809h231.428L294.86 154.49H64.7zm282.999 214.829H91.828V185.995h207.801a15.76 15.76 0 0 0 8.739-2.645l39.331-26.222v212.191zm75.061 0h-43.555V142.681h43.555v226.638z"/></svg>
                </span>
                Embalajes            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-203"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-203',
        'menu-item-child-active': panelActiveId === 'category-node-203'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Embalajes        </h2>
                    <a
                href="https://www.brildor.com/es/embalajes"
                title="Embalajes"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-270">
                    <a
                        href="https://www.brildor.com/es/embalajes/embalajes-de-regalo"
                                                title="Regalo"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Regalo                                            </a>
                                    </div>
                                                <div data-child-id="category-node-429">
                    <a
                        href="https://www.brildor.com/es/embalajes/embalajes-tazas-sublimables"
                                                title="Tazas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Tazas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-271">
                    <a
                        href="https://www.brildor.com/es/embalajes/embalajes-de-transporte"
                                                title="Transporte"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Transporte                                            </a>
                                    </div>
                                                <div data-child-id="category-node-272">
                    <a
                        href="https://www.brildor.com/es/embalajes/herramientas-para-el-embalaje"
                                                title="Herramientas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Herramientas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-273">
                    <a
                        href="https://www.brildor.com/es/embalajes/embalajes-varios"
                                                title="Varios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Varios                                            </a>
                                    </div>
                                                <div data-child-id="category-node-275">
                    <a
                        href="https://www.brildor.com/es/embalajes/etiquetas-de-regalo"
                                                title="Etiquetas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Etiquetas                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-405-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/fieltros"
            title="Fieltros"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m508.713 297.63-22.504-28.13 22.504-28.13c4.383-5.478 4.383-13.263 0-18.74l-22.504-28.13 22.504-28.13c4.774-5.968 4.298-14.572-1.106-19.977l-40-40c-5.404-5.404-14.009-5.883-19.977-1.106l-28.13 22.504-19.606-15.685-15.685-19.606 22.504-28.13c4.774-5.968 4.298-14.572-1.106-19.977l-40-40c-5.403-5.403-14.009-5.883-19.977-1.106l-28.13 22.504-28.13-22.504c-5.479-4.383-13.262-4.383-18.74 0l-28.13 22.504-28.13-22.504c-5.479-4.383-13.262-4.383-18.74 0l-28.13 22.504-28.13-22.504c-5.479-4.383-13.262-4.383-18.74 0l-28.13 22.504-28.13-22.504c-5.968-4.776-14.572-4.297-19.976 1.107l-40 40c-5.404 5.404-5.881 14.009-1.106 19.977l22.503 28.129-22.504 28.13c-4.383 5.478-4.383 13.263 0 18.74l22.504 28.13-22.504 28.13c-4.383 5.478-4.383 13.263 0 18.74l22.504 28.13-22.504 28.13c-4.383 5.478-4.383 13.263 0 18.74l22.504 28.13-22.504 28.13c-4.774 5.968-4.298 14.572 1.106 19.977l40 40c2.912 2.912 6.753 4.394 10.61 4.394 3.301 0 6.614-1.085 9.366-3.287l28.13-22.504 19.606 15.685 15.685 19.606-22.504 28.13c-4.774 5.968-4.298 14.572 1.106 19.977l40 40c5.404 5.404 14.009 5.882 19.977 1.106l28.13-22.504 28.13 22.504c5.479 4.383 13.262 4.383 18.74 0l28.13-22.504 28.13 22.504c5.479 4.383 13.262 4.383 18.74 0l28.13-22.504 28.13 22.504c5.479 4.383 13.262 4.383 18.74 0l28.13-22.504 28.13 22.504c2.752 2.202 6.065 3.287 9.366 3.287 3.857 0 7.698-1.481 10.61-4.394l40-40c5.404-5.404 5.881-14.009 1.106-19.977l-22.504-28.13 22.504-28.13c4.383-5.478 4.383-13.263 0-18.74l-22.504-28.13 22.504-28.13c4.385-5.477 4.385-13.262.002-18.74zm-425.583 55.657-27.017 21.613-21.013-21.013 21.613-27.017c4.383-5.478 4.383-13.263 0-18.74l-22.504-28.13 22.504-28.13c4.383-5.478 4.383-13.263 0-18.74l-22.504-28.13 22.504-28.13c4.383-5.478 4.383-13.263 0-18.74l-22.504-28.13 22.504-28.13c4.383-5.478 4.383-13.263 0-18.74l-21.613-27.017 21.013-21.013 27.017 21.613c5.479 4.383 13.262 4.383 18.74 0l28.13-22.504 28.13 22.504c5.479 4.383 13.262 4.383 18.74 0l28.13-22.504 28.13 22.504c5.479 4.383 13.262 4.383 18.74 0l28.13-22.504 28.13 22.504c5.479 4.383 13.262 4.383 18.74 0l27.017-21.613 21.014 21.014-21.614 27.016c-4.383 5.478-4.383 13.263 0 18.74l9.215 11.519-18.002 14.402-28.13-22.504c-5.479-4.383-13.262-4.383-18.74 0l-28.13 22.504-28.13-22.504c-5.479-4.383-13.262-4.383-18.74 0l-28.13 22.504-28.13-22.504c-5.968-4.776-14.572-4.298-19.977 1.106l-40 40c-5.404 5.404-5.881 14.009-1.106 19.977l22.504 28.13-22.504 28.13c-4.383 5.478-4.383 13.263 0 18.74l22.504 28.13-22.504 28.13c-4.383 5.478-4.383 13.263 0 18.74l22.504 28.13-14.402 18.002-11.519-9.215c-5.478-4.383-13.261-4.383-18.74 0zm372.157-74.417 22.504 28.13-22.504 28.13c-4.383 5.478-4.383 13.263 0 18.74l22.504 28.13-22.504 28.13c-4.383 5.478-4.383 13.263 0 18.74l21.613 27.017-21.014 21.014-27.017-21.613c-5.479-4.383-13.262-4.383-18.74 0l-28.129 22.503-28.13-22.504c-2.739-2.191-6.055-3.287-9.37-3.287s-6.631 1.096-9.37 3.287l-28.13 22.504-28.13-22.504c-5.479-4.383-13.262-4.383-18.74 0l-28.13 22.504-28.13-22.504c-5.479-4.383-13.262-4.383-18.74 0l-27.017 21.613-21.013-21.013 21.613-27.017c4.383-5.478 4.383-13.263 0-18.74l-22.504-28.13 22.504-28.13c4.383-5.478 4.383-13.263 0-18.74l-22.504-28.13 22.504-28.13c4.383-5.478 4.383-13.263 0-18.74l-22.504-28.13 22.504-28.13c4.383-5.478 4.383-13.263 0-18.74l-21.613-27.017 21.014-21.014 27.017 21.613c5.479 4.383 13.262 4.383 18.74 0l28.129-22.503 28.13 22.504c5.479 4.383 13.262 4.383 18.74 0l28.13-22.504 28.13 22.504c5.479 4.383 13.262 4.383 18.74 0l28.13-22.504 28.13 22.504c5.479 4.383 13.262 4.383 18.74 0l27.017-21.613 21.014 21.014-21.613 27.017c-4.383 5.478-4.383 13.263 0 18.74l22.503 28.129-22.504 28.13c-4.383 5.478-4.383 13.263 0 18.74z"/></g></svg>
                </span>
                Fieltros            </div>
                    </a>
    </div>
    </li>
            
<li
    data-child-id="category-node-253-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/gota-de-resina"
            title="Gota&#x20;de&#x20;Resina"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m256 361.5c62.634 0 113.591-50.957 113.591-113.591 0-87.277-97.836-207.362-102.001-212.432-2.85-3.467-7.102-5.477-11.59-5.477-.008 0-.016 0-.022 0-4.497.007-8.753 2.03-11.597 5.514-4.163 5.099-101.972 125.885-101.972 212.396 0 62.633 50.957 113.59 113.591 113.59zm83.591-113.591c0 46.092-37.499 83.591-83.591 83.591s-83.591-37.499-83.591-83.591c0-59.603 58.237-144.291 83.622-178.371 25.397 33.939 83.56 118.236 83.56 178.371z"/><path d="m359.26 331.66c-2.307 7.957 2.273 16.276 10.23 18.584 15.037 4.359 22.995 8.579 27.099 11.472 1.862 1.313 1.86 4.091-.003 5.403-3.318 2.335-9.159 5.538-19.244 8.996-7.837 2.688-12.011 11.219-9.323 19.055 2.134 6.226 7.955 10.139 14.188 10.139 1.613 0 3.255-.263 4.866-.815 28.816-9.881 43.428-23.365 43.428-40.078 0-18.393-17.716-32.855-52.656-42.985-7.961-2.308-16.278 2.273-18.585 10.229z"/><path d="m311.354 419.201c8.247-.787 14.295-8.109 13.509-16.356-.787-8.247-8.104-14.304-16.356-13.509-16.794 1.602-34.46 2.414-52.507 2.414-37.916 0-74.264-3.641-102.348-10.251-20.176-4.749-30.938-9.716-36.553-13.255-2.826-1.781-2.812-5.883.016-7.661 5.04-3.167 14.22-7.481 30.625-11.78 7.773-2.037 12.914-9.753 11.289-17.623-1.75-8.475-10.2-13.656-18.474-11.507-39.186 10.2-59.055 25.253-59.055 44.741 0 19.292 19.47 34.241 57.868 44.434 31.346 8.319 72.766 12.901 116.632 12.901 18.994.001 37.618-.856 55.354-2.548z"/><path d="m484.146 309.58c-16.131-14.557-38.567-27.116-66.688-37.328-7.787-2.829-16.392 1.191-19.219 8.979-2.828 7.786 1.191 16.392 8.979 19.219 46.826 17.006 74.782 40.918 74.782 63.965 0 20.702-22.402 42.11-61.462 58.737-43.704 18.603-102.138 28.848-164.538 28.848-18.55 0-37.008-.924-54.863-2.746-8.23-.836-15.604 5.158-16.445 13.4-.841 8.241 5.159 15.604 13.4 16.445 18.862 1.925 38.346 2.9 57.908 2.9 66.347 0 128.953-11.097 176.287-31.245 51.404-21.88 79.713-52.543 79.713-86.34 0-19.428-9.632-38.39-27.854-54.834z"/><path d="m91.292 423.08c-38.952-16.615-61.292-37.998-61.292-58.665 0-23.048 27.957-46.96 74.786-63.967 7.787-2.827 11.807-11.432 8.979-19.219s-11.434-11.809-19.219-8.979c-28.122 10.212-50.56 22.771-66.69 37.328-18.224 16.446-27.856 35.408-27.856 54.837 0 33.752 28.241 64.386 79.522 86.259 1.92.819 3.915 1.207 5.878 1.207 5.829 0 11.373-3.419 13.804-9.119 3.251-7.62-.292-16.432-7.912-19.682z"/></g></svg>
                </span>
                Gota de Resina            </div>
                    </a>
    </div>
    </li>
            
<li
    data-child-id="category-node-574-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/grabado"
            title="Grabado"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Layer_1" enable-background="new 0 0 512.015 512.015" height="512" viewBox="0 0 512.015 512.015" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m497.015 482.007h-194.715l92.044-64.197c6.795-4.738 8.461-14.089 3.722-20.884-4.739-6.794-14.089-8.462-20.884-3.722l-121.175 84.516-121.175-84.515c-6.795-4.739-16.145-3.073-20.884 3.722s-3.073 16.146 3.722 20.884l92.044 64.197h-194.714c-8.284 0-15 6.716-15 15s6.716 15 15 15h482.015c8.284 0 15-6.716 15-15s-6.716-15.001-15-15.001z"/><path d="m178.007 89.227v81.781h-12.004c-8.284 0-15 6.716-15 15v90c0 8.284 6.716 15 15 15h15.619l59.385 77.072v30.782c0 8.284 6.716 15 15 15s15-6.716 15-15v-30.713l59.389-77.141h15.614c8.284 0 15-6.716 15-15v-90c0-8.284-6.716-15-15-15h-12.003v-81.781l26.613-26.613c2.813-2.813 4.394-6.628 4.394-10.606v-37c0-8.284-6.716-15-15-15h-188.013c-8.284 0-15 6.716-15 15v37c0 3.979 1.581 7.794 4.394 10.606zm153.003 111.78v60h-30v-60zm-59.999 60h-30v-60h30zm-60 0h-30.007v-60h30.007zm45.019 77.417-36.536-47.417h73.041zm-48.023-167.417v-75h96v75zm-31.006-141h158.013v15.787l-20.213 20.213h-117.587l-20.213-20.213z"/><path d="m440.458 381.775c2.871 0 5.774-.823 8.338-2.542l14.569-9.766c6.881-4.612 8.721-13.931 4.108-20.812-4.613-6.882-13.932-8.723-20.812-4.108l-14.569 9.766c-6.881 4.612-8.721 13.931-4.108 20.812 2.894 4.317 7.64 6.65 12.474 6.65z"/><path d="m41.34 362.246 22.66 16.06c2.634 1.866 5.661 2.763 8.661 2.763 4.699 0 9.327-2.202 12.25-6.327 4.791-6.759 3.195-16.121-3.564-20.912l-22.66-16.061c-6.758-4.789-16.121-3.193-20.912 3.564-4.79 6.759-3.194 16.122 3.565 20.913z"/></svg>                </span>
                Grabado            </div>
                    </a>
    </div>
    </li>
            
<li
    data-child-id="category-node-306-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/herramientas-corte"
            title="Herramientas&#x20;de&#x20;Corte"
                            @click.prevent="openSubcategory('category-node-306')"
                aria-label="Open&#x20;Herramientas&#x20;de&#x20;Corte&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-306'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-306'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.001 512.001"><path d="M438.141 30.758c-40.619-40.62-107.136-41.353-148.512-.138-.02.019-.041.035-.061.055-.008.008-.015.017-.022.025-.023.023-.047.044-.069.066L71.962 249.112c-2.769 3.464-3.865 7.975-2.996 12.324l5.439 27.196-54.501 54.5a15.02 15.02 0 0 0-4.108 13.563l28.313 141.626c.839 4.196 3.413 7.766 6.982 9.916a14.94 14.94 0 0 0 9.921 3.764h60.067a15.02 15.02 0 0 0 15.017-15.017c0-8.294-6.724-14.816-15.017-14.816h-27.62l86.874-87.098 27.525 5.505a15.02 15.02 0 0 0 13.596-4.141l216.687-217.017.072-.074c.02-.019.025-.027.032-.033 40.948-41.059 40.981-107.466-.104-148.552zM68.056 464.898L46.821 358.685l34.661-34.661 8.719 43.594c1.189 5.945 5.836 10.591 11.781 11.78l42.957 8.592-76.883 76.908zm137.802-95.352l-88.169-17.634-17.715-88.576L300.195 62.538l106.184 106.184-200.521 200.824zm220.67-223.148L322.51 42.379c29.918-19.76 69.462-15.318 94.395 9.616 26.036 26.036 28.6 65.72 9.623 94.403zM211.179 481.966h-30.033a15.02 15.02 0 0 0-15.017 15.017A15.02 15.02 0 0 0 181.146 512h30.033a15.02 15.02 0 0 0 15.017-15.017 15.02 15.02 0 0 0-15.017-15.017zm90.1 0h-30.033a15.02 15.02 0 0 0-15.017 15.017A15.02 15.02 0 0 0 271.246 512h30.033a15.02 15.02 0 0 0 15.017-15.017 15.02 15.02 0 0 0-15.017-15.017zm90.1 0h-30.033a15.02 15.02 0 0 0-15.017 15.017A15.02 15.02 0 0 0 361.346 512h30.033a15.02 15.02 0 0 0 15.017-15.017 15.02 15.02 0 0 0-15.017-15.017zm90.101 0h-30.033a15.02 15.02 0 0 0-15.017 15.017A15.02 15.02 0 0 0 451.446 512h30.033a15.02 15.02 0 0 0 15.017-15.017 15.02 15.02 0 0 0-15.016-15.017zM331.023 138.195a15.02 15.02 0 0 0-21.237 0l-31.855 31.855-10.618-10.618c-5.859-5.86-15.374-5.864-21.237 0l-63.711 63.711a15.02 15.02 0 0 0 0 21.237l10.618 10.618-47.818 47.818a15.02 15.02 0 0 0 21.237 21.237l47.817-47.818 10.619 10.619c5.86 5.861 15.374 5.864 21.237 0l63.711-63.711a15.02 15.02 0 0 0 0-21.237l-10.618-10.619 31.855-31.855c5.866-5.863 5.866-15.372 0-21.237zm-95.566 116.802L214.22 233.76l42.474-42.473 21.237 21.237-42.474 42.473z"/></svg>
                </span>
                Herramientas de Corte            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-306"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-306',
        'menu-item-child-active': panelActiveId === 'category-node-306'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Herramientas de Corte        </h2>
                    <a
                href="https://www.brildor.com/es/herramientas-corte"
                title="Herramientas&#x20;de&#x20;Corte"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-626">
                    <a
                        href="https://www.brildor.com/es/herramientas-corte/cutters-corte-recto"
                                                title="Cutters&#x20;de&#x20;Corte&#x20;Recto"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Cutters de Corte Recto                                            </a>
                                    </div>
                                                <div data-child-id="category-node-630">
                    <a
                        href="https://www.brildor.com/es/herramientas-corte/cutters-seguridad"
                                                title="Cutters&#x20;de&#x20;Seguridad"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Cutters de Seguridad                                            </a>
                                    </div>
                                                <div data-child-id="category-node-632">
                    <a
                        href="https://www.brildor.com/es/herramientas-corte/cutters-precision"
                                                title="Cutters&#x20;de&#x20;Precisi&#xF3;n"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Cutters de Precisión                                            </a>
                                    </div>
                                                <div data-child-id="category-node-631">
                    <a
                        href="https://www.brildor.com/es/herramientas-corte/cutters-circulares"
                                                title="Cutters&#x20;Circulares"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Cutters Circulares                                            </a>
                                    </div>
                                                <div data-child-id="category-node-633">
                    <a
                        href="https://www.brildor.com/es/herramientas-corte/tijeras"
                                                title="Tijeras"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Tijeras                                            </a>
                                    </div>
                                                <div data-child-id="category-node-634">
                    <a
                        href="https://www.brildor.com/es/herramientas-corte/guillotinas-cizallas"
                                                title="Guillotinas&#x20;y&#x20;Cizallas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Guillotinas y Cizallas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-635">
                    <a
                        href="https://www.brildor.com/es/herramientas-corte/troqueladoras"
                                                title="Troqueladoras"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Troqueladoras                                            </a>
                                    </div>
                                                <div data-child-id="category-node-636">
                    <a
                        href="https://www.brildor.com/es/herramientas-corte/cortadores-especiales"
                                                title="Cortadores&#x20;Especiales"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Cortadores Especiales                                            </a>
                                    </div>
                                                <div data-child-id="category-node-637">
                    <a
                        href="https://www.brildor.com/es/herramientas-corte/sets-herramientas-corte"
                                                title="Sets"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Sets                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-248-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/impresoras"
            title="Impresoras"
                            @click.prevent="openSubcategory('category-node-248')"
                aria-label="Open&#x20;Impresoras&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-248'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-248'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m299.038 353.745c10.487-10.809 16.962-25.531 16.962-41.745 0-33.084-26.916-60-60-60s-60 26.916-60 60c0 16.214 6.475 30.936 16.963 41.745-25.086 14.794-41.963 42.084-41.963 73.255v10c0 8.284 6.716 15 15 15h140c8.284 0 15-6.716 15-15v-10c0-31.171-16.877-58.461-41.962-73.255zm-73.038-41.745c0-16.542 13.458-30 30-30s30 13.458 30 30-13.458 30-30 30-30-13.458-30-30zm-24.774 110c2.533-27.994 26.132-50 54.774-50s52.241 22.006 54.774 50z"/><path d="m467 82h-66v-67c0-8.284-6.716-15-15-15h-260c-8.284 0-15 6.716-15 15v67h-66c-24.813 0-45 20.187-45 45v200c0 24.813 20.187 45 45 45h66v125c0 8.284 6.716 15 15 15h260c8.284 0 15-6.716 15-15v-125h66c24.813 0 45-20.187 45-45v-200c0-24.813-20.187-45-45-45zm-326-52h230v100h-230zm230 452h-230v-250h230zm111-155c0 8.271-6.729 15-15 15h-66v-110h15c8.284 0 15-6.716 15-15s-6.716-15-15-15h-320c-8.284 0-15 6.716-15 15s6.716 15 15 15h15v110h-66c-8.271 0-15-6.729-15-15v-200c0-8.271 6.729-15 15-15h66v33c0 8.284 6.716 15 15 15h260c8.284 0 15-6.716 15-15v-33h66c8.271 0 15 6.729 15 15z"/><circle cx="442" cy="297" r="15"/></svg>                </span>
                Impresoras            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-248"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-248',
        'menu-item-child-active': panelActiveId === 'category-node-248'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Impresoras        </h2>
                    <a
                href="https://www.brildor.com/es/impresoras"
                title="Impresoras"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-249">
                    <a
                        href="https://www.brildor.com/es/impresoras/impresoras-para-sublimacion"
                                                title="Sublimaci&#xF3;n"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Sublimación                                            </a>
                                    </div>
                                                <div data-child-id="category-node-250">
                    <a
                        href="https://www.brildor.com/es/impresoras/impresoras-para-impresion-textil-directa"
                                                title="Impresi&#xF3;n&#x20;Textil&#x20;Directa"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Impresión Textil Directa                                            </a>
                                    </div>
                                                <div data-child-id="category-node-595">
                    <a
                        href="https://www.brildor.com/es/impresoras/impresoras-dtf-personalizacion"
                                                title="Impresi&#xF3;n&#x20;DTF"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Impresión DTF                                            </a>
                                    </div>
                                                <div data-child-id="category-node-265">
                    <a
                        href="https://www.brildor.com/es/impresoras/impresoras-uv-para-impresion-de-rigidos"
                                                title="Impresi&#xF3;n&#x20;de&#x20;R&#xED;gidos"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Impresión de Rígidos                                            </a>
                                    </div>
                                                <div data-child-id="category-node-252">
                    <a
                        href="https://www.brildor.com/es/impresoras/impresoras-inkjet-para-papel-transfer"
                                                title="Transfer&#x20;Inkjet"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Transfer Inkjet                                            </a>
                                    </div>
                                                <div data-child-id="category-node-255">
                    <a
                        href="https://www.brildor.com/es/impresoras/plotters-impresion-solventes"
                                                title="Plotters&#x20;de&#x20;Impresi&#xF3;n&#x20;Solventes"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Plotters de Impresión Solventes                                            </a>
                                    </div>
                                                <div data-child-id="category-node-291">
                    <a
                        href="https://www.brildor.com/es/impresoras/impresoras-para-etiquetas"
                                                title="Etiquetas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Etiquetas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-317">
                    <a
                        href="https://www.brildor.com/es/impresoras/softwares"
                                                title="Softwares"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Softwares                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-341-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/impresion-dtf"
            title="Impresi&#xF3;n&#x20;DTF"
                            @click.prevent="openSubcategory('category-node-341')"
                aria-label="Open&#x20;Impresi&#xF3;n&#x20;DTF&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-341'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-341'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg    viewBox="0 0 682 682"    version="1.1"    xmlns="http://www.w3.org/2000/svg">    <path        d="m 543.99986,512.00003 h 38.66666 c 44.18666,0 79.99998,-35.81333 79.99998,-79.99998 V 272.00009 c 0,-44.18666 -35.81332,-79.99998 -79.99998,-79.99998 H 99.999975 c -44.186656,0 -79.99998,35.81332 -79.99998,79.99998 v 159.99996 c 0,44.18665 35.813324,79.99998 79.99998,79.99998 h 38.666655"        style="fill-opacity:0;stroke:#000000;stroke-width:40;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" />    <path        d="M 575.99986,405.33339 H 106.66664"        style="fill-opacity:0;stroke:#000000;stroke-width:40;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" />    <path        style="fill-opacity:0;stroke:#000000;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:10"        d="m 218.66602,20 c -44.18265,0 -80,35.817343 -80,80 v 92 H 544 V 100 C 544,55.817343 508.18266,20 464,20 Z m -112,257.33398 h 64 z m 32,128 v 217.33204 c 0,22.09067 17.90934,40 40,40 H 504 c 22.09067,0 40,-17.90933 40,-40 V 405.33398 Z" />    <path        d="m 195.49995,467.00004 h 43.00799 q 16.704,0 29.56799,8.064 13.056,8.06399 20.352,23.23199 7.296,15.168 7.296,35.90399 0,20.736 -7.296,35.90399 -7.296,15.168 -20.352,23.232 Q 255.21194,601.4 238.50794,601.4 h -43.00799 z m 39.74399,118.46397 q 20.16,0 30.52799,-13.44 10.56,-13.44 10.56,-37.82399 0,-24.38399 -10.56,-37.82399 -10.36799,-13.44 -30.52799,-13.44 H 212.97195 V 585.46401 Z M 336.04392,482.93603 h -33.408 v -15.93599 h 84.47998 v 15.93599 H 353.70791 V 601.4 h -17.66399 z m 67.19998,-15.93599 h 70.84798 v 15.93599 h -53.37599 v 39.93599 h 41.27999 v 16.128 H 420.71589 V 601.4 H 403.2439 Z"        style="stroke-width:1.33333" /></svg>
                </span>
                Impresión DTF            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-341"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-341',
        'menu-item-child-active': panelActiveId === 'category-node-341'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Impresión DTF        </h2>
                    <a
                href="https://www.brildor.com/es/impresion-dtf"
                title="Impresi&#xF3;n&#x20;DTF"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-499">
                    <a
                        href="https://www.brildor.com/es/impresion-dtf/servicios-impresion-dtf"
                                                title="Servicio&#x20;de&#x20;Impresi&#xF3;n&#x20;DTF"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Servicio de Impresión DTF                                            </a>
                                    </div>
                                                <div data-child-id="category-node-629">
                    <a
                        href="https://www.brildor.com/es/impresion-dtf/personalizables-dtf"
                                                title="Personalizables&#x20;DTF"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Personalizables DTF                                            </a>
                                    </div>
                                                <div data-child-id="category-node-638">
                    <a
                        href="https://www.brildor.com/es/impresion-dtf/consumibles-dtf"
                                                title="Consumibles"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Consumibles                                            </a>
                                    </div>
                                                <div data-child-id="category-node-500">
                    <a
                        href="https://www.brildor.com/es/impresion-dtf/equipos-impresion-software-dtf"
                                                title="Equipos&#x20;de&#x20;Impresi&#xF3;n&#x20;y&#x20;Software"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Equipos de Impresión y Software                                            </a>
                                    </div>
                                                <div data-child-id="category-node-498">
                    <a
                        href="https://www.brildor.com/es/impresion-dtf/consumibles-accesorios-dtf"
                                                title="Mantenimiento&#x20;y&#x20;Accesorios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Mantenimiento y Accesorios                                            </a>
                                    </div>
                                                <div data-child-id="category-node-501">
                    <a
                        href="https://www.brildor.com/es/impresion-dtf/recambios-dtf"
                                                title="Recambios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Recambios                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-260-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/impresion-uv"
            title="Impresi&#xF3;n&#x20;UV"
                            @click.prevent="openSubcategory('category-node-260')"
                aria-label="Open&#x20;Impresi&#xF3;n&#x20;UV&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-260'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-260'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <?xml version="1.0" encoding="UTF-8" standalone="no"?><svg    version="1.1"    id="svg3372"    xml:space="preserve"    width="682.66663"    height="682.66669"    viewBox="0 0 682.66663 682.66669"    xmlns="http://www.w3.org/2000/svg"><defs     id="defs3376" /><path    style="font-stretch:condensed;font-size:144.788px;font-family:'Cabin Condensed';-inkscape-font-specification:'Cabin Condensed,  Condensed';fill:#000000;fill-opacity:1;stroke-width:1.00547"    d="m 283.01378,604.99935 q -24.48876,0 -36.25109,-14.68902 -11.76232,-14.68902 -11.76232,-41.55446 v -81.756 h 17.54706 v 76.7308 q 0,14.10919 2.12108,23.77302 2.3139,9.66383 9.06278,15.6554 6.74886,5.7983 19.28249,5.7983 12.72645,0 19.47533,-5.7983 6.74887,-5.99157 8.86995,-15.6554 2.31389,-9.66383 2.31389,-23.77302 v -76.7308 h 17.54708 v 81.756 q 0,27.05871 -11.76233,41.74773 -11.76232,14.49575 -36.44392,14.49575 z m 166.98618,-137.99948 -42.80714,135.2936 h -20.24663 l -42.80715,-135.2936 h 18.89686 l 34.13001,112.68024 34.13003,-112.68024 z"    id="text1"    aria-label="UV" /><path    id="path3414"    style="fill:none;fill-opacity:0;stroke:#000000;stroke-width:40;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"    d="m 218.66666,20 h 245.33333 c 44.18266,0 80,35.817332 80,79.999998 V 192 H 138.66666 V 99.999998 C 138.66666,55.817332 174.484,20 218.66666,20 Z m -48,257.33333 h -64 m 72,385.33332 h 325.33333 c 22.09066,0 40,-17.90933 40,-40 V 405.33332 H 138.66666 v 217.33333 c 0,22.09067 17.90934,40 40,40 z M 575.99999,405.33332 H 106.66666 m 437.33333,106.66667 h 38.66666 c 44.18667,0 80,-35.81333 80,-80 v -160 c 0,-44.18666 -35.81333,-79.99999 -80,-79.99999 H 99.999998 C 55.813332,192 20,227.81333 20,271.99999 v 160 c 0,44.18667 35.813332,80 79.999998,80 h 38.666662" /></svg>
                </span>
                Impresión UV            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-260"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-260',
        'menu-item-child-active': panelActiveId === 'category-node-260'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Impresión UV        </h2>
                    <a
                href="https://www.brildor.com/es/impresion-uv"
                title="Impresi&#xF3;n&#x20;UV"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-261">
                    <a
                        href="https://www.brildor.com/es/impresion-uv/tintas-uv"
                                                title="Tintas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Tintas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-262">
                    <a
                        href="https://www.brildor.com/es/impresion-uv/consumibles-impresion-uv"
                                                title="Consumibles"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Consumibles                                            </a>
                                    </div>
                                                <div data-child-id="category-node-263">
                    <a
                        href="https://www.brildor.com/es/impresion-uv/impresoras-uv"
                                                title="Impresoras&#x20;UV"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Impresoras UV                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-41-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/impresion-textil-dtg"
            title="Impresi&#xF3;n&#x20;Textil&#x20;DTG"
                            @click.prevent="openSubcategory('category-node-41')"
                aria-label="Open&#x20;Impresi&#xF3;n&#x20;Textil&#x20;DTG&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-41'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-41'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <?xml version="1.0" encoding="UTF-8" standalone="no"?><svg    xmlns="http://www.w3.org/2000/svg"    viewBox="0 0 682.66669 682.66669">  <defs     id="defs2" />  <path     d="m 280.56399,472.01299 q 0,15.19284 -5.7372,26.54126 -5.67511,11.28681 -16.14364,17.27523 -10.40644,5.98842 -23.88016,5.98842 h -38.02448 v -98.16816 h 34.02582 q 23.74356,0 36.75782,12.54364 13.00184,12.46971 13.00184,35.80729 z m -19.807,0 q 0,-15.82125 -7.87313,-24.10153 -7.87313,-8.36653 -22.47691,-8.36653 h -13.94562 v 66.40243 h 16.67762 q 12.67896,0 20.14229,-9.13049 7.47575,-9.13049 7.47575,-24.80388 z m 80.7306,-32.46806 v 82.28529 h -19.68282 v -82.28529 h -30.35004 v -15.88286 h 80.44498 v 15.88286 z m 92.205,67.58533 q 7.67443,0 14.87698,-2.30419 7.20255,-2.36579 11.13911,-5.98842 v -13.59099 h -22.9488 v -15.19284 h 40.95516 v 36.09069 q -7.47574,8.0092 -19.48412,12.54364 -11.9463,4.53444 -25.08473,4.53444 -22.9488,0 -35.29248,-13.23366 -12.34367,-13.3076 -12.34367,-37.69253 0,-24.2494 12.40577,-37.13805 12.40576,-12.96258 35.68985,-12.96258 33.08204,0 42.08522,25.56783 l -18.14296,5.71734 q -2.9307,-7.45472 -9.20188,-11.28682 -6.27118,-3.83209 -14.74038,-3.83209 -13.87111,0 -21.07365,8.77315 -7.20255,8.77316 -7.20255,25.14889 0,16.64682 7.40124,25.77731 7.47574,9.05656 20.94947,9.05656 z M 657.7911,146.62998 c -7.20255,0.49287 -14.52927,0 -22.84945,0 v -7.51633 -63.580728 c 0,-14.909435 -7.94764,-22.672198 -23.09782,-22.672198 H 538.82492 V 26.491971 c 0,-3.696554 0,-7.516327 -0.86928,-11.089662 C 535.72037,5.6680496 528.26946,0 518.21073,0 H 164.78928 C 152.992,0 144.67182,8.6252929 144.42346,20.700703 v 32.160021 h -7.20255 -67.306545 c -13.287455,0 -21.483455,8.255637 -21.607637,21.440013 v 64.196823 8.0092 H 22.601091 C 7.575091,146.87642 0,154.51596 0,169.30218 v 293.87605 c 0,15.03265 7.6992728,22.79542 22.849455,22.79542 h 113.378005 7.94763 v 0.24643 h 41.10419 V 345.87425 h 312.31727 v 140.34583 h 41.10419 v -0.24643 h 7.32672 l 110.77019,0.24643 c 12.16981,0.12322 21.11091,-3.45011 26.20236,-14.663 V 161.66263 C 678.40528,150.32653 669.83674,145.89067 657.7911,146.7532 Z M 539.07328,93.153163 h 55.01255 V 146.38354 H 539.07328 Z M 185.27928,40.169221 H 497.72073 V 146.38354 H 185.27928 Z M 88.665819,93.3996 h 55.136731 v 52.98394 H 88.665819 Z M 642.51674,445.68121 H 539.19746 v -100.0534 h 22.72528 c 12.41818,0 21.1109,-8.25564 21.1109,-19.83818 0,-11.58253 -8.69272,-19.83817 -20.98672,-19.83817 H 121.20146 c -12.294,0 -20.98673,8.37886 -20.98673,19.96139 0,11.45932 8.81691,19.71496 21.23509,19.71496 h 22.60109 v 100.0534 H 40.483273 V 187.04564 H 642.39255 v 258.63557 z"     id="path1"     />  <path     d="M 187.01782,356.2246 H 340.50655 493.8711 l -0.24837,152.91412 v 51.99819 l 44.20873,-11.58253 16.14364,-4.18943 27.44418,-7.14667 31.418,54.33934 -4.34636,1.72506 -52.15637,21.44001 c -29.92782,13.18438 -61.34582,22.91864 -95.74418,29.57244 -19.37236,-41.52463 -64.07782,-70.60419 -113.12964,-72.32924 h -5.58818 c -53.274,0 -100.95982,28.7099 -121.44982,72.32924 -22.72527,-4.31265 -44.08455,-8.87173 -63.70527,-16.51128 L 67.803274,592.80406 99.345456,538.46471 c 3.104544,0.86253 6.333274,1.60184 9.437814,2.46437 l 15.026,3.94299 13.16328,3.3269 6.33327,1.60184 43.83618,10.96645 V 356.34782 m -35.26763,-34.99405 v 194.56196 l -19.24819,-4.80552 -36.136906,-9.3646 c -2.856182,-0.73931 -5.339818,-1.10897 -7.575091,-1.10897 -5.960727,0 -9.934545,2.83403 -13.66,9.24139 l -52.653092,90.81201 v 7.63955 c 5.091455,3.45011 9.686182,7.76276 15.398546,10.10391 l 105.554543,42.88003 c 24.33964,9.61104 50.41782,14.663 76.37182,19.59174 6.45746,1.23218 11.17637,2.09471 14.65346,2.09471 8.196,0 10.30709,-4.31265 15.27436,-17.37381 12.41818,-32.65289 47.43746,-57.54302 91.89455,-57.54302 h 4.22218 c 38.248,1.3554 74.88164,26.61519 85.93382,60.74671 3.35291,10.22713 6.83,13.92368 15.27436,13.92368 2.60782,0 5.71237,-0.36965 9.562,-0.98575 39.614,-6.90023 77.61364,-17.86667 113.87473,-33.76186 24.71219,-10.84322 50.16946,-20.45426 75.13,-30.55818 12.66655,-5.17517 15.15019,-11.3361 8.9411,-22.0561 l -48.92764,-84.65109 c -3.97382,-6.90024 -7.82346,-9.85748 -14.03255,-9.85748 -2.48363,0 -5.21563,0.49287 -8.56854,1.3554 l -54.26746,14.17013 v -6.6538 l 0.37255,-187.90817 c -125.79619,0 -251.59237,0 -377.38855,-0.12321 v 0 z"     id="path2"      /></svg>
                </span>
                Impresión Textil DTG            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-41"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-41',
        'menu-item-child-active': panelActiveId === 'category-node-41'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Impresión Textil DTG        </h2>
                    <a
                href="https://www.brildor.com/es/impresion-textil-dtg"
                title="Impresi&#xF3;n&#x20;Textil&#x20;DTG"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-183">
                    <a
                        href="https://www.brildor.com/es/impresion-textil-dtg/tintas-para-la-impresion-textil"
                                                title="Tintas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Tintas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-45">
                    <a
                        href="https://www.brildor.com/es/impresion-textil-dtg/consumibles-y-recambios-para-la-impresion-textil"
                                                title="Consumibles"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Consumibles                                            </a>
                                    </div>
                                                <div data-child-id="category-node-46">
                    <a
                        href="https://www.brildor.com/es/impresion-textil-dtg/recambios-para-la-impresion-textil"
                                                title="Recambios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Recambios                                            </a>
                                    </div>
                                                <div data-child-id="category-node-47">
                    <a
                        href="https://www.brildor.com/es/impresion-textil-dtg/accesorios-para-la-impresion-textil"
                                                title="Accesorios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Accesorios                                            </a>
                                    </div>
                                                <div data-child-id="category-node-48">
                    <a
                        href="https://www.brildor.com/es/impresion-textil-dtg/maquinas-pretratamiento"
                                                title="Pretratamiento"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Pretratamiento                                            </a>
                                    </div>
                                                <div data-child-id="category-node-49">
                    <a
                        href="https://www.brildor.com/es/impresion-textil-dtg/impresoras"
                                                title="Impresoras&#x20;de&#x20;camisetas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Impresoras de camisetas                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-297-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/impresion-3d"
            title="Impresi&#xF3;n&#x20;3D"
                            @click.prevent="openSubcategory('category-node-297')"
                aria-label="Open&#x20;Impresi&#xF3;n&#x20;3D&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-297'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-297'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m342.557 312.412c-.305-4.918-3.182-9.557-7.474-11.994l-71.813-41.412c-4.638-2.674-10.349-2.675-14.986 0l-71.366 41.153c-4.58 2.605-7.544 7.723-7.507 12.994v82.436c0 5.362 2.862 10.316 7.507 12.994l71.798 41.403c4.546 2.667 10.454 2.672 15.003.008l71.366-41.162c4.645-2.679 7.506-7.632 7.506-12.994-.001 0-.012-83.095-.034-83.426zm-86.781-23.097 41.786 24.096-41.339 23.837-41.786-24.096zm-56.366 49.803 41.813 24.112v47.805l-41.813-24.112zm113.18 48.056-41.366 23.858v-47.802l41.366-23.854z"/><path d="m462.764 0h-413.528c-27.149 0-49.236 22.087-49.236 49.236v413.528c0 27.149 22.087 49.236 49.236 49.236h413.527c27.15 0 49.237-22.087 49.237-49.236v-413.528c0-27.149-22.087-49.236-49.236-49.236zm-40.764 99h-112v-24c0-8.284-6.716-15-15-15h-78c-8.284 0-15 6.716-15 15v24h-112v-69h332zm-190 54v-63h48v63zm-142-24h112v39c0 8.284 6.716 15 15 15h24v29c0 8.284 6.716 15 15 15s15-6.716 15-15v-29h24c8.284 0 15-6.716 15-15v-39h112v353h-332zm-60 333.764v-413.528c0-10.607 8.63-19.236 19.236-19.236h10.764v452h-10.764c-10.606 0-19.236-8.629-19.236-19.236zm452 0c0 10.606-8.63 19.236-19.236 19.236h-10.764v-452h10.764c10.606 0 19.236 8.629 19.236 19.236z"/></g></svg>
                </span>
                Impresión 3D            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-297"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-297',
        'menu-item-child-active': panelActiveId === 'category-node-297'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Impresión 3D        </h2>
                    <a
                href="https://www.brildor.com/es/impresion-3d"
                title="Impresi&#xF3;n&#x20;3D"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-302">
                    <a
                        href="https://www.brildor.com/es/impresion-3d/filamentos-para-impresoras-3d"
                                                title="Filamentos"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Filamentos                                            </a>
                                    </div>
                                                <div data-child-id="category-node-303">
                    <a
                        href="https://www.brildor.com/es/impresion-3d/accesorios-y-recambios-para-impresoras-3d"
                                                title="Accesorios&#x20;y&#x20;recambios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Accesorios y recambios                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-319-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/laser"
            title="L&#xE1;ser"
                            @click.prevent="openSubcategory('category-node-319')"
                aria-label="Open&#x20;L&#xE1;ser&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-319'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-319'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m311 275v-55.698l47.72-76.352c1.49-2.384 2.28-5.139 2.28-7.95v-46.509c29.344-5.98 52.51-29.147 58.491-58.491h77.509c8.284 0 15-6.716 15-15s-6.716-15-15-15h-482c-8.284 0-15 6.716-15 15s6.716 15 15 15h77.509c5.981 29.344 29.147 52.51 58.491 58.491v46.509c0 2.812.79 5.566 2.28 7.95l47.72 76.352v55.698c0 8.284 6.716 15 15 15h25v207c0 8.284 6.716 15 15 15s15-6.716 15-15v-207h25c8.284 0 15-6.716 15-15zm-187.43-245h264.86c-6.19 17.461-22.873 30-42.43 30h-180c-19.557 0-36.239-12.539-42.43-30zm57.43 60h150v30h-150zm100 170h-50v-30h50zm6.687-60h-63.373l-31.25-50h125.873z"/><path d="m497 422h-181c-8.284 0-15 6.716-15 15v60c0 8.284 6.716 15 15 15h181c8.284 0 15-6.716 15-15v-60c0-8.284-6.716-15-15-15zm-15 60h-151v-30h151z"/><path d="m196 422h-181c-8.284 0-15 6.716-15 15v60c0 8.284 6.716 15 15 15h181c8.284 0 15-6.716 15-15v-60c0-8.284-6.716-15-15-15zm-15 60h-151v-30h151z"/><path d="m371.251 309.825c5.858-5.858 5.858-15.355 0-21.213s-15.355-5.858-21.213 0l-28.284 28.284c-5.858 5.858-5.858 15.355 0 21.213s15.355 5.858 21.213 0z"/><path d="m356 392h40c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15h-40c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15z"/><path d="m190.246 338.109c5.858-5.858 5.858-15.355 0-21.213l-28.284-28.284c-5.858-5.858-15.355-5.858-21.213 0s-5.858 15.355 0 21.213l28.284 28.284c5.858 5.858 15.355 5.858 21.213 0z"/><path d="m101 377c0 8.284 6.716 15 15 15h40c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15h-40c-8.284 0-15 6.716-15 15z"/></g></svg>
                </span>
                Láser            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-319"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-319',
        'menu-item-child-active': panelActiveId === 'category-node-319'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Láser        </h2>
                    <a
                href="https://www.brildor.com/es/laser"
                title="L&#xE1;ser"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-323">
                    <a
                        href="https://www.brildor.com/es/laser/maquinaria-para-corte-grabado-laser"
                                                title="M&#xE1;quinas&#x20;y&#x20;Accesorios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Máquinas y Accesorios                                            </a>
                                    </div>
                                                <div data-child-id="category-node-640">
                    <a
                        href="https://www.brildor.com/es/laser/materiales"
                                                title="Materiales"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '' }"
                                                    @click.prevent="openSubSubcategory('category-node-640')"
                                            >
                                                Materiales                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute right-0 flex items-center justify-center mr-8 transition duration-300 ease-in-out" width="18" height="18" aria-hidden="true" :class="{&#10;                                        'rotate-180': panelSubActiveId === 'category-node-640'&#10;                                    }">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
</svg>
                                            </a>
                    
<ul
    class="transition-all duration-300 ease-in-out overflow-hidden"
    :style="panelSubActiveId === 'category-node-640' ? 'height: 256px' : 'height: 0'"
>
    <li>
        <a
            href="https://www.brildor.com/es/laser/materiales"
            title="Materiales"
            class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container underline hover:text-primary"
        >
            Ver todo        </a>
    </li>
            <li>
            <a
                href="https://www.brildor.com/es/laser/materiales/madera"
                title="Madera"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Madera            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/laser/materiales/metacrilato"
                title="Acr&#xED;lico"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Acrílico            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/laser/materiales/corcho"
                title="Corcho&#x20;y&#x20;Cart&#xF3;n"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Corcho y Cartón            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/laser/materiales/fieltro"
                title="Fieltro"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Fieltro            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/laser/materiales/vinilos"
                title="Vinilos"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Vinilos            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/laser/materiales/varios-materiales"
                title="Varios"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Varios            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/laser/materiales/kits-materiales"
                title="Kits"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Kits            </a>
        </li>
    </ul>
                </div>
                                                <div data-child-id="category-node-419">
                    <a
                        href="https://www.brildor.com/es/laser/personalizables-grabado-laser"
                                                title="Personalizables"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Personalizables                                            </a>
                                    </div>
                                                <div data-child-id="category-node-639">
                    <a
                        href="https://www.brildor.com/es/laser/consumibles"
                                                title="Consumibles"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Consumibles                                            </a>
                                    </div>
                                                <div data-child-id="category-node-322">
                    <a
                        href="https://www.brildor.com/es/laser/recambios"
                                                title="Recambios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Recambios                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-325-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/manualidades"
            title="Manualidades"
                            @click.prevent="openSubcategory('category-node-325')"
                aria-label="Open&#x20;Manualidades&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-325'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-325'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Layer_1" enable-background="new 0 0 512.079 512.079" height="512" viewBox="0 0 512.079 512.079" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m512.079 73.602c0-13.904-5.415-26.977-15.246-36.808-9.832-9.832-22.904-15.247-36.808-15.247s-26.976 5.415-36.808 15.247l-280.881 280.881c-.344-.007-.685-.03-1.029-.032-.168-.001-.335-.002-.503-.002-20.076 0-38.931 7.808-53.14 22.017l-.504.509c-9.813 10-25.431 10.336-35.558.764-7.675-7.254-13.042-12.489-13.095-12.541-3.277-3.199-7.835-4.727-12.377-4.145-4.542.58-8.57 3.203-10.938 7.122-25.062 41.479-18.62 94.426 15.666 128.756 19.603 19.628 45.884 30.408 74.087 30.408.28 0 .561-.001.841-.003 28.342-.215 54.875-11.258 74.711-31.094l12.838-12.838c15.124-15.125 22.574-35.152 22.329-55.019l281.168-281.168c9.833-9.831 15.247-22.904 15.247-36.807zm-459.994 365.323c-19.84-19.866-26.645-48.443-19.025-74.334 10.325 8.839 23.379 13.512 37.058 13.23 14.57-.308 28.228-6.219 38.452-16.639l.308-.311c8.61-8.61 20.046-13.339 32.235-13.229 12.174.079 23.563 4.93 32.068 13.659 17.15 17.601 16.675 46.348-1.059 64.082l-12.838 12.838c-14.231 14.231-33.311 22.153-53.726 22.308-20.463.158-39.405-7.518-53.473-21.604zm142.582-98.56c-5.537-5.682-11.817-10.361-18.615-13.979l31.687-31.687 31.189 31.189-31.755 31.755c-3.244-6.204-7.401-12.038-12.506-17.278zm34.284-66.879 215.479-215.479c4.166-4.166 9.704-6.459 15.595-6.459s11.429 2.294 15.595 6.46c4.166 4.165 6.459 9.703 6.459 15.594s-2.294 11.429-6.459 15.595l-215.479 215.478z"/></g></svg>
                </span>
                Manualidades            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-325"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-325',
        'menu-item-child-active': panelActiveId === 'category-node-325'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Manualidades        </h2>
                    <a
                href="https://www.brildor.com/es/manualidades"
                title="Manualidades"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-378">
                    <a
                        href="https://www.brildor.com/es/manualidades/maquinas-manualidades"
                                                title="M&#xE1;quinas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Máquinas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-381">
                    <a
                        href="https://www.brildor.com/es/manualidades/materiales-scrapbooking"
                                                title="Materiales&#x20;para&#x20;scrapbooking"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Materiales para scrapbooking                                            </a>
                                    </div>
                                                <div data-child-id="category-node-380">
                    <a
                        href="https://www.brildor.com/es/manualidades/cartulinas-papeles-manualidades-scrapbooking"
                                                title="Cartulinas&#x20;y&#x20;papeles"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Cartulinas y papeles                                            </a>
                                    </div>
                                                <div data-child-id="category-node-386">
                    <a
                        href="https://www.brildor.com/es/manualidades/pinturas-manualidades"
                                                title="Pinturas&#x20;"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Pinturas                                             </a>
                                    </div>
                                                <div data-child-id="category-node-382">
                    <a
                        href="https://www.brildor.com/es/manualidades/vinilos-manualidades"
                                                title="Vinilos"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Vinilos                                            </a>
                                    </div>
                                                <div data-child-id="category-node-377">
                    <a
                        href="https://www.brildor.com/es/manualidades/sellos-scrapbooking"
                                                title="Sellos"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Sellos                                            </a>
                                    </div>
                                                <div data-child-id="category-node-376">
                    <a
                        href="https://www.brildor.com/es/manualidades/etiquetas-scrapbooking"
                                                title="Etiquetas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Etiquetas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-340">
                    <a
                        href="https://www.brildor.com/es/manualidades/we-r-memory-keepers"
                                                title="We&#x20;R&#x20;Memory&#x20;Keepers"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                We R Memory Keepers                                            </a>
                                    </div>
                                                <div data-child-id="category-node-379">
                    <a
                        href="https://www.brildor.com/es/manualidades/herramientas-manualidades"
                                                title="Herramientas&#x20;y&#x20;accesorios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Herramientas y accesorios                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-62-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/papel-transfer"
            title="Papel&#x20;Transfer"
                            @click.prevent="openSubcategory('category-node-62')"
                aria-label="Open&#x20;Papel&#x20;Transfer&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-62'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-62'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m497 91h-49.445c-104.454 0-210.607-20.377-306.984-58.927-4.621-1.848-9.859-1.284-13.98 1.506-4.122 2.79-6.591 7.444-6.591 12.421v105h-45c-8.284 0-15 6.716-15 15v45h-45c-8.284 0-15 6.716-15 15v240c0 8.284 6.716 15 15 15h361c8.284 0 15-6.716 15-15v-45h45c8.284 0 15-6.716 15-15v-45h46c8.284 0 15-6.716 15-15v-240c0-8.284-6.716-15-15-15zm-136 360h-331v-210h30v165c0 8.284 6.716 15 15 15h286zm60-60h-331v-210h30v105c0 6.134 3.734 11.649 9.429 13.927 91.054 36.421 189.962 57.478 291.571 60.644zm61-60h-34.445c-101.056 0-203.71-19.075-297.555-55.225v-207.932c91.122 33.695 192.149 53.157 297.555 53.157h34.445z"/></g></svg>
                </span>
                Papel Transfer            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-62"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-62',
        'menu-item-child-active': panelActiveId === 'category-node-62'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Papel Transfer        </h2>
                    <a
                href="https://www.brildor.com/es/papel-transfer"
                title="Papel&#x20;Transfer"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-242">
                    <a
                        href="https://www.brildor.com/es/papel-transfer/papel-inkjet-para-textil"
                                                title="Papel&#x20;Inkjet&#x20;para&#x20;Textil"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Papel Inkjet para Textil                                            </a>
                                    </div>
                                                <div data-child-id="category-node-243">
                    <a
                        href="https://www.brildor.com/es/papel-transfer/papel-laser-para-textil"
                                                title="Papel&#x20;L&#xE1;ser&#x20;para&#x20;Textil"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Papel Láser para Textil                                            </a>
                                    </div>
                                                <div data-child-id="category-node-244">
                    <a
                        href="https://www.brildor.com/es/papel-transfer/papel-para-toner-blanco"
                                                title="Papel&#x20;para&#x20;T&#xF3;ner&#x20;Blanco"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Papel para Tóner Blanco                                            </a>
                                    </div>
                                                <div data-child-id="category-node-245">
                    <a
                        href="https://www.brildor.com/es/papel-transfer/papel-para-rigidos"
                                                title="Papel&#x20;para&#x20;R&#xED;gidos"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Papel para Rígidos                                            </a>
                                    </div>
                                                <div data-child-id="category-node-228">
                    <a
                        href="https://www.brildor.com/es/papel-transfer/calcomanias"
                                                title="Calcoman&#xED;as"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Calcomanías                                            </a>
                                    </div>
                                                <div data-child-id="category-node-186">
                    <a
                        href="https://www.brildor.com/es/papel-transfer/tintas-y-toners"
                                                title="Tintas&#x20;y&#x20;t&#xF3;ners"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Tintas y tóners                                            </a>
                                    </div>
                                                <div data-child-id="category-node-241">
                    <a
                        href="https://www.brildor.com/es/papel-transfer/accesorios-para-papel-transfer"
                                                title="Accesorios&#x20;y&#x20;Consumibles"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Accesorios y Consumibles                                            </a>
                                    </div>
                                                <div data-child-id="category-node-316">
                    <a
                        href="https://www.brildor.com/es/papel-transfer/softwares"
                                                title="Softwares"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Softwares                                            </a>
                                    </div>
                                                <div data-child-id="category-node-71">
                    <a
                        href="https://www.brildor.com/es/papel-transfer/impresoras-inkjet"
                                                title="Impresoras&#x20;Inkjet"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Impresoras Inkjet                                            </a>
                                    </div>
                                                <div data-child-id="category-node-299">
                    <a
                        href="https://www.brildor.com/es/papel-transfer/packs-papel-transfer-impresoras"
                                                title="Packs"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Packs                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-58-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/pedreria"
            title="Pedrer&#xED;a"
                            @click.prevent="openSubcategory('category-node-58')"
                aria-label="Open&#x20;Pedrer&#xED;a&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-58'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-58'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m400.754 125.91c-5.536-3.663-127.869-84.616-136.476-90.312-5.224-3.459-11.904-3.185-16.681.083l-136.351 90.229c-4.197 2.776-6.722 7.498-6.722 12.509 0 2.095-.004 234.684.008 235.409.076 4.865 2.548 9.527 6.768 12.297 5.527 3.658 127.815 84.58 136.422 90.276 5.094 3.373 11.769 3.277 16.681-.083l136.296-90.192c4.258-2.782 6.777-7.559 6.777-12.545v-235.163c0-4.928-2.473-9.697-6.722-12.508zm-266.23 41.674 30.148 21.556v133.718l-30.148 21.556zm197.474-4.363-60.998-40.365v-46.836l95.017 62.876zm-75.998 199.874-61.328-40.582v-133.027l61.328-40.582 61.328 40.582v133.027zm-15-240.239-60.998 40.365-34.019-24.324 95.017-62.877zm-60.998 225.922 60.998 40.365v46.836l-95.017-62.876zm90.998 40.365 60.998-40.365 34.019 24.324-95.017 62.877zm76.328-66.284v-133.719l30.148-21.556v176.831z"/><path d="m497 241h-44.524c-8.284 0-15 6.716-15 15s6.716 15 15 15h44.524c8.284 0 15-6.716 15-15 0-8.285-6.716-15-15-15z"/><path d="m74.524 256c0-8.284-6.716-15-15-15h-44.524c-8.284 0-15 6.716-15 15s6.716 15 15 15h44.524c8.284 0 15-6.716 15-15z"/><path d="m76.464 414.323-31.483 31.483c-5.858 5.857-5.858 15.355 0 21.213s15.355 5.858 21.213 0l31.482-31.483c5.858-5.857 5.858-15.355 0-21.213-5.857-5.858-15.355-5.858-21.212 0z"/><path d="m435.536 97.676 31.483-31.483c5.858-5.857 5.858-15.355 0-21.213-5.857-5.857-15.355-5.857-21.213 0l-31.482 31.483c-5.858 5.857-5.858 15.355 0 21.213 5.858 5.859 15.355 5.858 21.212 0z"/><path d="m66.194 44.98c-5.859-5.858-15.355-5.858-21.213 0-5.858 5.857-5.858 15.355 0 21.213l31.483 31.483c5.856 5.857 15.354 5.859 21.213 0 5.858-5.857 5.858-15.355 0-21.213z"/><path d="m435.536 414.323c-5.858-5.858-15.355-5.858-21.213 0-5.858 5.857-5.858 15.355 0 21.213l31.482 31.483c5.857 5.857 15.354 5.859 21.213 0 5.858-5.857 5.858-15.355 0-21.213z"/></svg>
                </span>
                Pedrería            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-58"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-58',
        'menu-item-child-active': panelActiveId === 'category-node-58'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Pedrería        </h2>
                    <a
                href="https://www.brildor.com/es/pedreria"
                title="Pedrer&#xED;a"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-59">
                    <a
                        href="https://www.brildor.com/es/pedreria/pedreria-suelta"
                                                title="Pedrer&#xED;a&#x20;Suelta"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Pedrería Suelta                                            </a>
                                    </div>
                                                <div data-child-id="category-node-60">
                    <a
                        href="https://www.brildor.com/es/pedreria/accesorios-y-consumibles"
                                                title="Accesorios&#x20;y&#x20;Consumibles"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Accesorios y Consumibles                                            </a>
                                    </div>
                                                <div data-child-id="category-node-204">
                    <a
                        href="https://www.brildor.com/es/pedreria/disenos-transfer-de-pedreria"
                                                title="Dise&#xF1;os&#x20;Transfer"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Diseños Transfer                                            </a>
                                    </div>
                                                <div data-child-id="category-node-238">
                    <a
                        href="https://www.brildor.com/es/pedreria/servicios-de-pedreria"
                                                title="Crea&#x20;tus&#x20;propios&#x20;dise&#xF1;os"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Crea tus propios diseños                                            </a>
                                    </div>
                                                <div data-child-id="category-node-61">
                    <a
                        href="https://www.brildor.com/es/pedreria/aplicadores-para-pedreria"
                                                title="Aplicadores"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Aplicadores                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-27-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/planchas-transfer-termicas"
            title="Planchas&#x20;Transfer&#x20;"
                            @click.prevent="openSubcategory('category-node-27')"
                aria-label="Open&#x20;Planchas&#x20;Transfer&#x20;&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-27'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-27'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Capa_1" enable-background="new 0 0 512.03 512.03" height="512" viewBox="0 0 512.03 512.03" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m497 390.347-291.999-.001v-76.175s41.942 11.238 41.95 11.24c3.731 1 8.002.453 11.382-1.499l246.197-142.141c3.445-1.989 5.959-5.266 6.989-9.108s.491-7.937-1.499-11.382l-9.499-16.452c-15.991-27.697-51.535-37.222-79.233-21.23l-81.742 47.194-27.989-48.477c-1.32-2.287-3.221-4.185-5.509-5.501l-137.196-78.947c-14.026-8.072-29.753-8.251-43.147-.49-14.515 8.408-23.877 24.678-23.853 41.448.023 15.473 8.078 28.974 22.1 37.041l119.737 68.896 17.915 31.03-81.04 46.789-48.897-60.491c-2.848-3.523-7.135-5.57-11.666-5.57h-105.001c-8.284 0-15 6.716-15 15v253.827c0 8.284 6.716 15 15 15h441c8.284 0 15-6.716 15-15v-45h26c8.284 0 15-6.716 15-15s-6.716-15.001-15-15.001zm-229.346-224.076c-1.32-2.287-3.221-4.185-5.509-5.501l-123.232-70.905c-4.745-2.73-7.054-6.355-7.061-11.083-.009-5.96 3.73-12.456 8.891-15.445 4.097-2.374 8.397-2.199 13.146.533l133.703 76.936 25.974 44.987-25.981 15zm168.634-16.692c13.374-7.719 30.532-3.121 38.253 10.25l1.999 3.462-227.826 131.535-43.713-11.713zm-406.288 76.941h82.838l62.163 76.901-.001 146.926h-145zm411 223.827h-235.999v-30.001l235.999.001z"/><path d="m362.93 361.989c1.678.604 3.392.89 5.078.89 6.147 0 11.914-3.808 14.115-9.925 5.758-16.001 2.73-27.46.52-35.827-1.669-6.317-2.589-9.798-.52-15.547 2.805-7.795-1.24-16.388-9.035-19.193s-16.388 1.239-19.193 9.035c-5.232 14.539-2.357 25.422-.257 33.369 1.779 6.731 2.852 10.794.257 18.005-2.805 7.795 1.24 16.387 9.035 19.193z"/><path d="m438.006 345.485c1.678.604 3.392.89 5.078.89 6.147 0 11.914-3.808 14.115-9.925 5.758-16.001 2.73-27.46.52-35.827-1.669-6.317-2.589-9.798-.52-15.547 2.805-7.794-1.239-16.388-9.034-19.193-7.797-2.804-16.388 1.24-19.193 9.035-5.233 14.539-2.357 25.423-.257 33.369 1.779 6.731 2.852 10.794.257 18.005-2.806 7.795 1.239 16.387 9.034 19.193z"/><path d="m72.5 389.847c-8.284 0-15 6.716-15 15v.5c0 8.284 6.716 15 15 15s15-6.716 15-15v-.5c0-8.284-6.715-15-15-15z"/><path d="m132.5 389.847c-8.284 0-15 6.716-15 15v.5c0 8.284 6.716 15 15 15s15-6.716 15-15v-.5c0-8.284-6.715-15-15-15z"/></g></svg>
                </span>
                Planchas Transfer             </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-27"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-27',
        'menu-item-child-active': panelActiveId === 'category-node-27'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Planchas Transfer         </h2>
                    <a
                href="https://www.brildor.com/es/planchas-transfer-termicas"
                title="Planchas&#x20;Transfer&#x20;"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-431">
                    <a
                        href="https://www.brildor.com/es/planchas-transfer-termicas/planchas-transfer-hornos-sublimacion"
                                                title="Planchas&#x20;y&#x20;Hornos"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '' }"
                                                    @click.prevent="openSubSubcategory('category-node-431')"
                                            >
                                                Planchas y Hornos                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute right-0 flex items-center justify-center mr-8 transition duration-300 ease-in-out" width="18" height="18" aria-hidden="true" :class="{&#10;                                        'rotate-180': panelSubActiveId === 'category-node-431'&#10;                                    }">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
</svg>
                                            </a>
                    
<ul
    class="transition-all duration-300 ease-in-out overflow-hidden"
    :style="panelSubActiveId === 'category-node-431' ? 'height: 320px' : 'height: 0'"
>
    <li>
        <a
            href="https://www.brildor.com/es/planchas-transfer-termicas/planchas-transfer-hornos-sublimacion"
            title="Planchas&#x20;y&#x20;Hornos"
            class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container underline hover:text-primary"
        >
            Ver todo        </a>
    </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/planchas-transfer-hornos-sublimacion/planchas-transfer-sandwich"
                title="Planchas&#x20;S&#xE1;ndwich"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Planchas Sándwich            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/planchas-transfer-hornos-sublimacion/planchas-transfer-giratorias"
                title="Planchas&#x20;Giratorias"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Planchas Giratorias            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/planchas-transfer-hornos-sublimacion/planchas-transfer-verticales"
                title="Planchas&#x20;Verticales"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Planchas Verticales            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/planchas-transfer-hornos-sublimacion/planchas-transfer-tazas"
                title="Planchas&#x20;para&#x20;Tazas&#x20;"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Planchas para Tazas             </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/planchas-transfer-hornos-sublimacion/planchas-transfer-gorras"
                title="Planchas&#x20;para&#x20;Gorras"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Planchas para Gorras            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/planchas-transfer-hornos-sublimacion/planchas-transfer-especiales"
                title="Planchas&#x20;Especiales"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Planchas Especiales            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/planchas-transfer-hornos-sublimacion/planchas-transfer-combo"
                title="Planchas&#x20;Combo"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Planchas Combo            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/planchas-transfer-hornos-sublimacion/planchas-transfer-gran-formato"
                title="Planchas&#x20;de&#x20;Gran&#x20;Formato"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Planchas de Gran Formato            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/planchas-transfer-hornos-sublimacion/horno-para-sublimacion"
                title="Hornos&#x20;para&#x20;sublimaci&#xF3;n"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Hornos para sublimación            </a>
        </li>
    </ul>
                </div>
                                                <div data-child-id="category-node-432">
                    <a
                        href="https://www.brildor.com/es/planchas-transfer-termicas/accesorios-recambios-planchas-hornos"
                                                title="Consumibles,&#x20;Accesorios&#x20;y&#x20;Recambios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '' }"
                                                    @click.prevent="openSubSubcategory('category-node-432')"
                                            >
                                                Consumibles, Accesorios y Recambios                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute right-0 flex items-center justify-center mr-8 transition duration-300 ease-in-out" width="18" height="18" aria-hidden="true" :class="{&#10;                                        'rotate-180': panelSubActiveId === 'category-node-432'&#10;                                    }">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
</svg>
                                            </a>
                    
<ul
    class="transition-all duration-300 ease-in-out overflow-hidden"
    :style="panelSubActiveId === 'category-node-432' ? 'height: 192px' : 'height: 0'"
>
    <li>
        <a
            href="https://www.brildor.com/es/planchas-transfer-termicas/accesorios-recambios-planchas-hornos"
            title="Consumibles,&#x20;Accesorios&#x20;y&#x20;Recambios"
            class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container underline hover:text-primary"
        >
            Ver todo        </a>
    </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/accesorios-recambios-planchas-hornos/almohadillas-protectores-planchas-transfer"
                title="Almohadillas&#x20;y&#x20;Protectores"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Almohadillas y Protectores            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/accesorios-recambios-planchas-hornos/consumibles"
                title="Consumibles&#x20;"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Consumibles             </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/accesorios-recambios-planchas-hornos/accesorios-planchas-transfer"
                title="Accesorios&#x20;para&#x20;Planchas"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Accesorios para Planchas            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/accesorios-recambios-planchas-hornos/accesorios-hornos-sublimacion"
                title="Accesorios&#x20;para&#x20;Hornos"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Accesorios para Hornos            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/planchas-transfer-termicas/accesorios-recambios-planchas-hornos/recambios-planchas-transfer"
                title="Recambios"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Recambios            </a>
        </li>
    </ul>
                </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-156-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/plotters-de-corte"
            title="Plotters&#x20;de&#x20;Corte"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m467 60h-15v-15c0-24.813-20.187-45-45-45h-60c-24.813 0-45 20.187-45 45v15h-257c-24.813 0-45 20.187-45 45v210c0 8.284 6.716 15 15 15h15v152h-5c-19.881.738-19.866 29.269 0 30h40c19.881-.738 19.866-29.269 0-30h-5v-152h50v115c0 8.284 6.716 15 15 15h262c8.284 0 15-6.716 15-15v-115h50v152h-5c-19.881.738-19.866 29.269 0 30h40c19.881-.738 19.866-29.269 0-30h-5v-152h15c8.284 0 15-6.716 15-15v-210c0-24.813-20.187-45-45-45zm-135-15c0-8.271 6.729-15 15-15h60c8.271 0 15 6.729 15 15v15h-90zm40 385h-232v-30h232zm0-60h-232v-100h232zm110-70h-80v-30h15c19.881-.738 19.866-29.269 0-30h-322c-19.881.738-19.866 29.269 0 30h15v30h-80v-90h452zm0-120h-452v-75c0-8.271 6.729-15 15-15h422c8.271 0 15 6.729 15 15z"/><path d="m75 120c-8.284 0-15 6.716-15 15 .735 19.876 29.268 19.87 30 0 0-8.284-6.716-15-15-15z"/><path d="m135 120c-8.284 0-15 6.716-15 15 .735 19.876 29.268 19.87 30 0 0-8.284-6.716-15-15-15z"/><path d="m195 120c-8.284 0-15 6.716-15 15 .735 19.876 29.268 19.87 30 0 0-8.284-6.716-15-15-15z"/></g></svg>
                </span>
                Plotters de Corte            </div>
                    </a>
    </div>
    </li>
            
<li
    data-child-id="category-node-146-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/rotulacion"
            title="Rotulaci&#xF3;n"
                            @click.prevent="openSubcategory('category-node-146')"
                aria-label="Open&#x20;Rotulaci&#xF3;n&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-146'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-146'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg    version="1.1"    xml:space="preserve"    viewBox="0 0 682.66669 682.66669"    xmlns="http://www.w3.org/2000/svg">    <path    class="cls-1"    d="M 0,668.03157 V 14.908976 C 5.0604663,3.41949 13.813705,0 26.122948,0 156.32738,0.2735592 286.53181,0.2735592 416.59947,0 426.3101,0 433.28533,3.1459308 440.1238,9.8481312 514.79987,84.803352 589.61271,159.48501 664.28878,234.16668 c 20.92571,20.92727 18.19033,15.45609 18.3271,43.90625 0,47.5993 0,95.06182 0,142.66112 0,12.17338 -7.38555,19.96982 -19.42125,21.06406 -4.9237,0.41034 -9.71063,0.54712 -14.63432,0.82068 -22.29341,0.95745 -44.17651,5.3344 -64.69191,13.95151 -87.53239,37.34084 -135.53844,103.2686 -141.55629,198.60398 -0.68385,11.89983 -3.1457,21.61118 -14.36078,27.4927 H 14.634322 C 7.9326229,679.65783 3.0089259,674.73377 0,668.03157 Z M 642.54245,401.99524 v -6.97576 c 0,-39.5293 0,-79.0586 0,-118.58791 0,-4.78728 -1.36769,-8.20677 -4.78692,-11.62626 -73.44515,-73.31387 -146.8903,-146.62774 -220.0619,-220.078381 -3.28247,-3.28271 -6.42816,-4.513727 -11.07832,-4.513727 -119.80996,0 -239.48315,0 -359.293111,0 H 40.346961 V 642.317 H 401.82838 C 412.22285,514.70163 514.79987,411.98016 642.26891,401.99524 Z"    id="path1"    style="fill:#000000;stroke-width:0px" /><path    class="cls-1"    d="m 320.99769,281.35564 c -72.21422,0 -144.42845,0 -216.64267,0 -16.68586,0 -24.344944,-7.79644 -24.344944,-24.48355 0,-50.88201 0,-101.76402 0,-152.64603 0,-16.276777 7.795853,-24.073214 24.071404,-24.073214 91.0884,0 182.17679,0 273.26518,0 8.61647,0 15.31817,2.872371 21.33602,8.890674 51.56205,51.70269 103.26087,103.40538 154.95969,155.10807 8.61647,8.61711 10.94155,16.41355 6.83847,25.03066 -4.37662,9.4378 -12.30925,12.31017 -22.29341,12.31017 -72.35099,-0.13678 -144.83875,0 -217.18974,0 z m 171.91908,-40.34998 c -1.36769,-1.91492 -1.778,-2.46204 -2.18831,-2.87238 -38.15865,-38.1615 -76.3173,-76.32301 -114.61272,-114.34774 -1.91477,-1.91492 -5.33401,-3.00915 -8.20616,-3.00915 -80.14685,-0.13678 -160.29369,0 -240.44054,-0.27356 -5.47077,0 -7.112,1.50457 -7.112,6.97576 0.27354,35.01557 0.27354,70.16793 0,105.18351 0,6.83898 1.91477,8.34356 8.4797,8.34356 118.85257,-0.27356 237.56838,-0.13678 356.42095,-0.13678 h 7.65908 z"    id="path2"    style="fill:#000000;stroke-width:0px" /><path    class="cls-1"    d="m 180.67232,321.43206 c 26.25972,0 52.38267,0 78.64239,0 13.67693,0 22.01986,8.48034 21.88309,21.88474 -0.13677,50.88201 -42.80881,96.01928 -93.68701,97.93419 -28.85833,1.09424 -57.71667,0.6839 -86.575,0.41034 -12.993092,0 -20.788945,-8.61712 -20.788945,-21.74796 0,-25.57778 0,-51.01879 0,-76.59657 0,-13.67796 8.342931,-21.88474 21.883095,-21.88474 26.25972,0 52.38267,0 78.64238,0 z m 56.62252,40.48676 H 120.90411 v 39.66609 c 16.68587,0 32.82465,0.13678 48.96344,0 7.93262,0 16.13878,0.13678 23.79786,-1.50458 21.19925,-4.65051 35.42327,-17.64457 43.49266,-38.16151 z"    id="path3-5"    style="fill:#000000;stroke-width:0px" /><path    class="cls-1"    d="M 393.07514,637.25616 278.18888,614.8243 289.2672,558.33433 c 2.05154,-10.39525 4.51339,-18.32847 7.52231,-23.38931 3.00893,-5.19763 7.38555,-8.89068 13.12986,-11.35271 5.74431,-2.32525 12.30924,-2.87237 19.55802,-1.50458 6.42816,1.23102 11.62539,3.55627 15.72847,7.11254 4.10309,3.41949 7.11201,7.79644 9.16355,12.85728 1.23093,3.28272 2.05154,7.52288 2.18831,12.72051 2.18831,-3.69305 4.23985,-6.42864 5.88108,-7.93322 1.23093,-1.09424 3.55601,-2.46203 7.11201,-4.24017 3.556,-1.77813 6.29139,-2.87237 8.06939,-3.28271 l 36.51742,-9.84813 -7.52231,38.29829 -38.70573,11.21593 c -4.9237,1.36779 -8.34293,2.87237 -9.98416,4.37694 -2.32508,2.0517 -3.69278,4.65051 -4.23986,7.79644 l -0.54707,3.00915 46.63835,9.16424 -6.56493,33.92134 z m -61.81975,-47.32575 2.73539,-14.22507 c 0.27354,-1.50458 0.41031,-4.65051 0.13677,-9.30102 0,-2.32525 -0.82062,-4.37694 -2.46185,-6.15508 -1.64123,-1.77813 -3.69277,-3.00915 -6.29139,-3.41949 -3.69278,-0.6839 -6.83847,-0.13678 -9.16355,1.64136 -2.32508,1.77813 -4.23985,5.88152 -5.47077,12.0366 l -2.87216,14.90898 z"    id="path4-3"    style="fill:#000000;stroke-width:0px" /><path    class="cls-1"    d="m 357.1048,515.65909 c -15.86525,-10.53203 -25.4391,-22.97897 -28.72157,-37.34083 -3.28246,-14.36186 0,-29.13405 10.12094,-44.17981 10.2577,-15.45609 22.56694,-24.48355 36.79095,-27.08236 14.22402,-2.59881 29.26865,1.3678 44.99712,11.76305 11.35186,7.52287 19.55802,15.59287 24.34495,24.0732 4.9237,8.48034 6.97524,17.50779 6.56493,27.21915 -0.54708,9.57457 -4.23985,19.55948 -11.07832,29.95473 -6.97524,10.53203 -14.49755,18.0549 -22.56694,22.56863 -8.0694,4.51373 -17.36971,6.42864 -27.76418,5.60797 -10.39448,-0.82068 -21.33602,-4.92407 -32.68788,-12.44695 z m 19.14771,-28.58693 c 9.84739,6.56542 18.05355,9.43779 24.75525,8.89067 6.56493,-0.6839 11.89894,-3.96661 15.86525,-9.98491 4.10308,-6.15508 5.19723,-12.31017 3.14569,-18.46525 -1.91477,-6.15508 -8.34293,-12.85728 -19.28448,-20.1066 -9.16354,-6.15508 -17.09617,-8.75389 -23.66109,-8.06999 -6.56493,0.68389 -11.89894,4.10338 -15.86525,10.12169 -3.82954,5.74474 -4.78693,11.89982 -2.87216,18.19168 1.91477,6.42864 7.93263,12.85728 17.91679,19.42271 z"    id="path5-5"    style="fill:#000000;stroke-width:0px" /><path    class="cls-1"    d="m 388.97206,374.36577 85.61762,-60.45659 16.68586,23.66287 -28.72156,20.24338 50.8782,72.08285 -28.17449,19.83304 -50.8782,-72.08284 -28.72157,20.24338 -16.68586,-23.66287 z"    id="path6-6"    style="fill:#000000;stroke-width:0px" /><path    class="cls-1"    d="m 575.93577,283.40733 33.5085,-7.79644 15.72847,67.97947 c 1.50447,6.7022 2.05154,13.26762 1.3677,19.83304 -0.68385,6.42864 -2.59862,12.44694 -5.74431,17.91812 -3.28247,5.47119 -6.97524,9.71136 -11.21509,12.58373 -5.88108,4.10339 -13.54017,7.11254 -22.70372,9.30101 -5.334,1.23102 -11.07831,2.18847 -17.64324,2.87237 -6.42816,0.6839 -12.03571,0.27356 -16.68587,-0.95745 -4.78692,-1.3678 -9.30031,-3.69305 -13.8137,-7.11254 -4.51339,-3.41949 -7.93262,-7.24932 -10.2577,-11.48949 -3.69278,-6.83898 -6.29139,-12.99406 -7.52232,-18.60203 l -15.72847,-67.97946 33.50849,-7.79643 16.13878,69.62081 c 1.50447,6.15508 4.23985,10.66881 8.34293,13.4044 4.10309,2.73559 9.02678,3.41949 14.90786,2.0517 5.74432,-1.3678 9.98417,-4.10339 12.44602,-8.34356 2.46184,-4.24017 3.00892,-9.43779 1.50446,-15.86643 z"    id="path7-2"    style="fill:#000000;stroke-width:0px" /></svg>
                </span>
                Rotulación            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-146"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-146',
        'menu-item-child-active': panelActiveId === 'category-node-146'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Rotulación        </h2>
                    <a
                href="https://www.brildor.com/es/rotulacion"
                title="Rotulaci&#xF3;n"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-162">
                    <a
                        href="https://www.brildor.com/es/rotulacion/vinilo-rotulacion-para-corte"
                                                title="Vinilo&#x20;de&#x20;rotulaci&#xF3;n&#x20;para&#x20;corte"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Vinilo de rotulación para corte                                            </a>
                                    </div>
                                                <div data-child-id="category-node-161">
                    <a
                        href="https://www.brildor.com/es/rotulacion/vinilo-impresion-digital"
                                                title="Vinilo&#x20;de&#x20;Rotulaci&#xF3;n&#x20;Imprimible"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Vinilo de Rotulación Imprimible                                            </a>
                                    </div>
                                                <div data-child-id="category-node-177">
                    <a
                        href="https://www.brildor.com/es/rotulacion/transportadores-para-vinilos"
                                                title="Transportadores"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Transportadores                                            </a>
                                    </div>
                                                <div data-child-id="category-node-147">
                    <a
                        href="https://www.brildor.com/es/rotulacion/herramientas-de-corte-para-la-rotulacion"
                                                title="Herramientas&#x20;de&#x20;corte"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Herramientas de corte                                            </a>
                                    </div>
                                                <div data-child-id="category-node-168">
                    <a
                        href="https://www.brildor.com/es/rotulacion/herramientas-de-almacenaje-para-la-rotulacion"
                                                title="Herramientas&#x20;de&#x20;almacenaje"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Herramientas de almacenaje                                            </a>
                                    </div>
                                                <div data-child-id="category-node-170">
                    <a
                        href="https://www.brildor.com/es/rotulacion/herramientas-rotulacion-de-vehiculos"
                                                title="Herramientas&#x20;rotulaci&#xF3;n&#x20;de&#x20;veh&#xED;culos"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Herramientas rotulación de vehículos                                            </a>
                                    </div>
                                                <div data-child-id="category-node-173">
                    <a
                        href="https://www.brildor.com/es/rotulacion/herramientas-para-rotulacion"
                                                title="Herramientas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Herramientas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-169">
                    <a
                        href="https://www.brildor.com/es/rotulacion/sistemas-de-sujecion-para-la-rotulacion"
                                                title="Sistemas&#x20;de&#x20;Sujeci&#xF3;n"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Sistemas de Sujeción                                            </a>
                                    </div>
                                                <div data-child-id="category-node-148">
                    <a
                        href="https://www.brildor.com/es/rotulacion/ollaos"
                                                title="Ollaos"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Ollaos                                            </a>
                                    </div>
                                                <div data-child-id="category-node-149">
                    <a
                        href="https://www.brildor.com/es/rotulacion/olladoras"
                                                title="Olladoras"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Olladoras                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-8-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/serigrafia"
            title="Serigraf&#xED;a"
                            @click.prevent="openSubcategory('category-node-8')"
                aria-label="Open&#x20;Serigraf&#xED;a&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-8'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-8'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg    version="1.1"    xml:space="preserve"    viewBox="0 0 682.66669 682.66669"    xmlns="http://www.w3.org/2000/svg"><defs     id="defs3376" /><path    class="cls-4"    d="m 578.71347,1.956872 v 0 c -16.91185,0 -33.67403,0 -50.58588,0 -75.28018,0 -150.71002,0 -225.99019,0 -63.60652,0 -127.36269,0 -190.9692,0.2795532 C 56.092442,2.3762018 12.091703,44.588732 10.894404,95.187858 c -0.748312,29.213302 12.122653,51.996892 33.823698,71.286062 7.632781,6.84905 11.524003,14.67654 12.870964,23.9018 0.897975,6.70927 1.795949,13.41855 1.945611,20.12782 0.748312,34.52482 -3.891222,68.63031 -9.42873,102.7358 -1.346961,8.10704 -2.993247,16.77319 -1.197299,24.60068 3.442235,16.49364 16.612524,24.32112 34.721672,26.97688 0,22.92336 0,45.14784 0,67.37232 h 30.68079 v -66.25411 h 451.38174 v 66.25411 h 31.72842 c 0.74831,-6.70928 0.89798,-13.41856 0.29933,-20.40739 -1.1973,-15.37542 -0.29933,-31.0304 -0.29933,-47.10471 3.5919,-0.13977 6.43548,-0.41933 9.27907,-0.41933 24.2453,-0.41933 40.85783,-18.45051 37.26593,-40.81476 -1.94561,-11.88101 -4.34021,-23.9018 -5.83683,-35.78281 -3.74156,-30.47129 -7.93211,-60.94259 -4.34021,-91.69344 1.34696,-11.46168 4.34021,-21.66537 13.9186,-30.19174 13.02063,-11.46168 24.24531,-24.60068 29.18416,-41.2341 C 695.74945,60.802816 645.61256,1.956872 579.0128,1.956872 Z M 500.44005,316.73375 c -0.89798,5.31151 0,10.90258 0,17.05275 -1.94561,0 -4.34021,0.27955 -6.73481,0.27955 -52.23217,0 -104.46434,0 -156.69651,0 -77.67478,0 -155.34955,0 -233.17399,0 v 0 c -1.1973,0 -2.54426,0 -3.74156,0 -1.795946,0 -3.442233,0 -5.088519,-0.13978 -8.979743,-0.83866 -13.768939,-7.1286 -12.272315,-15.37542 C 89.167828,282.20893 94.555674,245.72724 93.358375,208.82623 93.05905,199.74075 91.712089,190.65527 90.365128,181.56979 88.569179,170.94677 83.330996,162.14084 74.949902,154.59291 58.337378,139.77659 46.663713,122.86362 47.711349,99.940262 49.357635,63.598348 81.535047,32.707722 119.99828,32.567945 c 57.47035,0 114.94071,0 172.41106,0 67.04875,0 134.09749,0 201.14624,0 1.49662,0 3.14291,0.139777 6.58514,0.41933 -22.44935,19.009616 -33.37471,41.234094 -34.57201,67.512095 -1.04763,25.43934 9.27907,46.82516 28.88484,63.73812 12.42198,10.7628 15.86422,23.62225 16.46287,38.15901 1.79594,38.57834 -3.89123,76.4578 -10.32671,114.33725 z M 629.00003,146.62564 c -21.10239,17.75163 -26.04125,39.83633 -26.19091,64.29723 -0.44899,34.80437 4.48987,69.18942 10.02738,103.43468 2.09527,13.139 -2.09528,19.14939 -14.81658,19.14939 -1.94561,0 -4.19055,-0.13977 -6.58514,-0.41933 -7.48312,0.13978 -14.81658,0.41933 -22.2997,0.55911 -5.23818,0 -10.02738,0.27955 -14.81657,0.27955 -2.99325,0 -5.83684,0 -8.68042,-0.41933 -8.68042,-0.83866 -12.42198,-6.5695 -11.22468,-15.37542 2.99325,-21.80515 6.73481,-43.6103 8.83008,-65.41545 2.3946,-24.4609 4.63953,-49.20136 -2.3946,-73.24293 -2.3946,-8.38659 -8.53075,-15.93453 -13.61928,-23.48247 -2.39459,-3.63419 -6.13615,-6.42972 -9.27906,-9.64458 -20.80307,-22.0847 -24.54463,-51.298009 -9.72806,-76.737348 13.31995,-22.923361 38.76256,-37.180573 65.2528,-37.180573 3.5919,0 7.18379,0.279553 10.77569,0.838659 31.4291,4.752404 56.27306,26.557552 62.40921,54.652647 4.7892,22.364255 0.74832,43.190965 -17.66016,58.566395 z"    id="path7"    style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:4.04978px;stroke-miterlimit:10;stroke-opacity:1" /><path    class="cls-3"    d="M 96.80061,435.12452 21.221108,580.91151 c -7.333457,14.25721 3.442235,30.89062 20.204421,30.89062 h 5.088521 c 10.775692,0 20.503746,-5.87061 24.993618,-14.95609 L 89.467153,560.0848 c 4.489872,-9.22526 14.367587,-15.09588 25.292947,-14.9561 v 0 c 16.46286,0.13978 27.08889,16.49364 20.05475,30.61107 l -0.89797,1.8171 c -7.18379,14.25721 4.04088,30.75085 20.65341,30.61107 8.23143,0 15.56489,-4.33307 19.45611,-11.18212 l 2.24493,-4.05353 c 4.93886,-8.80592 14.81658,-14.11743 25.44261,-13.6981 h 4.93886 c 16.16353,0.69888 26.49024,16.63341 19.60577,30.61107 l -12.12265,24.88023 c -6.88447,14.25722 3.89122,30.4713 20.35408,30.4713 h 0.44899 c 10.62603,0 20.35408,-5.73084 24.84395,-14.81632 l 69.89233,-140.33569 c 4.48987,-9.08548 14.36759,-14.9561 25.14328,-14.81632 v 0 c 16.61253,0.13977 27.23856,16.91297 19.9051,31.0304 l -18.40847,35.08393 c -7.48312,14.39698 3.59189,31.17017 20.35408,31.0304 h 1.04764 c 8.08177,0 15.41522,-4.33308 19.30644,-10.90258 l 5.68717,-9.78436 c 4.04089,-6.70927 11.52401,-10.90257 19.60578,-10.90257 h 4.04088 c 16.61252,0 27.53788,16.49364 20.20442,30.75085 l -6.13616,12.02079 c -7.18379,13.97765 3.29258,30.47129 19.75544,30.75085 h 2.84358 c 10.7757,0.27955 20.80307,-5.45129 25.44261,-14.53677 l 93.23966,-183.94599"    id="path8"    style="fill-opacity: 0;stroke:#000000;stroke-width:36.8819px;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1" /><line    class="cls-3"    x1="99.793846"    y1="429.25391"    x2="99.793846"    y2="355.31207"    id="line8"    style="fill-opacity: 0;stroke:#000000;stroke-width:36.8819px;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1" /><line    class="cls-3"    x1="582.1557"    y1="432.18921"    x2="582.1557"    y2="351.39835"    id="line9"    style="fill-opacity: 0;stroke:#000000;stroke-width:36.8819px;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1" /><line    class="cls-3"    x1="111.16947"    y1="423.5686"    x2="581.37976"    y2="423.5686"    id="line10"    style="fill-opacity: 0;stroke:#000000;stroke-width:36.8593px;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1" /><line    class="cls-3"    x1="73.953217"    y1="178.09453"    x2="190.68373"    y2="178.09453"    id="line11"    style="fill-opacity: 0;stroke:#000000;stroke-width:36.8593px;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1" /></svg>
                </span>
                Serigrafía            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-8"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-8',
        'menu-item-child-active': panelActiveId === 'category-node-8'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Serigrafía        </h2>
                    <a
                href="https://www.brildor.com/es/serigrafia"
                title="Serigraf&#xED;a"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-11">
                    <a
                        href="https://www.brildor.com/es/serigrafia/tintas-para-serigrafia-textil"
                                                title="Tintas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '' }"
                                                    @click.prevent="openSubSubcategory('category-node-11')"
                                            >
                                                Tintas                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="absolute right-0 flex items-center justify-center mr-8 transition duration-300 ease-in-out" width="18" height="18" aria-hidden="true" :class="{&#10;                                        'rotate-180': panelSubActiveId === 'category-node-11'&#10;                                    }">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/>
</svg>
                                            </a>
                    
<ul
    class="transition-all duration-300 ease-in-out overflow-hidden"
    :style="panelSubActiveId === 'category-node-11' ? 'height: 128px' : 'height: 0'"
>
    <li>
        <a
            href="https://www.brildor.com/es/serigrafia/tintas-para-serigrafia-textil"
            title="Tintas"
            class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container underline hover:text-primary"
        >
            Ver todo        </a>
    </li>
            <li>
            <a
                href="https://www.brildor.com/es/serigrafia/tintas-para-serigrafia-textil/tintas-acuosas-para-serigrafia-textil"
                title="Acuosas"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Acuosas            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/serigrafia/tintas-para-serigrafia-textil/plastisol-serigrafia-textil"
                title="Plastisoles"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Plastisoles            </a>
        </li>
            <li>
            <a
                href="https://www.brildor.com/es/serigrafia/tintas-para-serigrafia-textil/adhesivos-serigrafia-textil"
                title="Adhesivos"
                class="flex items-center mx-6 px-2 py-1.5 cursor-pointer text-sm border-container hover:text-primary"
            >
                Adhesivos            </a>
        </li>
    </ul>
                </div>
                                                <div data-child-id="category-node-398">
                    <a
                        href="https://www.brildor.com/es/serigrafia/preparacion-pantallas-serigrafia"
                                                title="Preparaci&#xF3;n&#x20;de&#x20;pantallas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Preparación de pantallas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-399">
                    <a
                        href="https://www.brildor.com/es/serigrafia/grabado-pantallas-serigrafia"
                                                title="Grabado&#x20;de&#x20;pantallas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Grabado de pantallas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-400">
                    <a
                        href="https://www.brildor.com/es/serigrafia/herramientas-consumibles-serigrafia"
                                                title="Herramientas&#x20;y&#x20;consumibles"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Herramientas y consumibles                                            </a>
                                    </div>
                                                <div data-child-id="category-node-401">
                    <a
                        href="https://www.brildor.com/es/serigrafia/recuperacion-pantallas-serigrafia"
                                                title="Recuperaci&#xF3;n&#x20;de&#x20;pantallas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Recuperación de pantallas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-402">
                    <a
                        href="https://www.brildor.com/es/serigrafia/maquinas-manuales-serigrafia"
                                                title="M&#xE1;quinas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Máquinas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-403">
                    <a
                        href="https://www.brildor.com/es/serigrafia/kit-serigrafia"
                                                title="Kits"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Kits                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-285-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/soportes-de-impresion"
            title="Soportes&#x20;de&#x20;impresi&#xF3;n"
                            @click.prevent="openSubcategory('category-node-285')"
                aria-label="Open&#x20;Soportes&#x20;de&#x20;impresi&#xF3;n&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-285'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-285'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M439.449 51.2h-81.8l-43.8-46.5c0-.1-.1-.1-.2-.1l-.6-.6c-.2-.1-.3-.3-.5-.4-.2-.2-.5-.4-.7-.6-.2-.1-.3-.2-.5-.3l-.9-.6c-.1-.1-.2-.2-.4-.2l-1.2-.6c-.1 0-.1-.1-.2-.1-1.6-.8-3.6-1.2-5.7-1.2h-230.3a14.98 14.98 0 0 0-15 15v430.8a14.98 14.98 0 0 0 15 15h38.6V497a14.98 14.98 0 0 0 15 15h313.1a14.98 14.98 0 0 0 15-15V66.2c.1-8.3-6.6-15-14.9-15zm-121.5 1.6l33.1 35.1h-33.1V52.8zm-230.3 378V30h200.3v72.9a14.98 14.98 0 0 0 15 15h67.9v312.9h-283.2zm53.6 51.2v-21.2h244.5a14.98 14.98 0 0 0 15-15V102.9c0-.5 0-1-.1-1.5 0-.2-.1-.5-.1-.7s-.1-.5-.1-.7c-.1-.3-.1-.6-.2-.8 0-.2-.1-.4-.1-.6-.1-.3-.2-.6-.3-.8s-.1-.3-.2-.5c-.1-.3-.2-.5-.4-.8-.1-.2-.2-.4-.3-.5-.1-.2-.3-.5-.4-.7l-.3-.6c-.1-.2-.3-.4-.4-.6s-.3-.4-.4-.6-.3-.4-.5-.5c-.1-.1-.2-.3-.3-.4l-10.8-11.5h38.5V482h-283.1z"/></svg>
                </span>
                Soportes de impresión            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-285"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-285',
        'menu-item-child-active': panelActiveId === 'category-node-285'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Soportes de impresión        </h2>
                    <a
                href="https://www.brildor.com/es/soportes-de-impresion"
                title="Soportes&#x20;de&#x20;impresi&#xF3;n"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-287">
                    <a
                        href="https://www.brildor.com/es/soportes-de-impresion/papeles-fotograficos"
                                                title="Papeles&#x20;fotogr&#xE1;ficos"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Papeles fotográficos                                            </a>
                                    </div>
                                                <div data-child-id="category-node-288">
                    <a
                        href="https://www.brildor.com/es/soportes-de-impresion/laminas-plasticas"
                                                title="L&#xE1;minas&#x20;pl&#xE1;sticas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Láminas plásticas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-338">
                    <a
                        href="https://www.brildor.com/es/soportes-de-impresion/papeles"
                                                title="Papeles"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Papeles                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-7-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/sublimacion"
            title="Sublimaci&#xF3;n"
                            @click.prevent="openSubcategory('category-node-7')"
                aria-label="Open&#x20;Sublimaci&#xF3;n&#x20;subcategories"
                aria-haspopup="true"
                :aria-expanded="panelActiveId === 'category-node-7'"
                :class="{ 'text-primary font-semibold active': panelActiveId === 'category-node-7'}"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M497 355.1h-18.8v-34.2a14.98 14.98 0 0 0-15-15H48.8a14.98 14.98 0 0 0-15 15v34.2H15a14.98 14.98 0 0 0-15 15v90.2a14.98 14.98 0 0 0 15 15h482a14.98 14.98 0 0 0 15-15v-90.2a14.98 14.98 0 0 0-15-15zM63.8 335.9h384.3v19.2H63.8v-19.2zM482 445.3H30v-60.2h452v60.2zM381.1 36.7H256a15 15 0 1 0 0 30h110.1v29.6c-42.8-3.8-154.7-8-213.2 42.9-24.6 21.4-37 49.6-37 84.1a14.98 14.98 0 0 0 15 15h250.2a14.98 14.98 0 0 0 15-15V113.1 51.7a14.98 14.98 0 0 0-15-15zm-15 171.6H147c2.8-18.7 11.3-33.9 25.6-46.4 50.5-44 156.7-38.7 193.5-35.4v81.8z"/><use href="#B"/><use href="#B" x="56.7"/><use href="#B" x="113.5"/><use href="#B" x="170.2"/><path d="M338.2 151.4H256a14.98 14.98 0 1 0 0 30h82.2a14.98 14.98 0 1 0 0-30z"/><path id="B" d="M170.9 248.7a14.98 14.98 0 0 0-15 15v19.6a14.98 14.98 0 1 0 30 0v-19.6a14.98 14.98 0 0 0-15-15z"/></svg>
                </span>
                Sublimación            </div>
                            <div class="absolute right-0 flex items-center justify-center w-11 h-11 mr-7 lg:mr-3 bg-container-lighter border-container h-auto">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                </div>
                    </a>
    </div>
            
<ul
    data-child-id="category-node-7"
    class="menu-item-child"
    aria-label="Subcategories"
    :class="{
        'menu-item-child-inactive': panelActiveId !== 'category-node-7',
        'menu-item-child-active': panelActiveId === 'category-node-7'
    }"
>
    <li class="px-8 py-4 bg-container-lighter">
        <h2 class="menu-item-child-title">
            Sublimación        </h2>
                    <a
                href="https://www.brildor.com/es/sublimacion"
                title="Sublimaci&#xF3;n"
                class="menu-item-view-all"
            >
                <span class="text-sm hover:text-primary underline">
                    Ver todo                </span>
            </a>
            </li>
    <li class="overflow-y-auto">
                                    <div data-child-id="category-node-50">
                    <a
                        href="https://www.brildor.com/es/sublimacion/tintas-para-sublimacion"
                                                title="Tintas"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Tintas                                            </a>
                                    </div>
                                                <div data-child-id="category-node-51">
                    <a
                        href="https://www.brildor.com/es/sublimacion/papel-para-sublimacion"
                                                title="Papel"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Papel                                            </a>
                                    </div>
                                                <div data-child-id="category-node-52">
                    <a
                        href="https://www.brildor.com/es/sublimacion/barnices-para-sublimacion"
                                                title="Barnices&#x20;e&#x20;Imprimaciones"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Barnices e Imprimaciones                                            </a>
                                    </div>
                                                <div data-child-id="category-node-53">
                    <a
                        href="https://www.brildor.com/es/sublimacion/sublimacion-sobre-algodon"
                                                title="Sublimaci&#xF3;n&#x20;sobre&#x20;Algod&#xF3;n"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Sublimación sobre Algodón                                            </a>
                                    </div>
                                                <div data-child-id="category-node-69">
                    <a
                        href="https://www.brildor.com/es/sublimacion/accesorios-y-consumibles-para-sublimacion"
                                                title="Accesorios,&#x20;Consumibles&#x20;y&#x20;Recambios"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Accesorios, Consumibles y Recambios                                            </a>
                                    </div>
                                                <div data-child-id="category-node-54">
                    <a
                        href="https://www.brildor.com/es/sublimacion/impresora-sublimacion-software"
                                                title="Impresoras&#x20;y&#x20;Softwares"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Impresoras y Softwares                                            </a>
                                    </div>
                                                <div data-child-id="category-node-622">
                    <a
                        href="https://www.brildor.com/es/sublimacion/servicio-impresion-sublimacion-demanda"
                                                title="Servicio&#x20;de&#x20;Impresi&#xF3;n&#x20;SUBLI"
                        class="relative flex items-center mx-4 px-4 py-2 cursor-pointer font-semiboldborder-container hover:bg-gray-100"
                        :class="{ 'hover:text-primary': '1' }"
                                            >
                                                Servicio de Impresión SUBLI                                            </a>
                                    </div>
                        </li>
</ul>
    </li>
            
<li
    data-child-id="category-node-36-main"
    class="level-0"
>
    <div class="flex items-center transition-transform duration-150 ease-in-out transform">
        <a
            class="flex items-center w-full px-8 py-2 cursor-pointer bg-container-lighter border-container level-0 hover:text-primary"
            href="https://www.brildor.com/es/vinilos"
            title="Vinilos"
                    >
            <div class="flex items-center gap-4">
                <span class="w-6 h-6 text-black menu-icon">
                    <svg version="1.1" id="svg3372" xml:space="preserve" width="682.66669" height="682.66669" viewBox="0 0 682.66669 682.66669" xmlns="http://www.w3.org/2000/svg"><defs id="defs3376" /><path d="m 200.09375,462.88535 c 0,-33.09964 -26.92862,-60.02836 -60.02813,-60.02836 -33.0995,0 -60.02812,26.92872 -60.02812,60.02836 0,33.09964 26.92862,60.02836 60.02812,60.02836 33.09951,0 60.02813,-26.93006 60.02813,-60.02836 z m -80.0375,0 a 20.036054,20.036132 0 0 1 20.00937,-20.00945 20.036054,20.036132 0 0 1 20.00938,20.00945 20.036054,20.036132 0 0 1 -20.00938,20.00945 20.036054,20.036132 0 0 1 -20.00937,-20.00945 z m 562.93042,-285.4682 c 0,-33.09964 -26.92862,-60.02836 -60.02813,-60.02836 H 278.28639 C 267.41462,50.902715 209.57686,0 140.06562,0 62.833439,0 0,62.833685 0,140.06617 v 328.14836 c 0,19.68664 5.928111,39.51467 14.673542,57.02828 21.996973,44.83318 69.848726,76.37875 120.050918,77.70738 h 405.53 v 60.02836 c 0,11.05055 8.95886,20.00945 20.00937,20.00945 h 62.69605 c 33.0995,0 60.02812,-26.92872 60.02812,-60.02836 z m -40.01875,0 v 388.95709 c -6.26294,-2.22105 -12.99409,-3.44162 -20.00938,-3.44162 H 560.2625 237.98083 c 24.11797,-23.60849 39.75997,-55.83572 41.8903,-91.64597 0.15474,-1.00314 0.26012,-313.87895 0.26012,-313.87895 h 342.82729 a 20.036054,20.036132 0 0 1 20.00938,20.00945 z M 40.01875,140.06617 c 0,-55.16606 44.881028,-100.047264 100.04687,-100.047264 55.16585,0 100.04688,44.881204 100.04688,100.047264 v 224.90092 c -25.44259,-25.98961 -60.88986,-42.14791 -100.04688,-42.14791 -39.15701,0 -74.604283,16.1583 -100.04687,42.14791 z m 0,322.81918 c 0,-55.16606 44.881028,-100.04727 100.04687,-100.04727 55.16585,0 100.04688,44.88121 100.04688,100.04727 0,55.16606 -44.88103,100.04727 -100.04688,100.04727 -55.165842,0 -100.04687,-44.88254 -100.04687,-100.04727 z m 582.93979,180.08508 h -42.68667 v -40.01891 h 42.68667 a 20.036054,20.036132 0 0 1 20.00938,20.00945 20.036054,20.036132 0 0 1 -20.00938,20.00946 z" id="path1" style="stroke-width:1.33396" /></svg>
                </span>
                Vinilos            </div>
                    </a>
    </div>
    </li>
    </ul>
            </div>

            
<div class="absolute w-full bottom-0 md:hidden">
    <ul class="flex gap-2 justify-between w-full px-6 py-3 text-primary-darker bg-container-lighter shadow-[0_-2px_5px_0_rgba(0,0,0,0.15)]">
        <li>
            <a
                href="https://www.brildor.com/blog/es/"
                title="Blog"
                target="_blank"
                class="hover:text-primary"
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="h-6 w-6 m-auto pt-1" aria-hidden="true"><path d="M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4M2 6h4M2 10h4M2 14h4M2 18h4"/><path d="M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/></svg>
                <span class="text-xs font-semibold">Blog</span>
            </a>
        </li>
        <li>
            <a
                href="https://www.brildor.com/es/customer/everyday/"
                title="Habituales"
                class="hover:text-primary"
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="h-6 w-6 m-auto pt-1" aria-hidden="true"><path d="M11 10v4h4"/><path d="m11 14 1.535-1.605a5 5 0 0 1 8 1.5M16 2v4M21 18l-1.535 1.605a5 5 0 0 1-8-1.5"/><path d="M21 22v-4h-4M21 8.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4.3M3 10h4M8 2v4"/></svg>
                <span class="text-xs font-semibold">Habituales</span>
            </a>
        </li>
        <li>
            <a
                href="https://www.brildor.com/es/customer/favorites/"
                title="Favoritos"
                class="hover:text-primary"
            >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 m-auto pt-1" width="28" height="28" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
                <span class="text-xs font-semibold">Favoritos</span>
            </a>
        </li>
    </ul>
</div>
        </div>
    </div>
</nav>


<script>
    'use strict';

    const initMenu_6a28094f609e6 = () => {
        return {
            panelActiveId: null,
            panelSubActiveId: null,
            panelSubSubActiveId: null,
            open: false,
            openMenu() {
                this.open = true;
                this.$nextTick(() => hyva.trapFocus(this.$refs['menuNavLinks']));
                // Prevent from body scrolling while menu opened
                document.body.style.overflow = 'hidden';
            },
            closeMenu() {
                document.body.style.overflow = '';

                if (this.open) {
                    this.$nextTick(() => this.$refs['menuTrigger'].focus() || hyva.releaseFocus());
                }

                this.open = false
                this.panelSubActiveId = null;
                this.panelSubSubActiveId = null;
                this.panelActiveId = null
            },
            openSubcategory(index) {
                const menuNodeRef = document.querySelector('[data-child-id=' + index + ']')
                this.panelActiveId = index;
                this.$nextTick(() => hyva.trapFocus(menuNodeRef))
            },
            closeSubcategory() {
                this.panelActiveId = null
                this.$nextTick(() => hyva.releaseFocus())
            },
            openSubSubcategory(index) {
                this.panelSubSubActiveId = null;
                const menuNodeRef = document.querySelector('[data-child-id=' + index + ']');
                this.panelSubActiveId = this.panelSubActiveId === index ? 0 : index
                this.$nextTick(() => hyva.trapFocus(menuNodeRef))
            },
            backToMainCategories(index) {
                const menuNodeRef = document.querySelector('[data-child-id=' + index + ']')
                this.panelActiveId = 0
                this.$nextTick(() => {
                    hyva.trapFocus(this.$refs['menuNavLinks'])
                    menuNodeRef.querySelector('a').focus()
                })
            },
            toggleSubSubcategoryWithoutClosingParent(id) {
                this.panelSubSubActiveId = this.panelSubSubActiveId === id ? null : id;
            },
            getMenuHeightFeatured(categoryId, childrenCount, grandchildrenCount = 0) {
                if (this.panelSubActiveId !== categoryId) return '0';
                const base = 32 + (childrenCount * 40);
                const extra = this.panelSubSubActiveId != null ? (grandchildrenCount * 32) : 0;
                return `${base + extra}px`;
            }

        }
    }
</script>
        </div>

        <!--Search-->
        

<script>
    function initSwiperCss() {
        const link = document.createElement('link');
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = 'https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Codilar_BannerSlider/css/swiper/swiper-bundle.min.css';
        document.head.appendChild(link);
    }

    function initSwiperJs() {
        const script = document.createElement('script');
        script.src = 'https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Codilar_BannerSlider/js/swiper/swiper-bundle.min.js';
        script.type = 'text/javascript';
        script.defer = true;
        script.crossOrigin = true;
        document.body.appendChild(script);

        script.onload = function () {
            let event = new CustomEvent('swiperJsLoaded');
            document.dispatchEvent(event);
        };
    }

    function initSwiper() {
        initSwiperCss();
        initSwiperJs();
    }

    window.addEventListener('ReloadSwiper', () => {
        initSwiper();
    });

    if (document.readyState !== "loading" && typeof Swiper === 'undefined') {
        initSwiper();
    } else {
        document.addEventListener('DOMContentLoaded', initSwiper, {
            once: true,
            passive: true
        });
    }
</script>

<script>
    function initMiniSearchComponent() {
        "use strict";

        return {
            show: false,
            loadingTimes: 0,
            formSelector: "#search_mini_form",
            url: "https:\/\/www.brildor.com\/es\/search\/ajax\/suggest\/",
            destinationSelector: "#search_autocomplete",
            templates: {"term":{"title":"Search terms","template":"Hyva_SmileElasticsuite::core\/autocomplete\/term.phtml"},"product":{"title":"Productos","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product.phtml"},"category":{"title":"Categor\u00edas","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/category.phtml"},"product_attribute":{"title":"Atributos","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product_attribute.phtml","titleRenderer":"renderEsAutocompleteTitleAttribute"},"cms_page":{"title":"Cms page","template":"Hyva_SmileElasticsuite::cms-search\/autocomplete\/cms.phtml"}},
            priceFormat: {"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},
            minSearchLength: 2,
            searchResultsByType: {},
            currentRequest: null,
            swiper: null,

            init: function () {
                window.addEventListener('resize', () => {
                    this.setMaxHeightSearchContent();
                    this.setHeightContent(true);
                });
            },

            /**
             * Get search results.
             */
            getSearchResults: function () {
                let value = document.querySelector('#search').value.trim();

                if (value.length < parseInt(this.minSearchLength, 10)) {
                    this.searchResultsByType = [];
                    this.setShow(false);

                    return false;
                }

                this.loadingTimes += 1;
                this.setShow(true);

                let url = this.url + '?' + new URLSearchParams({
                    query: document.querySelector('#search').value,
                    _: Date.now()
                }).toString();

                if (this.currentRequest !== null) {
                    this.currentRequest.abort();
                }
                this.currentRequest = new AbortController();

                fetch(url, {
                    method: 'GET',
                    signal: this.currentRequest.signal,
                }).then((response) => {
                    if (response.ok) {
                        return response.json();
                    }
                }).then((data)  => {
                    this.searchResultsByType = data.reduce((acc, result) => {
                        if (! acc[result.type]) acc[result.type] = [];
                        acc[result.type].push(result);
                        return acc;
                    }, {});

                    this.initSwiper();
                }).catch(() => {
                    ;
                }).finally(() => {
                    this.loadingTimes -= 1;
                    this.setHeightContent();
                })
            },

            getHrefViewAllProducts: function () {
                const baseUrl = 'https://www.brildor.com/es/search/';

                const query = new URLSearchParams({
                    query: this.$refs.searchInput.value
                }).toString();

                return baseUrl + '?' + query;
            },

            setShow: function (value) {
                this.setMaxHeightSearchContent();
                this.show = value;
                const body = document.querySelector('body');
                body.style.overflow = value ? 'hidden' : '';
                this.setHeightContent();
            },

            onFocusSearchInput: function () {
                if (
                    this.searchResultsByType &&
                    this.searchResultsByType.product &&
                    this.searchResultsByType.product.length
                ) {
                    this.setShow(true);
                }
            },

            setHeightContent: function (resetHeight = false) {
                const autocompleteContent = document.querySelector('#search_autocomplete_content');

                if (!this.show) {
                    autocompleteContent.classList.remove('border-2');
                    autocompleteContent.classList.add('border-0');
                    autocompleteContent.style.height = '0px';
                    return;
                }

                setTimeout(() => {
                    autocompleteContent.style.overflowY = 'hidden';

                    autocompleteContent.classList.remove('border-0');
                    autocompleteContent.classList.add('border-2');

                    const borderHeight = parseInt(getComputedStyle(autocompleteContent).borderTopWidth, 10) + parseInt(getComputedStyle(autocompleteContent).borderBottomWidth, 10);
                    const height = autocompleteContent.children[0].scrollHeight + borderHeight;
                    const heightStyle = parseInt(autocompleteContent.style.height.replace('px', ''), 10);

                    if (resetHeight || (heightStyle < height)) {
                        autocompleteContent.style.height = height + 'px';
                    } else {
                        autocompleteContent.style.overflowY = '';
                    }
                }, 50);
            },

            initSwiper: function () {
                new Swiper('#search-products-swiper', {
                    slidesPerView: 'auto',
                    speed: 400,
                    spaceBetween: 20
                });
            },

            setMaxHeightSearchContent: function () {
                const pageHeader = document.querySelector('.page-header');
                const searchContent = document.querySelector('#search-content');
                const autocompleteContent = document.querySelector('#search_autocomplete_content');

                let heightHeader = pageHeader.offsetHeight || 0;
                const searchContentTop = Number(getComputedStyle(searchContent).getPropertyValue('top').replace('px', ''));

                if (searchContentTop) {
                    heightHeader += searchContentTop;
                }

                autocompleteContent.style.maxHeight = `calc(100dvh - ${heightHeader}px)`;
            },

            validateAndSubmit: function (event) {
                const searchValue = this.$refs.searchInput.value.trim();
                const minLength = parseInt(this.minSearchLength, 10);

                if (searchValue.length < minLength) {
                    event.preventDefault();
                    this.$refs.searchInput.focus();
                    return false;
                }

                return true;
            }
        }
    }
</script>

<script>
    function initMiniSearchComponentAlgolia() {
        const base = initMiniSearchComponent();

        return {
            ...base,
            suggestions: {"term":3,"product":8,"category":3},
            isEnableQuerySuggestions: true,
            _searchDebounceTimer: null,
            debounceTimeout: 925,
            cacheQueries: [],

            onClickSearchResult: function (searchResult) {
                const type = {term: 'Term', category: 'Category', product: 'Product'}[searchResult.type];
                if (type) {
                    this.clickAlgoliaObject(type, searchResult.algolia);
                }
            },

            clickAlgoliaObject: function (eventName, data) {
                if (
                    typeof aa === 'undefined' ||
                    !data.indexName ||
                    !data.queryID ||
                    !data.objectID ||
                    !data.position
                ) {
                    return;
                }

                sessionStorage.setItem('algoliaLastQueryID', data.queryID);

                aa("clickedObjectIDsAfterSearch", {
                    eventName: eventName,
                    index: data.indexName,
                    queryID: data.queryID,
                    objectIDs: [data.objectID],
                    positions: [data.position],
                });
            },

            getSearchResults: function () {
                let value = document.querySelector('#search').value.trim();

                if (value.length < parseInt(this.minSearchLength, 10)) {
                    this.searchResultsByType = [];
                    this.setShow(false);

                    return false;
                }

                this.searchDebounce(value);
            },

            searchDebounce: function (query) {
                if (!this.loadingTimes) {
                    this.loadingTimes += 1;
                }

                this.setShow(true);
                clearTimeout(this._searchDebounceTimer);

                if (this.cacheQueries.includes(query)) {
                    this.searchAlgolia(query);
                    return;
                }

                this._searchDebounceTimer = setTimeout(
                    () => this.searchAlgolia(query),
                    this.debounceTimeout
                );
            },

            searchAlgolia: function (query) {
                BrildorAlgoliaSearch.getClient().search([
                    this.getSuggestionSearchRequest(query),
                    this.getProductSearchRequest(query),
                    this.getCategorySearchRequest(query)
                ]).then(response => {
                    this.handleAlgoliaSearchResponse(query, response);
                }).catch(() => {
                    ;
                }).finally(() => {
                    if (this.loadingTimes) {
                        this.loadingTimes -= 1;
                    }
                    this.setHeightContent();
                });
            },

            getSuggestionSearchRequest: function (query) {
                const searchParams = BrildorAlgoliaSearch.getIndexRequestParams(
                    'term', query, null,
                    this.suggestions['term'] ?? 3,
                    ['query', 'number_of_results']
                );

                if (this.isEnableQuerySuggestions) {
                    const productIndex = BrildorAlgoliaSearch.indexes.product;
                    searchParams['filters'] = `${productIndex}.exact_nb_hits>0`;
                }

                return searchParams;
            },

            getProductSearchRequest: function (query) {
                return BrildorAlgoliaSearch.getIndexRequestParams(
                    'product', query, null,
                    this.suggestions['product'] ?? 8,
                    ['name', 'image_url', 'labels_html', 'url', 'price_info']
                );
            },

            getCategorySearchRequest: function (query) {
                return BrildorAlgoliaSearch.getIndexRequestParams(
                    'category', query, null,
                    this.suggestions['category'] ?? 3,
                    ['path', 'url']
                );
            },

            handleAlgoliaSearchResponse: function(query, response) {
                if (response.results) {
                    this.handleAlgoliaSearchResults(response.results);
                }

                if (!this.cacheQueries.includes(query)) {
                    this.cacheQueries.push(query);
                }

                this.initSwiper();
            },

            handleAlgoliaSearchResults: function (results) {
                this.searchResultsByType = Object.fromEntries([
                    [ 'term',     this.getAlgoliaTermsData(results[0])      ],
                    [ 'product',  this.getAlgoliaProductsData(results[1])   ],
                    [ 'category', this.getAlgoliaCategoriesData(results[2]) ]
                ].filter(([, data]) => data.length));
            },

            getAlgoliaBaseData: function (hit, index, result) {
                return {
                    indexName: result.index ?? '',
                    position: index + 1,
                    objectID: hit.objectID ?? '',
                    queryID: result.queryID ?? ''
                };
            },

            getAlgoliaTermsData: function (result) {
                if (!result || !result.hits) {
                    return [];
                }

                return result.hits.map((hit, index) => ({
                    algolia: this.getAlgoliaBaseData(hit, index, result),
                    title: hit.query ?? '',
                    type: 'term',
                    num_results: hit.number_of_results ?? 0
                }));
            },

            getAlgoliaProductsData: function (result) {
                if (!result || !result.hits) {
                    return [];
                }

                return result.hits.map((hit, index) => ({
                    algolia: this.getAlgoliaBaseData(hit, index, result),
                    title: hit.name ?? '',
                    type: 'product',
                    image: hit.image_url ?? '',
                    labels: hit.labels_html ?? [],
                    url: this.replaceDomainWithCurrent(hit.url),
                    price_info: hit.price_info ?? []
                }));
            },

            getAlgoliaCategoriesData: function (result) {
                if (!result || !result.hits) {
                    return [];
                }

                return result.hits.map((hit, index) => {
                    const breadcrumb = hit.path ? hit.path.split(' / ') : [];
                    return {
                        algolia: this.getAlgoliaBaseData(hit, index, result),
                        title: breadcrumb.length ? breadcrumb[breadcrumb.length - 1] : '',
                        type: 'category',
                        url: this.replaceDomainWithCurrent(hit.url),
                        breadcrumb: breadcrumb.length > 1 ? breadcrumb.slice(0, -1) : []
                    }
                });
            },

            replaceDomainWithCurrent: function (url) {
                const parsedUrl = new URL(url);
                parsedUrl.protocol = window.location.protocol;
                parsedUrl.host = window.location.host;
                return parsedUrl.toString();
            }
        }
    }
</script>

<div
    id="search-content" class="search-content " x-show="true"
    x-data="initMiniSearchComponentAlgolia()"
>
    <div class="text-gray-700" @click.away="show && setShow(false)">
        <form
            class="form minisearch mr-6 sm:mr-0"
            id="search_mini_form"
            action="https://www.brildor.com/es/search/"
            method="GET"
            role="search"
            novalidate
            @submit="validateAndSubmit($event)"
        >
            <div class="search-field">
                <label class="sr-only" for="search">
                    Buscar                </label>
                <input
                    id="search"
                    x-on:input.debounce="getSearchResults()"
                    x-on:focus="onFocusSearchInput()"
                    x-ref="searchInput"
                    type="search"
                    class="z-20 block w-full h-auto pr-24 leading-tight placeholder-gray-500 bg-transparent border-0
                       focus:ring-0 md:h-10 transition duration-700 ease-in-out outline-none"
                    autocapitalize="off" autocomplete="off" autocorrect="off"
                    name="query"
                    value=""
                    placeholder="Buscar"
                    maxlength="128"
                    @search-open.window.debounce.10="$el.focus(); $el.select();"
                />
                <!--Clear Button-->
                <button
                    type="button"
                    aria-label="Limpiar"
                    class="absolute top-0.5 bottom-0.5 right-16 hover:opacity-60"
                    x-show="show"
                    style="display: none;"
                    @click="setShow(false); $refs.searchInput.value = ''; getSearchResults()"
                    x-transition:enter="transition ease-out duration-200"
                    x-transition:enter-start="opacity-0"
                    x-transition:enter-end="opacity-100"
                    x-transition:leave="transition ease-in duration-200"
                    x-transition:leave-start="opacity-100"
                    x-transition:leave-end="opacity-0"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-5 w-5" width="28" height="28" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                </button>
                <!--Search Button-->
                <button
                    id="menu-search-icon"
                    type="submit"
                    aria-label="Buscar"
                    class="py-2 px-4 rounded-r-lg hover:bg-opacity-[85%] outline-offset-2 absolute -top-0.5 -bottom-0.5 -right-0.5 bg-primary text-white"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6" width="28" height="28" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
</svg>
                </button>
            </div>
            <div id="search_autocomplete" class="search-autocomplete">
                <div
                    id="search_autocomplete_content"
                    class="absolute bg-white border-0 border-solid top-full left-0 z-5 w-full max-h-0 overflow-y-auto transition-[height] duration-300"
                    @transitionstart="$el.style.overflowY = 'hidden'"
                    @transitionend="$el.style.overflowY = ''"
                    @click="loadingTimes < 1 && $el.style.overflowY === 'hidden' && ($el.style.overflowY = '')"
                    @touchstart="loadingTimes < 1 && $el.style.overflowY === 'hidden' && ($el.style.overflowY = '')"
                    style="height: 0;"
                >
                    <div class="py-6 min-h-48">
                        <template x-if="loadingTimes > 0">
                            <div class="w-full text-center py-2 absolute top-0 bottom-0 left-0 right-0 flex flex-col items-center justify-center">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="#6A7282FF" viewBox="0 0 24 24" class="w-full h-16 mb-2 animate-pulse opacity-70" width="24" height="24" aria-hidden="true"><rect x="1" y="6" width="2.8" height="12"><animate begin="spinner_Diec.begin+0.4s" attributeName="y" calcMode="spline" dur="0.6s" values="6;1;6" keySplines=".14,.73,.34,1;.65,.26,.82,.45"/><animate begin="spinner_Diec.begin+0.4s" attributeName="height" calcMode="spline" dur="0.6s" values="12;22;12" keySplines=".14,.73,.34,1;.65,.26,.82,.45"/></rect><rect x="5.8" y="6" width="2.8" height="12"><animate begin="spinner_Diec.begin+0.2s" attributeName="y" calcMode="spline" dur="0.6s" values="6;1;6" keySplines=".14,.73,.34,1;.65,.26,.82,.45"/><animate begin="spinner_Diec.begin+0.2s" attributeName="height" calcMode="spline" dur="0.6s" values="12;22;12" keySplines=".14,.73,.34,1;.65,.26,.82,.45"/></rect><rect x="10.6" y="6" width="2.8" height="12"><animate id="spinner_Diec" begin="0;spinner_dm8s.end-0.1s" attributeName="y" calcMode="spline" dur="0.6s" values="6;1;6" keySplines=".14,.73,.34,1;.65,.26,.82,.45"/><animate begin="0;spinner_dm8s.end-0.1s" attributeName="height" calcMode="spline" dur="0.6s" values="12;22;12" keySplines=".14,.73,.34,1;.65,.26,.82,.45"/></rect><rect x="15.4" y="6" width="2.8" height="12"><animate begin="spinner_Diec.begin+0.2s" attributeName="y" calcMode="spline" dur="0.6s" values="6;1;6" keySplines=".14,.73,.34,1;.65,.26,.82,.45"/><animate begin="spinner_Diec.begin+0.2s" attributeName="height" calcMode="spline" dur="0.6s" values="12;22;12" keySplines=".14,.73,.34,1;.65,.26,.82,.45"/></rect><rect x="20.2" y="6" width="2.8" height="12"><animate id="spinner_dm8s" begin="spinner_Diec.begin+0.4s" attributeName="y" calcMode="spline" dur="0.6s" values="6;1;6" keySplines=".14,.73,.34,1;.65,.26,.82,.45"/><animate begin="spinner_Diec.begin+0.4s" attributeName="height" calcMode="spline" dur="0.6s" values="12;22;12" keySplines=".14,.73,.34,1;.65,.26,.82,.45"/></rect></svg>
                                <span class="text-gray-500 animate-pulse">Buscando...</span>
                            </div>
                        </template>
                        <template x-if="show && loadingTimes < 1 && Object.keys(searchResultsByType).length === 0">
                            <div class="w-full text-center py-2 absolute top-0 bottom-0 left-0 right-0 flex flex-col items-center justify-center">
                                <span class="text-gray-500">No se encontraron resultados</span>
                            </div>
                        </template>
                        <template x-if="loadingTimes < 1 && Object.keys(searchResultsByType).length > 0">
                            <div class="flex flex-wrap flex-col-reverse  xl:flex-row gap-x-12 gap-y-6 w-[95%] m-auto justify-between">
                                <div class="grid sm:grid-cols-2 xl:flex xl:flex-col gap-6 sm:gap-8 xl:w-[195px]">
                                    <div>
                                        <p class="font-medium mb-2 text-gray-900">Sugerencias de búsqueda</p>
                                        <div class="space-y-1">
                                            <template x-for="searchResult in searchResultsByType.term">
                                                <div>
                                                    
<template x-if="searchResult.type == 'term'">
    <a
        class="w-full py-1 hover:opacity-80 flex gap-1 items-center"
        :title="searchResult.title"
        :href="'https://www.brildor.com/es/search/?query=' + encodeURIComponent(searchResult.title)"
        @click="typeof onClickSearchResult === 'function' && onClickSearchResult(searchResult)"
    >
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="mr-1" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
</svg>
        <div class="text-balance flex-1">
            <span class="text-sm" x-text="searchResult.title"></span>
            <span class="text-sm" x-show="searchResult.num_results" x-text="'(' + searchResult.num_results + ')'"></span>
        </div>
    </a>
</template>
                                                </div>
                                            </template>
                                            <template x-if="!searchResultsByType.term">
                                                <div class="text-gray-500 text-sm italic">
                                                    No se encontraron resultados                                                </div>
                                            </template>
                                        </div>
                                    </div>
                                    <div>
                                        <p class="font-medium mb-2 text-gray-900"> Categorías sugeridas</p>
                                        <template x-if="searchResultsByType.category">
                                            <div class="space-y-1">
                                                <template x-for="searchResult in searchResultsByType.category">
                                                    <div>
                                                        
<template x-if="searchResult.type == 'category'">
    <a
        class="w-full block py-1 hover:opacity-80"
        :href="searchResult.url"
        :title="searchResult.title"
        @click="typeof onClickSearchResult === 'function' && onClickSearchResult(searchResult)"
    >
        <span x-show="searchResult.breadcrumb && searchResult.breadcrumb.length" class="text-sm italic text-gray-500" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span>
        <span class="text-sm font-medium" x-text="searchResult.title"></span>
    </a>
</template>
                                                    </div>
                                                </template>
                                            </div>
                                        </template>
                                        <template x-if="!searchResultsByType.category">
                                            <div class="text-gray-500 text-sm italic">
                                                No se encontraron resultados                                            </div>
                                        </template>
                                    </div>
                                </div>
                                <div class="xl:flex-1 overflow-hidden w-full">
                                    <div class="mb-3 flex justify-between items-start">
                                        <div>
                                            <p class="font-medium leading-[1.2]  text-gray-900">
                                                Productos sugeridos                                            </p>
                                            <a class="text-sm font-medium text-primary hover:opacity-80" :href="getHrefViewAllProducts()">
                                                Ver todos los productos                                            </a>
                                        </div>
                                        <button class="search-close-btn" type="button" aria-label="Cerrar" @click="setShow(false)">
                                            <span class="sr-only">
                                                Cerrar                                            </span>
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-5 w-5" width="28" height="28" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                                        </button>
                                    </div>
                                    <div x-init="initSwiper()" id="search-products-swiper" class="swiper">
                                        <div class="swiper-wrapper items-stretch" style="width: 95%;">
                                            <template x-for="searchResult in searchResultsByType.product">
                                                <div class="swiper-slide flex-1 max-w-44" style="min-width: 170px; height: 240px;">
                                                    
<template x-if="searchResult.type == 'product'">
    <a
        class="w-full h-full flex flex-col gap-1 hover:opacity-80 px-4 py-2 border rounded-lg border-gray-200"
        :href="searchResult.url"
        :title="searchResult.title"
        @click="typeof onClickSearchResult === 'function' && onClickSearchResult(searchResult)"
    >
        <div>
            <div x-html="searchResult.labels"></div>
            <img :src="searchResult.image" class="inline-block" :alt="searchResult.title" :title="searchResult.title" width="138" height="138">
        </div>
        <div class="flex flex-col">
            <span
                class="h-[29px] text-xs font-semibold text-gray-900 text-balance text-ellipsis overflow-hidden leading-[1.2] line-clamp-2 mt-2 mb-1 text-center"
                x-text="searchResult.title">
            </span>
            <template x-if="searchResult.price_info.display && searchResult.price_info.offer">
                <div class="leading-none">
                    <div class="flex items-center gap-1 justify-center">
                        <span class="text-sm price-color font-semibold" x-text="searchResult.price_info.offer.price"></span>
                        <span class="text-xs text-gray-500 line-through" x-text="searchResult.price_info.regular"></span>
                    </div>
                    <template x-if="searchResult.price_info.offer.offerDateTo">
                        <div class="price-to-date text-brildor-orange text-[0.65rem] font-bold text-center mt-1"
                             x-text="searchResult.price_info.offer.offerDateTo">
                        </div>
                    </template>
                </div>
            </template>
            <template x-if="searchResult.price_info.display && !searchResult.price_info.offer && searchResult.price_info.grouped">
                <div class="leading-none">
                    <span class="text-base price-color font-semibold flex-1 flex justify-center items-center">Ver precios</span>
                </div>
            </template>
            <template x-if="searchResult.price_info.display && !searchResult.price_info.offer && !searchResult.price_info.grouped">
                <div class="leading-none">
                    <template x-if="!searchResult.price_info.minimal">
                        <div class="flex items-center justify-center items-baseline">
                            <template x-if="searchResult.price_info.display_from_price">
                                <span class="text-xs text-gray-500 font-semibold mr-1">Desde: </span>
                            </template>
                            <span class="text-sm price-color font-semibold" x-text="searchResult.price_info.regular"></span>
                        </div>
                    </template>
                    <template x-if="searchResult.price_info.display && searchResult.price_info.minimal">
                        <div class="flex flex-col items-center justify-center">
                            <div class="text-sm">
                                <span class="price-color font-semibold" x-text="searchResult.price_info.regular"></span>
                            </div>
                            <div class="text-xs">
                                <span class="text-gray-500 font-semibold">Desde: </span>
                                <span class="price-color font-semibold" x-text="searchResult.price_info.minimal"></span>
                            </div>
                        </div>
                    </template>
                </div>
            </template>
        </div>
    </a>
</template>
                                                </div>
                                            </template>
                                            <template x-if="!searchResultsByType.product">
                                                <div class="text-gray-500 text-sm italic">
                                                    No se encontraron resultados                                                </div>
                                            </template>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>
                </div>
                <div @click="setShow(false)" class="search-backdrop" style="display: none;"
                     x-show="show"
                     x-transition:enter="transition ease-out duration-200"
                     x-transition:enter-start="opacity-0"
                     x-transition:enter-end="opacity-100"
                     x-transition:leave="transition ease-in duration-200"
                     x-transition:leave-start="opacity-100"
                     x-transition:leave-end="opacity-0"
                ></div>
            </div>
                    </form>
    </div>
</div>

        <div x-ref="parentHeaderItems" class="flex items-center gap-2 md:gap-1 order-3">
            <!-- Additional Header Elements -->
                <div
        x-data="{ open: false }"
        id="store-switcher"
        class="relative inline-block text-left"
    >
        <div>
            <button @click.prevent="open = !open"
                    @click.outside="open = false"
                    @keydown.window.escape="open=false"
                    type="button"
                    class="w-full inline-flex justify-center text-xl bg-white focus:outline-none  rounded
                        p-1.5 md:p-2 shadow-sm hover:shadow-md"
                    aria-haspopup="true"
                    aria-expanded="true"
                    aria-label="Store&#x20;Switcher"
            >
                ES                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex self-center h-5 w-5 -mr-1 ml-1" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
            </button>
        </div>
        <nav x-cloak=""
             x-show="open"
             class="absolute top-8 left-0 right-0 rounded-t-none rounded z-20 mt-1 overflow-auto origin-top-left shadow-lg lg:mt-3 bg-container-lighter">
            <div role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
                                                                                                <a href="https://www.brildor.com/es/stores/store/redirect/___store/en/___from_store/es/uenc/aHR0cHM6Ly93d3cuYnJpbGRvci5jb20vZW4v/"
                           class="block px-2 py-1 hover:bg-gray-100 text-xl"
                        >
                            EN                        </a>
                                                                                <a href="https://www.brildor.com/es/stores/store/redirect/___store/fr/___from_store/es/uenc/aHR0cHM6Ly93d3cuYnJpbGRvci5jb20vZnIv/"
                           class="block px-2 py-1 hover:bg-gray-100 text-xl"
                        >
                            FR                        </a>
                                                                                <a href="https://www.brildor.com/es/stores/store/redirect/___store/pt/___from_store/es/uenc/aHR0cHM6Ly93d3cuYnJpbGRvci5jb20vcHQv/"
                           class="block px-2 py-1 hover:bg-gray-100 text-xl"
                        >
                            PT                        </a>
                                                                                <a href="https://www.brildor.com/es/stores/store/redirect/___store/it/___from_store/es/uenc/aHR0cHM6Ly93d3cuYnJpbGRvci5jb20vaXQv/"
                           class="block px-2 py-1 hover:bg-gray-100 text-xl"
                        >
                            IT                        </a>
                                                                                <a href="https://www.brildor.com/es/stores/store/redirect/___store/de/___from_store/es/uenc/aHR0cHM6Ly93d3cuYnJpbGRvci5jb20vZGUv/"
                           class="block px-2 py-1 hover:bg-gray-100 text-xl"
                        >
                            DE                        </a>
                                                </div>
        </nav>
    </div>

<a
    href="https://www.brildor.com/blog/es/"
    title="Blog"
    target="_blank"
    class="text-white bg-orange hover:bg-orange/90 font-semibold px-3 mr-2 rounded-md outline-offset-2 hidden md:inline-block"
>
    <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="h-5 w-5 m-auto pt-1" aria-hidden="true"><path d="M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4M2 6h4M2 10h4M2 14h4M2 18h4"/><path d="M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/></svg>
    <span class="text-xs font-semibold pt-2">
        Blog    </span>
</a>

            <!--Customer Service-->
            <a href="https://www.brildor.com/es/contacto/"
               class="relative inline-block rounded px-1 hover:bg-primary/10 outline-offset-2 top-[1.5px]"
               title="Ayuda"
               x-ref="help"
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="h-6 w-6 m-auto pt-1" aria-hidden="true"><path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2z"/><path d="M21 16v2a4 4 0 0 1-4 4h-5"/></svg>
                <span class="text-xs font-semibold">Ayuda</span>
            </a>

            <!-- Purchases of usual products -->
            <a href="https://www.brildor.com/es/customer/everyday/"
               class="relative hidden md:inline-block rounded px-1 hover:bg-primary/10 outline-offset-2 top-[1.5px]"
               title="Habituales"
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="h-6 w-6 m-auto pt-1" aria-hidden="true"><path d="M11 10v4h4"/><path d="m11 14 1.535-1.605a5 5 0 0 1 8 1.5M16 2v4M21 18l-1.535 1.605a5 5 0 0 1-8-1.5"/><path d="M21 22v-4h-4M21 8.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4.3M3 10h4M8 2v4"/></svg>
                <span class="text-xs font-semibold">Habituales</span>
            </a>

            <!--Customer Icon & Dropdown-->
            <div x-ref="account">
                    <a
        href="https://www.brildor.com/es/customer/account/login/"
        aria-label="Cuenta"
        class="relative inline-block rounded px-1 hover:bg-primary/10 outline-offset-2 top-[1.5px]"
    >
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 m-auto pt-1" width="28" height="28" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
</svg>
        <span class="text-xs font-semibold">Cuenta</span>
    </a>
            </div>

            <!--Favorites-->
            <a href="https://www.brildor.com/es/customer/favorites/"
               class="relative hidden md:inline-block rounded px-1 hover:bg-primary/10 outline-offset-2 top-[1.5px]"
               title="Favoritos"
               x-ref="favorites"
            >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 m-auto pt-1" width="28" height="28" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
                <span class="text-xs font-semibold">Favoritos</span>
            </a>

            <!--Cart Icon-->
                            <button
                            id="menu-cart-icon"
                class="relative inline-block rounded px-1 hover:bg-primary/10 outline-offset-2 mr-8 lg:mr-0 top-[1.5px]"
                x-ref="cartButton"
                :aria-disabled="isCartEmpty()"
                :aria-label="`
                    Toggle&#x20;minicart,
                    ${isCartEmpty()
                        ? 'El&#x20;carrito&#x20;est&#xE1;&#x20;vac&#xED;o'
                        : cart.summary_count > 1
                            ? hyva.str('&#x25;1&#x20;art&#xED;tulos', cart.summary_count)
                            : hyva.str('&#x25;1&#x20;item', cart.summary_count)
                    }`"
                                    @click.prevent="() => {
                        $dispatch('toggle-cart', { isOpen: true })
                    }"
                    @toggle-cart.window="toggleCart($event)"
                    :aria-expanded="isCartOpen"
                    aria-haspopup="dialog"
                            >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 m-auto pt-1" width="28" height="28" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
</svg>
                <span
                    x-text="cart.summary_count"
                    x-show="!isCartEmpty()"
                    x-cloak
                    class="absolute -top-1.5 -right-1 px-2 py-1 rounded-full bg-primary text-white
                        text-xs font-semibold leading-none text-center uppercase tabular-nums"
                    aria-hidden="true"
                ></span>
                <span
                    x-show="isLoading"
                    class="absolute -top-1.5 -right-1 px-2 py-1 leading-none text-center uppercase tabular-nums"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="animate-spin text-primary stroke-[5]" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg>
                </span>
                <span class="text-xs font-semibold">Cesta</span>
                                    </button>
                        </div>
    </div>

    <!--Cart Drawer-->
    <script>
    function initCartDrawer() {
        return {
            open: false,
            isLoading: true,
            cart: {},
            itemsCount: 0,
            errorMessage: null,
            getData(data) {
                if (data.cart) {
                    this.cart = data.cart;
                    this.itemsCount = data.cart.items && data.cart.items.length || 0;
                    this.setCartItems();
                    this.setCartItemsTotalQuantity();
                    this.setFreeShipping();
                    this.setLoyaltyBalance();
                    this.setDynamicDeliveryTime();
                }
                this.isLoading = false;
                this.$watch('isLoading', (value) => {
                    this.watchLoading(value);
                });
            },
            cartItems: [],
            setCartItems() {
                this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id).map(item => {
                    if (item.product_url) {
                        item.product_has_url = true;
                    }
                    return item;
                }) || [];
            },
            cartItemsTotalQuantity: 0,
            setCartItemsTotalQuantity() {
                this.cartItemsTotalQuantity = this.cart.items && this.cart.items.reduce((acc, item) => {
                    return acc + (item.qty || 0);
                }, 0) || 0;
            },
            freeShipping: null,
            setFreeShipping() {
                this.freeShipping = this.cart.free_shipping && this.cart.free_shipping || null;
            },
            loyaltyBalance: null,
            setLoyaltyBalance() {
                this.loyaltyBalance = this.cart.loyalty_balance && this.cart.loyalty_balance || null;
            },
            dynamicDeliveryTime: null,
            setDynamicDeliveryTime() {
                this.dynamicDeliveryTime = this.cart.dynamic_delivery_time && this.cart.dynamic_delivery_time || null;
            },
            getCartItemsTotalQuantityTitle() {
                return hyva.strf('\u00250\u0020art\u00EDculos', this.cartItemsTotalQuantity)
            },
            watchLoading(value) {
                this.handleOverflowListItems(value);
                this.disableCartInteraction(value);
            },
            handleOverflowListItems(value) {
                const listItems = this.$refs.cartItemsListScroll;

                if (!listItems) {
                    return;
                }

                if (value) {
                    listItems.style.overflowY = 'hidden';
                    return;
                }

                listItems.style = null;
            },
            disableCartInteraction(value) {
                const inputs = this.$refs.cartDialogContent.querySelectorAll('input, button');

                inputs.forEach((input) => {
                    if (value) {
                        input.setAttribute('disabled', 'disabled');
                    } else {
                        input.removeAttribute('disabled');
                    }
                });

                const links = this.$refs.cartDialogContent.querySelectorAll('a');

                links.forEach((link) => {
                    if (value) {
                        link.classList.add('cursor-not-allowed', 'opacity-50');
                    } else {
                        link.classList.remove('cursor-not-allowed', 'opacity-50');
                    }
                });
            },
            updateItemFromCart(itemId, qty) {
                if (qty < 1) {
                    return;
                }

                const inputElement = document.getElementById(hyva.strf('cart-input-qty-%0', itemId));
                let itemData = null;

                inputElement.value = qty;
                this.cartItems = this.cart.items.map((item) => {
                    if (item['item_id'] === itemId) {
                        item.qty = qty;
                        itemData = item;
                    }
                    return item;
                });

                this.debounceUpdateItemFromCart(itemData, qty);
            },
            timerUpdateItemFromCart: null,
            debounceUpdateItemFromCart(itemData, qty) {
                clearTimeout(this.timerUpdateItemFromCart);
                this.timerUpdateItemFromCart = setTimeout(() => {
                    this.fetchRequest('checkout/sidebar/updateItemQty/', {
                        item_id: itemData.item_id,
                        item_qty: qty
                    });
                }, 700);
            },
            fetchRequest(path, params) {
                this.isLoading = true;
                this.errorMessage = null;

                const postUrl = new URL(path, BASE_URL).toString();

                const headers = {
                    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
                }

                const body = new URLSearchParams({
                    form_key: hyva.getFormKey(),
                    ...params
                });

                const itemData = this.cart.items.filter((item) => item['item_id'] === params.item_id);

                fetch(postUrl, {
                    method: 'POST',
                    headers: headers,
                    body: body,
                    mode: 'cors',
                    credentials: 'include'
                }).then(response => {
                    if (response.redirected) {
                        window.location.href = response.url;
                    } else if (response.ok) {
                        return response.json();
                    }
                }).then(result => {
                    if (result.success && itemData) {
                        window.dispatchEvent(new CustomEvent('cart-item-removed', {detail: itemData}));
                    } else if (result.error_message) {
                        this.errorMessage = {
                            item_id: params.item_id,
                            message: result.error_message
                        };
                    }

                    window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
                });
            },
            scrollLock(use = true) {
                document.body.style.overflow = use ? "hidden" : "";
            },
            toggleCartDrawer(event) {
                if (this.isLoading) {
                    return;
                }
                if (event.detail && event.detail.isOpen !== undefined) {
                    if (event.detail.isOpen) {
                        if (event.detail.isLoading) {
                            this.isLoading = true;
                            if (this.$refs.cartItemsListScroll) {
                                setTimeout(() => {
                                    this.$refs.cartItemsListScroll.scroll({top: 0});
                                }, 100);
                            }
                        }

                        this.openCartDrawer();
                    } else {
                        this.open = false;
                        this.scrollLock(false);
                        this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent);
                    }
                } else {
                                        this.openCartDrawer()
                }
            },
            openCartDrawer() {
                this.open = true;
                this.scrollLock(true);
                this.$nextTick(() => {
                    this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent)
                })
            },
            redirectToCart() {
                window.location.href = "https://www.brildor.com/es/checkout/cart/";
            },
            closeCartDrawer() {
                this.$dispatch('toggle-cart', {isOpen: false})
            },
            getSectionDataExtraActions() {
                if (!this.cart.extra_actions) {
                    return '';
                }

                const contentNode = document.createElement('div');
                contentNode.innerHTML = this.cart.extra_actions;

                hyva.activateScripts(contentNode);

                return contentNode.innerHTML;
            }
        }
    }
</script>
<section x-cloak
         x-show="cart"
         id="cart-drawer"
         x-data="initCartDrawer()"
         @private-content-loaded.window="getData($event.detail.data)"
         @toggle-cart.window="toggleCartDrawer($event)"
         @keydown.escape="closeCartDrawer"
>
    <div role="dialog"
         aria-labelledby="cart-drawer-title"
         aria-modal="true"
         :aria-hidden="!open"
         class="fixed inset-y-0 right-0 z-30 flex max-w-full">
        <div class="backdrop"
             x-show="open"
             x-transition:enter="ease-in-out duration-500"
             x-transition:enter-start="opacity-0"
             x-transition:enter-end="opacity-100"
             x-transition:leave="ease-in-out duration-500"
             x-transition:leave-start="opacity-100"
             x-transition:leave-end="opacity-0"
             role="button"
             @click="closeCartDrawer"
             aria-label="Close&#x20;minicart"></div>
        <div class="relative w-screen max-w-md shadow-2xl"
             x-show="open"
             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:enter-start="translate-x-full"
             x-transition:enter-end="translate-x-0"
             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:leave-start="translate-x-0"
             x-transition:leave-end="translate-x-full"
             x-ref="cartDialogContent"
             role="region"
             :tabindex="open ? 0 : -1"
             aria-label="Mi&#x20;carrito"
        >
            <div class="flex flex-col h-full max-h-screen bg-white shadow-xl">
                
                <header class="relative px-4 py-6 sm:px-6 border-b">
                    <p id="cart-drawer-title"
                       class="text-xl font-medium leading-7 text-gray-900 flex items-center gap-2">
                        <strong>Mi carrito</strong>
                        <span class="text-base font-semibold text-brildor-orange" x-show="cartItemsTotalQuantity"
                              x-text="getCartItemsTotalQuantityTitle()"></span>
                    </p>
                </header>

                
                <template x-if="!itemsCount && !isLoading">
                    <div class="relative h-full px-4 py-6 bg-white border-bs sm:px-6 border-container mt-52">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" class="w-full" width="250" height="250" aria-hidden="true"><linearGradient id="linear-gradient" gradientUnits="userSpaceOnUse" x1="342.57" x2="409.61" y1="309.6" y2="309.6"><stop offset="0" stop-color="#cacfdd"/><stop offset="1" stop-color="#eef0f1"/></linearGradient><linearGradient id="linear-gradient-2" x1="307.37" x2="332.36" xlink:href="#linear-gradient" y1="81.4" y2="81.4"/><linearGradient id="linear-gradient-3" x1="282.38" x2="307.37" xlink:href="#linear-gradient" y1="81.4" y2="81.4"/><linearGradient id="linear-gradient-4" gradientTransform="matrix(.71 -.71 .71 .71 70.32 317.77)" x1="377.56" x2="402.55" xlink:href="#linear-gradient" y1="56.2" y2="56.2"/><linearGradient id="linear-gradient-5" gradientTransform="matrix(.71 -.71 .71 .71 70.32 317.77)" x1="352.57" x2="377.56" xlink:href="#linear-gradient" y1="56.2" y2="56.2"/><g isolation="isolate"><g id="Empty_Cart" data-name="Empty Cart"><path d="m171.19 186.06 28.61 173.93h200.59l13.52-147.86z" fill="#f5f5f5"/><path d="m370.16 240.94a10.59 10.59 0 0 1 9.6 11.62l-7.22 71.57a6.9 6.9 0 0 1 -13.76-.68l-.15-71.93a10.6 10.6 0 0 1 11.53-10.58z" fill="#006bb4"/><path d="m409.61 259.21-9.22 100.79h-52.9c-17.49-45.81 13.6-95.81 62.12-100.79z" fill="url(#linear-gradient)" mix-blend-mode="multiply"/><circle cx="313.97" cy="426.15" fill="#094A9E" r="17.98"/><circle cx="313.97" cy="426.15" fill="#f5f5f5" r="6.48"/><circle cx="136.94" cy="426.15" fill="#094A9E" r="17.98"/><circle cx="136.94" cy="426.15" fill="#f5f5f5" r="6.48"/><path d="m136.94 447.14a21 21 0 1 1 21-21 21 21 0 0 1 -21 21zm0-36a15 15 0 1 0 15 15 15 15 0 0 0 -15-14.97z" fill="#094A9E"/><path d="m314 447.14a21 21 0 1 1 21-21 21 21 0 0 1 -21 21zm0-36a15 15 0 1 0 15 15 15 15 0 0 0 -15-14.97z" fill="#094A9E"/><path d="m145.34 121.92h18.01v6h-18.01z" fill="#094A9E" transform="matrix(.707 -.707 .707 .707 -43.13 145.73)"/><path d="m130.13 103.85h6v18.01h-6z" fill="#094A9E"/><path d="m157.9 142.04h18.01v6h-18.01z" fill="#094A9E"/><path d="m171.19 186.06h-78.23l46.94 173.93h59.9z" fill="#f5f5f5"/><g fill="#094A9E"><path d="m403.13 363h-205.88l-29.66-180.34 249.58 26.8zm-200.78-6h195.3l13-142.2-235.86-25.34z"/><path d="m203.33 363h-65.73l-48.6-179.94h84.7zm-61.13-6h54.07l-27.63-167.94h-71.76z"/><path d="m178.14 189.06h-86.46l-38.08-39.72h87.1zm-83.9-6h70l-26.13-27.72h-70.44z"/><path d="m132.08 162.63h-88.79a10.3 10.3 0 0 1 0-20.59h88.79a10.3 10.3 0 0 1 0 20.59zm-88.79-14.63a4.3 4.3 0 0 0 0 8.59h88.79a4.3 4.3 0 0 0 0-8.59z"/><path d="m132.08 145h-88.79a7.3 7.3 0 0 0 0 14.59h88.79a7.3 7.3 0 0 0 0-14.59z"/><path d="m202.8 429.15h-65.9v-69.16h6v63.16h53.9v-63.16h6z"/><path d="m375.02 429.15h-178.22v-69.16h6v63.16h172.22z"/><circle cx="199.8" cy="426.15" r="17.98"/><circle cx="375.03" cy="426.15" r="17.98"/><path d="m199.8 447.14a21 21 0 1 1 21-21 21 21 0 0 1 -21 21zm0-36a15 15 0 1 0 15 15 15 15 0 0 0 -15-14.97z"/><path d="m375 447.14a21 21 0 1 1 21-21 21 21 0 0 1 -21 21zm0-36a15 15 0 1 0 15 15 15 15 0 0 0 -15-14.97z"/></g><circle cx="199.74" cy="426.15" fill="#f5f5f5" r="6.48"/><circle cx="375.03" cy="426.15" fill="#f5f5f5" r="6.48"/><path d="m235.28 227.89a12.21 12.21 0 0 1 11.13 12.17v83.3a7 7 0 0 1 -13.89.87l-10.44-82.64a12.22 12.22 0 0 1 13.2-13.7z" fill="#006bb4"/><path d="m306.22 235.17a12.26 12.26 0 0 1 11.12 13.32l-6.88 75.45a7 7 0 0 1 -14-.3l-3.58-75.64a12.26 12.26 0 0 1 13.34-12.83z" fill="#006bb4"/><path d="m45.45 441.14h329.58v6h-329.58z" fill="#094A9E"/><path d="m250.2 175.9v-6a19.63 19.63 0 0 0 5.23-.33l1.47 5.81a23.75 23.75 0 0 1 -6.7.52zm-10 0h-6v-6h6zm26.46-7.3-4.93-3.41a10.86 10.86 0 0 0 1.78-4.32l5.91 1a16.69 16.69 0 0 1 -2.76 6.73zm-4.56-15.28a11.08 11.08 0 0 0 -3.22-3.39l3.38-5a17.06 17.06 0 0 1 5 5.25zm-11-5.28h-6v-6h6zm-16 0a33.29 33.29 0 0 1 -6.52-.3l1.07-5.91a29.09 29.09 0 0 0 5.45.21zm-16.81-5.82a19.08 19.08 0 0 1 -3.89-5.91l5.53-2.31a13 13 0 0 0 2.67 4.05zm1-16.2-5.85-1.33a18.91 18.91 0 0 1 2.83-6.49l5 3.38a13 13 0 0 0 -2.06 4.42zm8.25-9.37-2.15-5.65a19.15 19.15 0 0 1 6.92-1.17v6a13.12 13.12 0 0 0 -4.85.82zm62.85-.8v-6a24.86 24.86 0 0 0 5.37-.23l1.22 5.88a29.56 29.56 0 0 1 -6.67.35zm-10 0h-6v-6h6zm-16 0h-6v-6h6zm-16 0h-6v-6h6zm58.61-6.72-4.79-3.62a10.84 10.84 0 0 0 2-4.23l5.86 1.28a16.86 16.86 0 0 1 -3.07 6.57zm-2.58-17.19c0-.1-.47-.06 6-.06z" fill="#006bb4"/><path d="m307.37 88.46a14.12 14.12 0 0 1 14.12-14.12h10.87a14.12 14.12 0 0 1 -14.13 14.12z" fill="url(#linear-gradient-2)" mix-blend-mode="multiply"/><path d="m307.37 88.46a14.12 14.12 0 0 0 -14.12-14.12h-10.87a14.12 14.12 0 0 0 14.13 14.12z" fill="url(#linear-gradient-3)" mix-blend-mode="multiply"/><path d="m318.23 91.46h-13.86v-3a17.14 17.14 0 0 1 17.12-17.12h13.87v3a17.14 17.14 0 0 1 -17.13 17.12zm-7.45-6h7.45a11.15 11.15 0 0 0 10.77-8.12h-7.46a11.14 11.14 0 0 0 -10.76 8.12z" fill="#094A9E"/><path d="m310.37 91.46h-13.86a17.14 17.14 0 0 1 -17.13-17.12v-3h13.87a17.14 17.14 0 0 1 17.12 17.12zm-24.58-14.12a11.15 11.15 0 0 0 10.72 8.12h7.49a11.14 11.14 0 0 0 -10.71-8.12z" fill="#094A9E"/><path d="m382 95.52a14.13 14.13 0 0 1 0-20l7.69-7.69a14.14 14.14 0 0 1 0 20z" fill="url(#linear-gradient-4)" mix-blend-mode="multiply"/><path d="m382 95.52a14.12 14.12 0 0 0 -20 0l-7.68 7.68a14.11 14.11 0 0 0 20 0z" fill="url(#linear-gradient-5)" mix-blend-mode="multiply"/><path d="m382 99.76-2.12-2.12a17.12 17.12 0 0 1 0-24.22l9.81-9.8 2.12 2.12a17.12 17.12 0 0 1 0 24.22zm7.4-27.37-5.27 5.28a11.12 11.12 0 0 0 -1.81 13.33l5.27-5.27a11.14 11.14 0 0 0 1.83-13.34z" fill="#094A9E"/><path d="m352.25 105.32-2.12-2.12 9.8-9.8a17.12 17.12 0 0 1 24.22 0l2.12 2.12-9.81 9.8a17.09 17.09 0 0 1 -24.21 0zm6.65-2.4a11.11 11.11 0 0 0 13.32-1.84l5.27-5.27a11.13 11.13 0 0 0 -13.32 1.83z" fill="#094A9E"/><path d="m417.19 189.06-.13-6a12.64 12.64 0 0 0 4.71-1l2.37 5.51a18.61 18.61 0 0 1 -6.95 1.49zm-93.75-3h-6v-6h6zm82.56-.43a18.73 18.73 0 0 1 -4.91-5.13l5-3.25a12.9 12.9 0 0 0 3.34 3.49zm26.91-5.84-5.18-3a12.55 12.55 0 0 0 1.58-4.54l5.94.85a18.4 18.4 0 0 1 -2.34 6.69zm-109.47-9.73h-6a23.28 23.28 0 0 1 .59-6.7l5.81 1.49a18.52 18.52 0 0 0 -.4 5.21zm80.68-.71h-6a15 15 0 0 0 -.54-5l5.74-1.75a20.6 20.6 0 0 1 .8 6.75zm31.32-6.69h-6v-6h6zm-107.31-4.5-3.78-4.66a18.61 18.61 0 0 1 6.27-3.34l1.76 5.73a12.66 12.66 0 0 0 -4.25 2.27zm64.85-.35a12.42 12.42 0 0 0 -4.34-2.07l1.5-5.81a18.16 18.16 0 0 1 6.41 3.06zm-13.55-2.47h-6v-6h6zm-16 0h-6v-6h6zm-16 0h-6v-6h6zm88-8.68h-6v-6h6zm0-16h-6v-6h6zm-6.6-15a12.53 12.53 0 0 0 -2.31-4.22l4.61-3.84a18.58 18.58 0 0 1 3.42 6.24zm-9-8.44a19.64 19.64 0 0 0 -5.26-.36v-6a24.52 24.52 0 0 1 6.68.53zm-15.26-.36h-6v-6h6z" fill="#006bb4"/><path d="m106.79 354.14a9.13 9.13 0 1 1 6.41-15.63 9.12 9.12 0 0 1 -6.41 15.63zm0-12.26a3.13 3.13 0 1 0 3.13 3.11 3.13 3.13 0 0 0 -3.13-3.11z" fill="#094A9E"/><path d="m75.05 401.56a12.46 12.46 0 1 1 12.46-12.56 12.47 12.47 0 0 1 -12.46 12.56zm0-18.91a6.46 6.46 0 1 0 6.46 6.41 6.47 6.47 0 0 0 -6.46-6.41z" fill="#094A9E"/><circle cx="417.32" cy="333.49" fill="#f5f5f5" r="58.68"/><path d="m417.32 395.18a61.69 61.69 0 1 1 61.68-61.69 61.75 61.75 0 0 1 -61.68 61.69zm0-117.37a55.69 55.69 0 1 0 55.68 55.68 55.75 55.75 0 0 0 -55.68-55.68z" fill="#094A9E"/><path d="m384.1 322.02h66v22.35h-66z" fill="#094A9E" transform="matrix(.707 -.707 .707 .707 -113.44 392.53)"/><path d="m405.93 300.2h22.35v66h-22.35z" fill="#094A9E" transform="matrix(.707 -.707 .707 .707 -113.44 392.53)"/></g></g></svg>
                        <p class="text-center text-[18px] font-medium">El carrito está vacío</p>
                    </div>
                </template>

                <template x-if="!itemsCount && isLoading">
                    <div class="absolute inset-0 z-50 flex items-center justify-center">
                        <svg xmlns="http://www.w3.org/2000/svg" width="82" height="82" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="relative z-10 animate-spin text-primary stroke-[3]" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg>
                        <div class="absolute bg-gray-300 opacity-30 inset-0"></div>
                    </div>
                </template>


                <template x-if="itemsCount">
                    <div x-ref="cartItemsListScroll"
                         class="scrollbar-brildor relative h-full bg-white border-b border-container overflow-y-auto overscroll-y-contain scrollbar-gutter-stable">
                        <div
                            class="sticky h-full top-0 z-10 bg-white bg-opacity-50 left-0 w-full !ml-0 flex items-center justify-center"
                            x-show="isLoading"
                            x-transition:enter="ease-in-out duration-500"
                            x-transition:enter-start="opacity-0"
                            x-transition:enter-end="opacity-100"
                            x-transition:leave="ease-in-out duration-500"
                            x-transition:leave-start="opacity-100"
                            x-transition:leave-end="opacity-0"
                        >
                            <svg class="size-12 animate-spin text-primary" xmlns="http://www.w3.org/2000/svg"
                                 fill="none" viewBox="0 0 24 24">
                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
                                        stroke-width="4"></circle>
                                <path class="opacity-75" fill="currentColor"
                                      d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                            </svg>
                        </div>
                        <div class="absolute top-0">
                            <template x-for="item in cartItems">
                                <div
                                    class="relative flex items-start p-5 space-x-3 border-b last:border-b-0 border-container">
                                    <template x-if="item.product_has_url && item.product_url">
                                        <a :href="item.product_url"
                                           class="w-1/4 !ml-0 hover:opacity-80"
                                           :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', item.product_name)"
                                        >
                                            <img
                                                :src="item.product_image.src"
                                                :width="item.product_image.width"
                                                :height="item.product_image.height"
                                                loading="lazy"
                                                :alt="item.product_name"
                                            />
                                        </a>
                                    </template>
                                    <template x-if="!item.product_has_url || !item.product_url">
                                        <div class="w-1/4 !ml-0">
                                            <img
                                                :src="item.product_image.src"
                                                :width="item.product_image.width"
                                                :height="item.product_image.height"
                                                loading="lazy"
                                                :alt="item.product_name"
                                            />
                                        </div>
                                    </template>
                                    <div class="w-3/4 space-y-2">
                                        <div>
                                            <template x-if="item.product_has_url && item.product_url">
                                                <a :href="item.product_url"
                                                   class="text-medium overflow-hidden leading-5 line-clamp-2 font-medium hover:text-primary"
                                                   x-html="item.product_name"
                                                ></a>
                                            </template>
                                            <template
                                                x-if="!item.product_has_url || !item.product_url">
                                                <p
                                                    class="text-medium overflow-hidden leading-5 line-clamp-2 font-medium"
                                                    x-html="item.product_name"
                                                ></p>
                                            </template>
                                            <p class="text-sm text-secondary"><span x-html="item.product_sku"></span>
                                            </p>
                                            <template x-if="item.print_service_name">
                                                <p class="text-sm text-secondary">
                                                    <span
                                                        class="font-semibold">Nombre:</span>
                                                    <span x-html="item.print_service_name"></span>
                                                </p>
                                            </template>
                                        </div>
                                        <template x-for="option in item.options">
                                            <div class="!mt-0">
                                                <spna class="font-semibold text-xs" x-text="option.label + ':'"></spna>
                                                <span class="text-secondary text-xs" x-html="option.value"></span>
                                            </div>
                                        </template>
                                        <template x-if="item.is_promo">
                                            <div class="space-y-1">
                                                <p class="font-semibold" x-html="item.product_total_price"></p>
                                                <template
                                                    x-if="!isLoading && errorMessage && errorMessage.item_id === item.item_id">
                                                    <p class="w-full px-4 py-2 text-sm font-medium bg-[#ff5b59] text-white rounded-md"
                                                       x-text="errorMessage.message"></p>
                                                </template>
                                                <p class="flex gap-1 text-sm">
                                                    <span>Uds:</span>
                                                    <span class="font-semibold" x-text="item.qty"></span>
                                                </p>
                                            </div>
                                            <div class="h-10 overflow-hidden rounded-md grow flex">

                                                <button
                                                    type="button"
                                                    @click.prevent.stop="fetchRequest('checkout/sidebar/removeItem/', { item_id: item.item_id })"
                                                    class="px-2 mr-1.5 rounded-md border border-gray-300 focus:outline-none focus:shadow-none hover:text-gray-500"
                                                    :aria-label="hyva.strf('Remove\u0020\u0022\u00250\u0022\u0020from\u0020cart', item.product_name)"
                                                >
                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
</svg>
                                                </button>
                                                <button
                                                    type="button"
                                                    @click.prevent.stop="updateItemFromCart(item.item_id, Number(item.qty) - Number(item.qty_multiple ? item.qty_multiple : 1))"
                                                    class="px-2 rounded-l-md border border-gray-300 focus:outline-none focus:shadow-none hover:text-gray-500"
                                                    :class="{'cursor-not-allowed hover:text-inherit': item.qty < 2}"
                                                    :aria-label="hyva.strf('Subtract\u0020one\u0020unit\u0020of\u0020\u0022\u00250\u0022', item.product_name)"
                                                >
                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" aria-hidden="true" :class="{'opacity-20': item.qty &lt; 2}">
  <path stroke-linecap="round" stroke-linejoin="round" d="M20 12H4"/>
</svg>
                                                </button>
                                                <input
                                                    type="number"
                                                    @input="updateItemFromCart(item.item_id, $event.target.value)"
                                                    :id="hyva.strf('cart-input-qty-%0', item.item_id)"
                                                    :value="item.qty"
                                                    class="w-16 text-center border border-gray-300 border-l-0 border-r-0 px-2 focus:outline-none focus:shadow-none focus:border-gray-300 focus:ring-0"
                                                    :aria-label="hyva.strf('Quantity\u0020of\u0020\u0022\u00250\u0022', item.product_name)"
                                                />
                                                <button
                                                    type="button"
                                                    @click.prevent.stop="updateItemFromCart(item.item_id, Number(item.qty) + Number(item.qty_multiple ? item.qty_multiple : 1))"
                                                    class="px-2 rounded-r-md border border-gray-300 focus:outline-none focus:shadow-none hover:text-gray-500"
                                                    :aria-label="hyva.strf('Add\u0020one\u0020unit\u0020of\u0020\u0022\u00250\u0022', item.product_name)"
                                                    data-gtm="add-minicart"
                                                >
                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"/>
</svg>
                                                </button>
                                            </div>
                                        </template>
                                        <template x-if="!item.is_promo">
                                            <div class="space-y-2">
                                                <p class="flex items-end gap-3">
                                                    <span class="font-semibold"
                                                          x-html="item.product_total_price"></span>
                                                    <span class="text-secondary text-sm"
                                                          x-html="item.product_unit_price"></span>
                                                </p>
                                                <template
                                                    x-if="!isLoading && errorMessage && errorMessage.item_id === item.item_id">
                                                    <p class="w-full px-4 py-2 text-sm font-medium bg-[#ff5b59] text-white rounded-md"
                                                       x-text="errorMessage.message"></p>
                                                </template>
                                                <template x-if="item.qty_multiple">
                                                    <p
                                                        class="text-xs text-primary mb-0.5"
                                                        x-text="'De %1 en %1 uds'.replaceAll('%1', item.qty_multiple)">
                                                    </p>
                                                </template>
                                                <template x-if="item.min_sale_qty > 1">
                                                    <p
                                                        class="text-xs text-primary mb-0.5"
                                                        x-text="'Cantidad mínima: %1 uds'.replace('%1', item.min_sale_qty)">
                                                    </p>
                                                </template>
                                                <div class="h-10 overflow-hidden rounded-md grow flex">
                                                    <button
                                                        type="button"
                                                        @click.prevent.stop="fetchRequest('checkout/sidebar/removeItem/', { item_id: item.item_id })"
                                                        class="px-2 mr-1.5 rounded-md border border-gray-300 focus:outline-none focus:shadow-none hover:text-gray-500"
                                                        :aria-label="hyva.strf('Remove\u0020\u0022\u00250\u0022\u0020from\u0020cart', item.product_name)"
                                                    >
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
</svg>
                                                    </button>
                                                    <button
                                                        type="button"
                                                        @click.prevent.stop="updateItemFromCart(item.item_id, Number(item.qty) - Number(item.qty_multiple ? item.qty_multiple : 1))"
                                                        class="px-2 rounded-l-md border border-gray-300 focus:outline-none focus:shadow-none hover:text-gray-500"
                                                        :class="{'cursor-not-allowed hover:text-inherit': item.qty < 2}"
                                                        :aria-label="hyva.strf('Subtract\u0020one\u0020unit\u0020of\u0020\u0022\u00250\u0022', item.product_name)"
                                                    >
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" aria-hidden="true" :class="{'opacity-20': item.qty &lt; 2}">
  <path stroke-linecap="round" stroke-linejoin="round" d="M20 12H4"/>
</svg>
                                                    </button>
                                                    <input
                                                        type="number"
                                                        @input="updateItemFromCart(item.item_id, $event.target.value)"
                                                        :id="hyva.strf('cart-input-qty-%0', item.item_id)"
                                                        :value="item.qty"
                                                        class="w-16 text-center border border-gray-300 border-l-0 border-r-0 px-2 focus:outline-none focus:shadow-none focus:border-gray-300 focus:ring-0"
                                                        :aria-label="hyva.strf('Quantity\u0020of\u0020\u0022\u00250\u0022', item.product_name)"
                                                    />
                                                    <button
                                                        type="button"
                                                        @click.prevent.stop="updateItemFromCart(item.item_id, Number(item.qty) + Number(item.qty_multiple ? item.qty_multiple : 1))"
                                                        class="px-2 rounded-r-md border border-gray-300 focus:outline-none focus:shadow-none hover:text-gray-500"
                                                        :aria-label="hyva.strf('Add\u0020one\u0020unit\u0020of\u0020\u0022\u00250\u0022', item.product_name)"
                                                        data-gtm="add-minicart"
                                                    >
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"/>
</svg>
                                                    </button>
                                                </div>
                                            </div>
                                        </template>
                                    </div>
                                </div>
                            </template>
                        </div>
                    </div>
                </template>

                <template x-if="itemsCount">
                    <div class="mt-auto border-t">
                        
                        <div class="relative grid gap-6 lg:gap-8 p-5 pt-2 lg:pt-5 bg-white">
                            <div class="w-full flex flex-col gap-4 lg:gap-6">
                                <div>
                                    <p class="hidden lg:flex items-center justify-between text-gray-500 text-sm mb-1">
                                        <span class="font-semibold">Subtotal</span>
                                        <span class="font-semibold text-gray-700" x-text="cart.totals.subtotal"></span>
                                    </p>
                                    <template x-if="cart.totals.discount">
                                        <p class="hidden lg:flex items-center justify-between text-gray-500 text-sm mb-1">
                                            <span
                                                class="font-semibold">Descuento</span>
                                            <span class="font-semibold text-gray-700"
                                                  x-text="cart.totals.discount"></span>
                                    </template>
                                    <template x-if="cart.totals.tax">
                                        <p class="hidden lg:flex items-center justify-between text-gray-500 text-sm mb-1">
                                            <span class="font-semibold">Impuestos</span>
                                            <span class="font-semibold text-gray-700" x-text="cart.totals.tax"></span>
                                        </p>
                                    </template>
                                    <p class="flex items-center justify-between mt-2">
                                        <span class="font-bold">Total a Pagar</span>
                                        <span class="font-bold price-color" x-text="cart.totals.grand_total"></span>
                                    </p>
                                </div>
                                <template x-if="freeShipping && freeShipping.percent_remaining < 100">
                                    <div class="flex flex-col gap-2 w-full">
                                        <div class="flex items-center gap-4">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="flex-shrink text-gray-800 stroke-[1.5]" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2M15 18H9M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/></svg>
                                            <p class="text-sm text-pretty" x-html="freeShipping.text"></p>
                                        </div>
                                        <div class="w-full bg-gray-200 rounded-full h-2">
                                            <div class="bg-primary h-2 rounded-full"
                                                 :style="{'width': `${freeShipping.percent_remaining}%`}"></div>
                                        </div>
                                    </div>
                                </template>
                            </div>
                            <div class="w-full">
                                <button
                                    type="button"
                                    class="flex gap-2 justify-center btn btn-orange hover:bg-[#e6842e] hover:opacity-100 w-full text-center rounded-full"
                                    @click.prevent="redirectToCart"
                                >
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
</svg>
                                    <span>Ver mi carrito</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </template>

                            </div>

            <button
                type="button"
                @click="closeCartDrawer"
                aria-label="Close&#x20;minicart"
                class="absolute top-0 right-2 p-4 mt-2 text-gray-300 transition-colors hover:text-black"
            >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
            </button>
        </div>
    </div>

</section>

    <!--Authentication Pop-Up-->
    <script>
    function initAuthentication() {
        return {
            open: false,
            forceAuthentication: false,
            checkoutUrl: 'https://www.brildor.com/es/checkout/index/',
            errors: 0,
            hasCaptchaToken: 0,
            displayErrorMessage: false,
            errorMessages: [],
            setErrorMessages: function setErrorMessages(messages) {
                this.errorMessages = [messages];
                this.displayErrorMessage = this.errorMessages.length;
            },
            submitForm: function () {
                // Do not rename $form, the variable is expected to be declared in the recaptcha output
                const $form = document.querySelector('#login-form');
                
                if (this.errors === 0) {
                    this.dispatchLoginRequest($form);
                }
            },
            onPrivateContentLoaded: function (data) {
                const isLoggedIn = data.customer && data.customer.firstname;
                if (data.cart && !isLoggedIn) {
                    this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
                }
            },
            redirectIfAuthenticated: function (event) {
                if (event.detail && event.detail.url) {
                    this.checkoutUrl = event.detail.url;
                }
                if (!this.forceAuthentication) {
                    window.location.href = this.checkoutUrl;
                }
            },
            dispatchLoginRequest: function(form) {
                this.isLoading = true;
                const username = this.$refs['customer-email'].value;
                const password = this.$refs['customer-password'].value;
                const formKey = hyva.getFormKey();
                const bodyFields = {
                    'username': username,
                    'password': password,
                    'formKey': formKey
                };
                                const fieldName = 'g\u002Drecaptcha\u002Dresponse';
                const recaptchaField = fieldName && form[fieldName];
                if (recaptchaField) {
                    bodyFields[fieldName] = recaptchaField.value;
                }
                fetch('https://www.brildor.com/es/customer/ajax/login/', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'X-Requested-With': 'XMLHttpRequest'
                        },
                        body: JSON.stringify(bodyFields)
                    }
                ).then(response => {
                        return response.json()
                    }
                ).then(data=> {
                    this.isLoading = false;
                    if (data.errors) {
                        this.setErrorMessages(data.message);
                        this.errors = 1;
                        this.hasCaptchaToken = 0;
                    } else {
                        window.location.href = this.checkoutUrl;
                    }
                });
            }
        }
    }
</script>
<section id="authentication-popup"
         x-data="initAuthentication()"
         @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)"
         @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)"
         @keydown.window.escape="open = false"
>
    <div
        class="backdrop"
        aria-hidden="true"
        x-cloak
        x-show="open"
        x-transition:enter="ease-in-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in-out duration-500"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
        @click="open = false"
    ></div>
    <div role="dialog"
         aria-modal="true"
         @click.outside="open = false"
         class="inset-y-0 right-0 z-30 flex max-w-full fixed"
         x-cloak
         x-show="open"
    >
        <div class="relative w-screen max-w-md pt-16 bg-container-lighter"
             x-show="open"
             x-cloak=""
             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:enter-start="translate-x-full"
             x-transition:enter-end="translate-x-0"
             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:leave-start="translate-x-0"
             x-transition:leave-end="translate-x-full"
        >
            <div
                x-show="open"
                x-cloak=""
                x-transition:enter="ease-in-out duration-500"
                x-transition:enter-start="opacity-0"
                x-transition:enter-end="opacity-100"
                x-transition:leave="ease-in-out duration-500"
                x-transition:leave-start="opacity-100"
                x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2">
                <button
                    type="button"
                    @click="open = false;"
                    aria-label="Cerrar&#x20;panel"
                    class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                </button>
            </div>
            <template x-if="open">
                <div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto">
                    <div class="mx-4">
                        <div class="message error mb-0" x-show="errors" x-cloak>
                            <template x-for="(message, index) in errorMessages" :key="index">
                                <div>
                                    <template x-if="message">
                                        <span x-html="message"></span>
                                    </template>
                                </div>
                            </template>
                        </div>
                    </div>
                    <div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm">
                        <p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900">
                            <strong class="font-medium">Pagar usando su cuenta</strong>
                        </p>

                        <form class="form form-login"
                              method="post"
                              @submit.prevent="submitForm();"
                              id="login-form"
                        >
                                                        <div class="fieldset login">
                                <div class="field email required">
                                    <label class="label" for="form-login-username" form="login-form" >
                                        <span>Email</span>
                                    </label>
                                    <div class="control">
                                        <input name="username"
                                               id="form-login-username"
                                               x-ref="customer-email"
                                               @change="errors = 0"
                                               type="email"
                                               required
                                               autocomplete="off"
                                               class="form-input input-text"
                                        >
                                    </div>
                                </div>
                                <div class="field password required">
                                    <label for="form-login-password" class="label" form="login-form">
                                        <span>Contraseña</span>
                                    </label>
                                    <div class="control">
                                        <input name="password"
                                               id="form-login-password"
                                               type="password"
                                               class="form-input input-text"
                                               required
                                               x-ref="customer-password"
                                               autocomplete="off"
                                               @change="errors = 0"
                                        >
                                    </div>
                                </div>

                                <input name="context" type="hidden" value="checkout" />
                                <div class="actions-toolbar flex justify-between pt-6 pb-2 items-center">
                                    <button type="submit"                                            class="inline-flex btn btn-primary disabled:opacity-75"
                                    >
                                        Iniciar sesión                                    </button>
                                    <a href="https://www.brildor.com/es/customer/account/forgotpassword/"
                                    >
                                        ¿Olvidaste tu contraseña?                                    </a>
                                </div>

                            </div>
                        </form>
                    </div>
                    <div class="mx-4">
                                            </div>
                    <div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm">
                        <p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900">
                            <strong class="font-medium">Pagar como nuevo cliente</strong>
                        </p>

                        <div class="block-content">
                            <p class="mb-1">
                                Crear una cuenta tiene muchos beneficios:                            </p>
                            <ul class="list-disc pl-5">
                                <li> Ver estado de orden y envío</li>
                                <li> Rastrear Historial de Orden</li>
                                <li> Comprar más rápidamente</li>
                            </ul>
                            <div class="actions-toolbar flex justify-between mt-6 mb-2 items-center">
                                <a href="https://www.brildor.com/es/customer/account/create/"
                                   class="inline-flex btn btn-primary">
                                    Crear una cuenta                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
        </div>
    </div>
</section>
</div>
</header><main id="maincontent" class="page-main-full-width"><div id="contentarea" tabindex="-1"></div>
<div class="page messages"><script>
        function initMessages() {
        "use strict";
        return {
            messages: window.mageMessages || [],
            isEmpty() {
                return this.messages.reduce(
                    function (isEmpty, message) {
                        return isEmpty && message === undefined
                    }, true
                )
            },
            removeMessage(messageIndex) {
                if (!this.messages[messageIndex]) {
                    return;
                }
                this.messages[messageIndex].show = false;
                setTimeout(() => {
                    this.messages[messageIndex] = undefined;
                }, 1000);
            },
            addMessages(messages, hideAfter = 10268) {
                messages.map((message) => {
                    if (typeof message.show === 'undefined') {
                        message.show = false;
                    }

                    this.messages = this.messages.concat(message);
                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
                        hideAfter = window.defaultSuccessMessageTimeout;
                    }
                    if (hideAfter) {
                        this.setHideTimeOut(this.messages.length -1, hideAfter);
                    }
                });

                setTimeout(() => {
                    this.messages.forEach((message, index) => {
                        if (message && !message.show) {
                            this.messages[index].show = true;
                        }
                    });
                }, 100);
            },
            setHideTimeOut(messageIndex, hideAfter) {
                setTimeout((messageIndex) => {
                    this.removeMessage(messageIndex);
                }, hideAfter, messageIndex);
            },
            eventListeners: {
                ['@messages-loaded.window'](event) {
                    this.addMessages(event.detail.messages, event.detail.hideAfter)
                },
                ['@private-content-loaded.window'](event) {
                    const data = event.detail.data;
                    if (
                        data.messages &&
                        data.messages.messages &&
                        data.messages.messages.length
                    ) {
                        this.addMessages(data.messages.messages);
                    }
                },
                ['@clear-messages.window']() {
                    this.messages = [];
                }
            }
        }
    }
</script>
<section id="messages"
         x-data="initMessages()"
         x-bind="eventListeners"
         aria-live="assertive"
         role="alert"
         @click.outside="messages = []"
>
    <template x-if="!isEmpty()">
        <div class="w-full">
            <div class="messages container mx-auto py-3">
                <template x-for="(message, index) in messages" :key="index">
                    <div class="flex justify-center">
                        <template x-if="message">
                            <div class="message md:w-[60%]" :class="message.type"
                                 :ui-id="'message-' + message.type"
                                 x-show="message.show"
                                 x-transition:enter="ease-out duration-300"
                                 x-transition:enter-start="-top-[300px]"
                                 x-transition:enter-end="top-0"
                                 x-transition:leave="ease-in duration-300"
                                 x-transition:leave-start="top-0"
                                 x-transition:leave-end="-top-[300px]"
                                 style="display: none;"
                            >
                                <span x-html="message.text"></span>
                                <button
                                    type="button"
                                    class="close-btn"
                                    aria-label="Close message"
                                    @click.prevent="removeMessage(index)"
                                >
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                                </button>
                            </div>
                        </template>
                    </div>
                </template>
            </div>
        </div>
    </template>
</section>
</div><div class="columns"><div class="column main"><script>try {
smileTracker.addPageVar('cms.identifier', 'home');
smileTracker.addPageVar('cms.title', 'Brildor - Productos, Maquinaria y Consumibles para la Personalización');
} catch (err) { ; }</script><p>
    
    
    <script>
        'use strict';

        function initComponent_swiper_6a2809648a91e_2() {
            return {
                swiperId: 'swiper_6a2809648a91e_2',

                init() {
                    document.addEventListener('swiperJsLoaded', () => {
                        this.initSwiper();
                    });

                    if (typeof Swiper !== 'undefined') {
                        this.initSwiper();
                    }
                },

                initSwiper() {
                    new Swiper(`#${this.swiperId}`, {
                        speed: 500,
                        loop: true,
                        effect: 'slide',
                        slidesPerView: 1,
                                                autoplay: {
                            delay: 5000,
                            disableOnInteraction: false
                        },
                                                                        pagination: {
                            el: '.swiper-pagination',
                            type: 'bullets',
                            clickable: true
                        },
                                                                    });
                }
            }
        }
    </script>

    <div id="swiper_6a2809648a91e_2"
         class="w-full swiper banner_slider_swiper banner_main_slider banner_overflow-hidden"
         x-data="initComponent_swiper_6a2809648a91e_2"
         x-defer="intersect">
        <div class="swiper-wrapper flex">
                            
    
<style>
    .banner_slider_swiper .swiper-slide {
        display: none;
    }

            @media (min-width: 769px) and (max-width: 5000px) {
                .banner_slider_swiper .swiper-slide.slide-item-resource-map-2 {
                display: unset;
            }
        }
</style>
    <div class="swiper-slide js_slide flex-col shrink-0 w-full&#x20;slide-item-resource-map-2">
        <div class="grow w-full">
            <a href="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;es&#x2F;mundial-futbol-2026-brildor"
               class="relative flex items-center bg-white"
               tabindex="-1"
                            >
            <span
                class="top-0 left-0 flex flex-wrap content-center w-full overflow-hidden align-center hover:shadow-sm bg-gray-200"
                style="aspect-ratio: 3840/720"
            >
                <picture class="self-center w-full h-auto "><source type="image/webp" srcset="https://www.brildor.com/media/codilar/banner/images/categoria-mundial-web-es.webp"><img class="self-center w-full h-auto " src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;codilar&#x2F;banner&#x2F;images&#x2F;categoria-mundial-web-es.jpg" alt="Mundial&#x20;2026" width="3840" height="720" loading="lazy" loading="lazy"></picture>
            </span>
            </a>
                    </div>
    </div>
                            
                            
    <div class="swiper-slide js_slide flex-col shrink-0 w-full&#x20;slide-item-resource-map-2">
        <div class="grow w-full">
            <a href="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;brildor_mobile_app&#x2F;download"
               class="relative flex items-center bg-white"
               tabindex="-1"
                            >
            <span
                class="top-0 left-0 flex flex-wrap content-center w-full overflow-hidden align-center hover:shadow-sm bg-gray-200"
                style="aspect-ratio: 3840/720"
            >
                <picture class="self-center w-full h-auto "><source type="image/webp" srcset="https://www.brildor.com/media/codilar/banner/images/banner_nuevaapp_web_es.webp"><img class="self-center w-full h-auto " src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;codilar&#x2F;banner&#x2F;images&#x2F;banner_nuevaapp_web_es.jpg" alt="Nueva&#x20;App" width="3840" height="720" loading="lazy" loading="lazy"></picture>
            </span>
            </a>
                    </div>
    </div>
                            
    <div class="swiper-slide js_slide flex-col shrink-0 w-full&#x20;slide-item-resource-map-2">
        <div class="grow w-full">
            <a href="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;es&#x2F;outlet&#x2F;costura-bordado-outlet&#x3F;utm_content&#x3D;outlet&#x2F;costura-bordado-outlet&amp;utm_source&#x3D;banner&amp;utm_medium&#x3D;desktop&amp;utm_campaign&#x3D;hilos_fcv"
               class="relative flex items-center bg-white"
               tabindex="-1"
                            >
            <span
                class="top-0 left-0 flex flex-wrap content-center w-full overflow-hidden align-center hover:shadow-sm bg-gray-200"
                style="aspect-ratio: 3840/720"
            >
                <picture class="self-center w-full h-auto "><source type="image/webp" srcset="https://www.brildor.com/media/codilar/banner/images/hilos-oferta-fcv-web-es.webp"><img class="self-center w-full h-auto " src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;codilar&#x2F;banner&#x2F;images&#x2F;hilos-oferta-fcv-web-es.jpg" alt="LIQUIDACI&#xD3;N&#x20;HILOS" width="3840" height="720" loading="lazy" loading="lazy"></picture>
            </span>
            </a>
                    </div>
    </div>
                            
                    </div>

        
                    <div class="swiper-pagination"></div>
            </div>

    
    
    <script>
        'use strict';

        function initComponent_swiper_6a2809648a91e_1() {
            return {
                swiperId: 'swiper_6a2809648a91e_1',

                init() {
                    document.addEventListener('swiperJsLoaded', () => {
                        this.initSwiper();
                    });

                    if (typeof Swiper !== 'undefined') {
                        this.initSwiper();
                    }
                },

                initSwiper() {
                    new Swiper(`#${this.swiperId}`, {
                        speed: 500,
                        loop: true,
                        effect: 'slide',
                        slidesPerView: 1,
                                                autoplay: {
                            delay: 5000,
                            disableOnInteraction: false
                        },
                                                                        pagination: {
                            el: '.swiper-pagination',
                            type: 'bullets',
                            clickable: true
                        },
                                                                    });
                }
            }
        }
    </script>

    <div id="swiper_6a2809648a91e_1"
         class="w-full swiper banner_slider_swiper banner_main_slider banner_overflow-hidden"
         x-data="initComponent_swiper_6a2809648a91e_1"
         x-defer="intersect">
        <div class="swiper-wrapper flex">
                            
    
<style>
    .banner_slider_swiper .swiper-slide {
        display: none;
    }

            @media (max-width: 768px) {
                .banner_slider_swiper .swiper-slide.slide-item-resource-map-1 {
                display: unset;
            }
        }
</style>
    <div class="swiper-slide js_slide flex-col shrink-0 w-full&#x20;slide-item-resource-map-1">
        <div class="grow w-full">
            <a href="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;es&#x2F;mundial-futbol-2026-brildor"
               class="relative flex items-center bg-white"
               tabindex="-1"
                            >
            <span
                class="top-0 left-0 flex flex-wrap content-center w-full overflow-hidden align-center hover:shadow-sm bg-gray-200"
                style="aspect-ratio: 3921/2504"
            >
                <picture class="self-center w-full h-auto "><source type="image/webp" srcset="https://www.brildor.com/media/codilar/banner/images/categoria-mundial-movil-es.webp"><img class="self-center w-full h-auto " src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;codilar&#x2F;banner&#x2F;images&#x2F;categoria-mundial-movil-es.jpg" alt="Mundial&#x20;2026" width="3921" height="2504" loading="lazy" loading="lazy"></picture>
            </span>
            </a>
                    </div>
    </div>
                            
                            
    <div class="swiper-slide js_slide flex-col shrink-0 w-full&#x20;slide-item-resource-map-1">
        <div class="grow w-full">
            <a href="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;brildor_mobile_app&#x2F;download"
               class="relative flex items-center bg-white"
               tabindex="-1"
                            >
            <span
                class="top-0 left-0 flex flex-wrap content-center w-full overflow-hidden align-center hover:shadow-sm bg-gray-200"
                style="aspect-ratio: 3921/2504"
            >
                <picture class="self-center w-full h-auto "><source type="image/webp" srcset="https://www.brildor.com/media/codilar/banner/images/banner_nuevaapp_movil_es.webp"><img class="self-center w-full h-auto " src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;codilar&#x2F;banner&#x2F;images&#x2F;banner_nuevaapp_movil_es.jpg" alt="Nueva&#x20;APP" width="3921" height="2504" loading="lazy" loading="lazy"></picture>
            </span>
            </a>
                    </div>
    </div>
                            
    <div class="swiper-slide js_slide flex-col shrink-0 w-full&#x20;slide-item-resource-map-1">
        <div class="grow w-full">
            <a href="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;es&#x2F;outlet&#x2F;costura-bordado-outlet&#x3F;utm_content&#x3D;outlet&#x2F;costura-bordado-outlet&amp;utm_source&#x3D;banner&amp;utm_medium&#x3D;movil&amp;utm_campaign&#x3D;hilos_fcv"
               class="relative flex items-center bg-white"
               tabindex="-1"
                            >
            <span
                class="top-0 left-0 flex flex-wrap content-center w-full overflow-hidden align-center hover:shadow-sm bg-gray-200"
                style="aspect-ratio: 3921/2504"
            >
                <picture class="self-center w-full h-auto "><source type="image/webp" srcset="https://www.brildor.com/media/codilar/banner/images/hilos-oferta-fcv-movil-es.webp"><img class="self-center w-full h-auto " src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;codilar&#x2F;banner&#x2F;images&#x2F;hilos-oferta-fcv-movil-es.jpg" alt="LIQUIDACI&#xD3;N&#x20;HILOS" width="3921" height="2504" loading="lazy" loading="lazy"></picture>
            </span>
            </a>
                    </div>
    </div>
                            
                    </div>

        
                    <div class="swiper-pagination"></div>
            </div>

</p>
<p>&nbsp;</p>
<p>

    <div class="mx-auto max-w-[90vw] text-center">
    <div id="loading-multi_featured_categories_6a2809649053a"
         class="bg-gray-200 w-full h-[600px] md:h-[440px] animate-pulse border-2 rounded-2xl"></div>
    <div style="display:none" class="relative">

        <div class="mobile-multifeatured-categories md:hidden grid grid-cols-3 gap-4">
                            <div class="aspect-square mb-8">
                    <a href="https://www.brildor.com/es/personalizables"
                       class="block hover:opacity-80 transition-transform duration-300 h-full">
                                                <picture class="object-cover rounded-lg w-full h-full"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/widgets/Personalizables.webp"><img class="object-cover rounded-lg w-full h-full" src="https://www.brildor.com/media/brildor/widgets/Personalizables.jpg" width="1280" height="1920" alt="" loading="lazy" /></picture>
                                                    <h2 class="text-sm font-semibold uppercase mt-2">
                                Personalizables                            </h2>
                                            </a>
                </div>
                            <div class="aspect-square mb-8">
                    <a href="https://www.brildor.com/es/sublimacion"
                       class="block hover:opacity-80 transition-transform duration-300 h-full">
                                                <picture class="object-cover rounded-lg w-full h-full"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/widgets/Sublimaci_n.webp"><img class="object-cover rounded-lg w-full h-full" src="https://www.brildor.com/media/brildor/widgets/Sublimaci_n.jpg" width="1280" height="1920" alt="" loading="lazy" /></picture>
                                                    <h2 class="text-sm font-semibold uppercase mt-2">
                                Sublimación                            </h2>
                                            </a>
                </div>
                            <div class="aspect-square mb-8">
                    <a href="https://www.brildor.com/es/planchas-transfer-termicas"
                       class="block hover:opacity-80 transition-transform duration-300 h-full">
                                                <picture class="object-cover rounded-lg w-full h-full"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/widgets/Planchas_Transfer.webp"><img class="object-cover rounded-lg w-full h-full" src="https://www.brildor.com/media/brildor/widgets/Planchas_Transfer.jpg" width="1280" height="1920" alt="" loading="lazy" /></picture>
                                                    <h2 class="text-sm font-semibold uppercase mt-2">
                                Planchas Transfer                            </h2>
                                            </a>
                </div>
                            <div class="aspect-square mb-8">
                    <a href="https://www.brildor.com/es/laser"
                       class="block hover:opacity-80 transition-transform duration-300 h-full">
                                                <picture class="object-cover rounded-lg w-full h-full"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/widgets/L_ser.webp"><img class="object-cover rounded-lg w-full h-full" src="https://www.brildor.com/media/brildor/widgets/L_ser.jpg" width="1280" height="1920" alt="" loading="lazy" /></picture>
                                                    <h2 class="text-sm font-semibold uppercase mt-2">
                                Láser                            </h2>
                                            </a>
                </div>
                            <div class="aspect-square mb-8">
                    <a href="https://www.brildor.com/es/ofertas"
                       class="block hover:opacity-80 transition-transform duration-300 h-full">
                                                <picture class="object-cover rounded-lg w-full h-full"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/widgets/Ofertas_y_promociones.webp"><img class="object-cover rounded-lg w-full h-full" src="https://www.brildor.com/media/brildor/widgets/Ofertas_y_promociones.jpg" width="1280" height="1920" alt="" loading="lazy" /></picture>
                                                    <h2 class="text-sm font-semibold uppercase mt-2">
                                Ofertas                            </h2>
                                            </a>
                </div>
                    </div>

        <div id="multi_featured_categories_6a2809649053a" class="hidden md:flex swiper-horizontal overflow-hidden"
             x-data="initComponent_multi_featured_categories_6a2809649053a" x-cloack="" x-show="isLoaded">
            <div class="swiper-wrapper flex w-fit">
                                    <div
                        class="swiper-slide js_slide !w-fit max-w-[13rem!important] md:max-w-[17rem!important] max-h-[355px!important] md:max-h-[100%!important] swiper-slide-active"
                    >
                        <a href="https://www.brildor.com/es/personalizables"
                           class="block hover:opacity-80 transition-transform duration-300 w-fit">
                                                            <h2 class="text-md font-semibold uppercase mb-2">
                                    Personalizables                                </h2>
                                                        <picture class="object-cover rounded-lg block flex-shrink-0 h-full"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/widgets/Personalizables.webp"><img class="object-cover rounded-lg block flex-shrink-0 h-full" src="https://www.brildor.com/media/brildor/widgets/Personalizables.jpg" width="1280" height="1920" alt="" loading="lazy" /></picture>
                                                    </a>
                    </div>
                                    <div
                        class="swiper-slide js_slide !w-fit max-w-[13rem!important] md:max-w-[17rem!important] max-h-[355px!important] md:max-h-[100%!important] swiper-slide-active"
                    >
                        <a href="https://www.brildor.com/es/sublimacion"
                           class="block hover:opacity-80 transition-transform duration-300 w-fit">
                                                            <h2 class="text-md font-semibold uppercase mb-2">
                                    Sublimación                                </h2>
                                                        <picture class="object-cover rounded-lg block flex-shrink-0 h-full"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/widgets/Sublimaci_n.webp"><img class="object-cover rounded-lg block flex-shrink-0 h-full" src="https://www.brildor.com/media/brildor/widgets/Sublimaci_n.jpg" width="1280" height="1920" alt="" loading="lazy" /></picture>
                                                    </a>
                    </div>
                                    <div
                        class="swiper-slide js_slide !w-fit max-w-[13rem!important] md:max-w-[17rem!important] max-h-[355px!important] md:max-h-[100%!important] swiper-slide-active"
                    >
                        <a href="https://www.brildor.com/es/planchas-transfer-termicas"
                           class="block hover:opacity-80 transition-transform duration-300 w-fit">
                                                            <h2 class="text-md font-semibold uppercase mb-2">
                                    Planchas Transfer                                </h2>
                                                        <picture class="object-cover rounded-lg block flex-shrink-0 h-full"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/widgets/Planchas_Transfer.webp"><img class="object-cover rounded-lg block flex-shrink-0 h-full" src="https://www.brildor.com/media/brildor/widgets/Planchas_Transfer.jpg" width="1280" height="1920" alt="" loading="lazy" /></picture>
                                                    </a>
                    </div>
                                    <div
                        class="swiper-slide js_slide !w-fit max-w-[13rem!important] md:max-w-[17rem!important] max-h-[355px!important] md:max-h-[100%!important] swiper-slide-active"
                    >
                        <a href="https://www.brildor.com/es/laser"
                           class="block hover:opacity-80 transition-transform duration-300 w-fit">
                                                            <h2 class="text-md font-semibold uppercase mb-2">
                                    Láser                                </h2>
                                                        <picture class="object-cover rounded-lg block flex-shrink-0 h-full"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/widgets/L_ser.webp"><img class="object-cover rounded-lg block flex-shrink-0 h-full" src="https://www.brildor.com/media/brildor/widgets/L_ser.jpg" width="1280" height="1920" alt="" loading="lazy" /></picture>
                                                    </a>
                    </div>
                                    <div
                        class="swiper-slide js_slide !w-fit max-w-[13rem!important] md:max-w-[17rem!important] max-h-[355px!important] md:max-h-[100%!important] swiper-slide-active"
                    >
                        <a href="https://www.brildor.com/es/ofertas"
                           class="block hover:opacity-80 transition-transform duration-300 w-fit">
                                                            <h2 class="text-md font-semibold uppercase mb-2">
                                    Ofertas                                </h2>
                                                        <picture class="object-cover rounded-lg block flex-shrink-0 h-full"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/widgets/Ofertas_y_promociones.webp"><img class="object-cover rounded-lg block flex-shrink-0 h-full" src="https://www.brildor.com/media/brildor/widgets/Ofertas_y_promociones.jpg" width="1280" height="1920" alt="" loading="lazy" /></picture>
                                                    </a>
                    </div>
                            </div>
        </div>
    </div>
</div>

<script>
    'use strict';

    function initComponent_multi_featured_categories_6a2809649053a() {
        return {
            swiperId: 'multi_featured_categories_6a2809649053a',
            isLoaded: true,

            init() {
                document.addEventListener('swiperJsLoaded', () => {
                    this.initSwiper();
                });

                if (typeof Swiper !== 'undefined') {
                    this.initSwiper();
                }
            },

            initSwiper() {
                document.querySelector('#multi_featured_categories_6a2809649053a').parentElement.style.display = '';

                let element = document.querySelector('#loading-multi_featured_categories_6a2809649053a');
                if (element) {
                    element.remove();
                }

                new Swiper(`#${this.swiperId}`, {
                    slidesPerView: 'auto',
                    spaceBetween: 16,
                    centerInsufficientSlides: true
                });
            }
        }
    }
</script>
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
<div wire:id="widget\productsslider_0" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;widget\\productsslider_0&quot;,&quot;name&quot;:&quot;widget\\productsslider_0&quot;,&quot;locale&quot;:&quot;es_ES&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;resolver&quot;:&quot;widget&quot;,&quot;handle&quot;:&quot;cms_index_index&quot;,&quot;type&quot;:&quot;default&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;refresh&quot;]},&quot;serverMemo&quot;:{&quot;data&quot;:{&quot;isLoading&quot;:true,&quot;data&quot;:[],&quot;products&quot;:[],&quot;sliderType&quot;:null,&quot;cacheSliderHtmlEncrypt&quot;:null},&quot;dataMeta&quot;:{&quot;widget&quot;:&quot;0:3:CUlGVzyiAoTpTKua0fYhdx8IKEVhX3cQ05DNJ5DO8FOC07DDolweDkOxWW\/cgS4+C0KupHGTwwtHrG9UOGuFG7OgelI+Lzh3w2kLmMWYVoJmotceqcdeLRZzRLLDXEllGMERfYyKfDuCa7w2gljaKE\/6zdKnng1bpZUtM6ATeWUQOE8A5iNG86nKkNSg2CcSD\/c\/EMFYH9VXt8E2A5YZbOCaet+hEjUE7x5srdagqSCId4Em+cDBJ9kdRabhMQJq5neLQbUgiD84+FqCBrPhXpCvg\/Ycw5AC+tvHHs3v5WWzY9+Vk\/IZFEllA8SeH9WuIlHAh5FwVojIhtDci8aHPtR\/NLCwZZYD6S2vX3IFGJgL9kmN2hqEilECHJmPWzkOoubzc+FnfFDT\/3LHRnQeOZA6A0VH9F9Gy8v3HnJtLC5eH+\/RDzFag+pd8OUYx1wkGyG\/ThTHqKyVMjFt30zHBcDR7aphtBIj8OeXFGB4nQF+j1Sod+4EVXVxPhhNImr1x6eXtdafV3cRw\/Y79UyEnXvHUcIH86+Beqky\/gEfaoY33foJR6bAGX4wLVRbGMXyR4rZ+2G7b2o8hd9ZO13SBrcvwD0DRt2t6+NMdswBIsvKnJqSBLLZoZKraYjcKJ+mbODINzUYy4Zii2V8GXlQiqFvPnbL6VrmtDbRDdvEUAD\/2KaaqxdcxtRRfqbj6jeRABInZb5NvHc\/MALWfrNWQSmRpkqB92BNHo4FUGrKSAvaOD7MXJYfGC7VtmLGVEXIlbSrZWxJBBC2WlVz4UQo0yPIWVl0OG18\/Y+7U6j2WWLR8lqRvXjBV9ZubHWouRx3eQUEj+oak2vU1P1tKXiifuwqt\/mE\/adqmYF2d45Zpn+DEClUlgtoWdGNyeG0luuHYMeWnaYjIwQVgJ9y39r1HF7EzpKGyLW8Xt44u1ufzHgQrIpH+ZZy+YMckCJQKWkZmu0iBHNAx4dK9X+H2BwY5OyRD6p\/hM3F7aBfg3gML0+0ZLw77CfQzWg0KOrzQ6foLwvqGJcDnz00hehv9nhsZ0jlWEJhdkOu4d3u+ICYf3Evd+ZBdvhw4++GSHypMfLveI\/sMsQY4mLgPMHeC3DaMyNzP0dbxPGzm1BT5wkiBGAhHoZUm0pOX812G\/MQ6rO7xcUMRgp0JPW6qdyoPdki2mZ71GJ1WSsBnWwJElVU9Yjhm1in1Gyif4\/sttKLQxCunnlPDv0HcDaNU\/vRJK5sy++g&quot;},&quot;htmlHash&quot;:&quot;4cb4d5da&quot;,&quot;children&quot;:[],&quot;checksum&quot;:&quot;b4a373ca5dbe48a2067a7416d7864b2f38b177ca89a79499a63c1ba399d2268c&quot;}}">
            
<div class="mx-auto max-w-[90vw] text-center">
    
            <div id="loading-swiper_products_slider_6a2807447922e" class="flex flex-shrink-0 justify-between gap-4 h-[385px]">
                            <div class="text-center flex flex-shrink-0 justify-between gap-4 overflow-hidden">
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                    </div>
                    </div>
        <div style="display: none" class="relative">
            <div id="swiper_products_slider_6a2807447922e" class="swiper overflow-hidden"
                 x-data="{
                    init() {
                        document.addEventListener('swiperJsLoaded', () => {
                            this.initSwiper();
                        });

                        if (typeof Swiper !== 'undefined') {
                            this.initSwiper();
                        }
                    },

                    initSwiper() {
                        document.querySelector('#swiper_products_slider_6a2807447922e').parentElement.style.display = '';

                        let element = document.querySelector('#loading-swiper_products_slider_6a2807447922e');
                        if (element) {
                            element.remove();
                        }

                        new Swiper('#swiper_products_slider_6a2807447922e', {
                            slidesPerView: 'auto',
                            centerInsufficientSlides: true,
                            spaceBetween: 16,
                            navigation: {
                                nextEl: '#swiper_products_slider_6a2807447922e-button-next',
                                prevEl: '#swiper_products_slider_6a2807447922e-button-prev',
                            }
                        });
                    }
                 }"
                 x-cloak=""
            >
                <div class="swiper-wrapper flex">
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/taza-sublimacion-alta-calidad-aa-orca"
    title="Taza&#x20;para&#x20;sublimaci&#xF3;n&#x20;-&#x20;Alta&#x20;calidad&#x20;AA&#x20;ORCA"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-7-16555-prod            amasty-label-for-16555             txt-white bg-blue"
    >
        <div class="amlabel-text">
            Superventas        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/t/a/taza-blanca-para-sublimacion-alta-calidad-aa-d8.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;t&#x2F;a&#x2F;taza-blanca-para-sublimacion-alta-calidad-aa-d8.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Taza para sublimación - Alta calidad AA ORCA        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">1,45 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">1,26 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.8/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            75 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/horno-para-sublimacion-gigant"
    title="Horno&#x20;para&#x20;sublimaci&#xF3;n&#x20;Gigant&#x20;Schulze"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/h/o/horno-para-sublimar.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;h&#x2F;o&#x2F;horno-para-sublimar.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Horno para sublimación Gigant Schulze        </p>
        
    <span class=" text-lg price-color font-semibold flex flex-1 flex-col justify-center items-center mt-2">1.395,00 €</span>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/taza-sublimacion-alta-calidad-aa"
    title="Taza&#x20;para&#x20;sublimaci&#xF3;n&#x20;-&#x20;Alta&#x20;Calidad&#x20;AA"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-7-5091-prod            amasty-label-for-5091             txt-white bg-blue"
    >
        <div class="amlabel-text">
            Superventas        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/t/a/taza-blanca-economica-10-11-oz-d8.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;t&#x2F;a&#x2F;taza-blanca-economica-10-11-oz-d8.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Taza para sublimación - Alta Calidad AA        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">1,29 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">1,10 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.9/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            45 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/azulejos-blancos-para-sublimacion-cuadrados"
    title="Azulejos&#x20;cuadrados&#x20;sublimables&#x20;de&#x20;uso&#x20;decorativo"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-7-14084-prod            amasty-label-for-14084             txt-white bg-blue"
    >
        <div class="amlabel-text">
            Superventas        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/a/z/azulejos-blancos-sublimacion-cuadrados-d9.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;a&#x2F;z&#x2F;azulejos-blancos-sublimacion-cuadrados-d9.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Azulejos cuadrados sublimables de uso decorativo        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">0,59 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">0,47 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                5/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            17 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/azulejos-blancos-para-sublimacion-rectangulares"
    title="Azulejos&#x20;rectangulares&#x20;sublimables"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/a/z/azulejos-rectangulares-sublimables-principal.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;a&#x2F;z&#x2F;azulejos-rectangulares-sublimables-principal.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Azulejos rectangulares sublimables        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">2,49 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">1,99 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.8/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            18 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/caja-blanca-taza"
    title="Caja&#x20;blanca&#x20;para&#x20;taza&#x20;-&#x20;Pack&#x20;12&#x20;uds"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/c/a/caja-blanca-taza-pack-12-uds.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;c&#x2F;a&#x2F;caja-blanca-taza-pack-12-uds.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Caja blanca para taza - Pack 12 uds        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">3,69 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">2,95 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.9/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            18 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/fotopaneles-piedra-pizarra-sublimables"
    title="Fotopaneles&#x20;pizarra&#x20;sublimable"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-7-15967-prod            amasty-label-for-15967             txt-white bg-blue"
    >
        <div class="amlabel-text">
            Superventas        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/f/o/fotopaneles-pizarra-sublimables-d10.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;f&#x2F;o&#x2F;fotopaneles-pizarra-sublimables-d10.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Fotopaneles pizarra sublimable        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">2,95 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">2,21 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.9/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            37 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/caja-envios-1-taza"
    title="Caja&#x20;para&#x20;env&#xED;os&#x20;1&#x20;taza"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/c/a/caja-envios-1-taza-pack-25-uds-d6.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;c&#x2F;a&#x2F;caja-envios-1-taza-pack-25-uds-d6.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Caja para envíos 1 taza        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">0,40 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">0,34 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.9/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            17 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/plancha-combo-brildor-2-en-1-gorras-plato-plano-15x20cm"
    title="Plancha&#x20;Combo&#x20;Brildor&#x20;2&#x20;en&#x20;1&#x20;gorras&#x20;y&#x20;plato&#x20;plano&#x20;de&#x20;15x20cm"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/p/l/plancha-combo-brildor-2-en-1-gorras-plato-plano-15x20jpg.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;p&#x2F;l&#x2F;plancha-combo-brildor-2-en-1-gorras-plato-plano-15x20jpg.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Plancha Combo Brildor 2 en 1 gorras y plato plano de 15x20cm        </p>
        
    <span class=" text-lg price-color font-semibold flex flex-1 flex-col justify-center items-center mt-2">399,00 €</span>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                5/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            1 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/cinta-termica-adhesiva"
    title="Cinta&#x20;t&#xE9;rmica&#x20;adhesiva&#x20;para&#x20;sublimaci&#xF3;n"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-7-19782-prod            amasty-label-for-19782             txt-white bg-blue"
    >
        <div class="amlabel-text">
            Superventas        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/c/i/cinta-t_rmica-adhesiva-sublimaci_n-principal.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;c&#x2F;i&#x2F;cinta-t_rmica-adhesiva-sublimaci_n-principal.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Cinta térmica adhesiva para sublimación        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">1,59 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">1,27 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.9/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            74 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/vinilo-textil-poli-flex-premium-de-poli-tape"
    title="Vinilo&#x20;textil&#x20;mate&#x20;-&#x20;Poli-Flex&#x20;Premium&#x20;de&#x20;Poli-Tape"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/v/i/vinilo-textil-poli-flex-premium-d7.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;v&#x2F;i&#x2F;vinilo-textil-poli-flex-premium-d7.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Vinilo textil mate - Poli-Flex Premium de Poli-Tape        </p>
        
    <span class=" text-lg price-color font-semibold flex flex-1 flex-col justify-center items-center mt-2">6,49 €</span>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.7/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            27 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/taza-sublimacion-calidad-premiun-aaa-orca"
    title="Taza&#x20;para&#x20;sublimaci&#xF3;n&#x20;-&#x20;Calidad&#x20;Pr&#xE9;mium&#x20;AAA&#x20;ORCA"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-7-20075-prod            amasty-label-for-20075             txt-white bg-blue"
    >
        <div class="amlabel-text">
            Superventas        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/t/a/taza-blanca-para-sublimacion-calidad-premium-aaa-orca-d4_1.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;t&#x2F;a&#x2F;taza-blanca-para-sublimacion-calidad-premium-aaa-orca-d4_1.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Taza para sublimación - Calidad Prémium AAA ORCA        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">1,75 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">1,54 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.9/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            108 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/colecciones-de-hilos-pb40"
    title="Muestrarios&#x20;de&#x20;hilos&#x20;PB40"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-7-20306-prod            amasty-label-for-20306             txt-white bg-blue"
    >
        <div class="amlabel-text">
            Superventas        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/c/o/colecciones-hilos-pb40-d12_1.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;c&#x2F;o&#x2F;colecciones-hilos-pb40-d12_1.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Muestrarios de hilos PB40        </p>
        
    <div class="mt-2 leading-[1] flex gap-1 justify-center items-baseline">
        <span class="text-sm text-gray-500 font-semibold">Desde: </span>
        <span class="text-lg price-color font-semibold">97,69 €</span>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/papel-sublimacion-en-hojas-brildor-alta-calidad"
    title="Papel&#x20;sublimaci&#xF3;n&#x20;Brildor&#x20;alta&#x20;calidad"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-7-20363-prod            amasty-label-for-20363             txt-white bg-blue"
    >
        <div class="amlabel-text">
            Superventas        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/p/a/papel-sublimacion-en-hojas-brildor-alta-calidad-d2.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;p&#x2F;a&#x2F;papel-sublimacion-en-hojas-brildor-alta-calidad-d2.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Papel sublimación Brildor alta calidad        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">9,95 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">8,96 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.9/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            35 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/papel-sublimacion-en-hojas-texprint-dt-xp-light"
    title="Papel&#x20;sublimaci&#xF3;n&#x20;TexPrint&#xAE;&#x20;DT&#x20;Light"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/p/a/papel-sublimacion-hojas-texprintdtlight-.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;p&#x2F;a&#x2F;papel-sublimacion-hojas-texprintdtlight-.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Papel sublimación TexPrint® DT Light        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">15,98 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">14,38 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.9/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            13 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/bolas-de-nieve-con-foto"
    title="Bolas&#x20;de&#x20;nieve&#x20;con&#x20;foto"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-7-20997-prod            amasty-label-for-20997             txt-white bg-blue"
    >
        <div class="amlabel-text">
            Superventas        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/b/o/bolas-de-nieve-con-foto-principal.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;b&#x2F;o&#x2F;bolas-de-nieve-con-foto-principal.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Bolas de nieve con foto        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">2,95 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">2,51 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                5/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            6 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/vinilo-textil-sublitex-en-hojas"
    title="Vinilo&#x20;textil&#x20;imprimible&#x20;y&#x20;sublimable&#x20;-&#x20;SubliTex&#x20;de&#x20;Chemica"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-7-21692-prod            amasty-label-for-21692             txt-white bg-blue"
    >
        <div class="amlabel-text">
            Superventas        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/v/i/vinilo-textil-sublitex.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;v&#x2F;i&#x2F;vinilo-textil-sublitex.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Vinilo textil imprimible y sublimable - SubliTex de Chemica        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">24,50 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">20,83 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                4.9/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            13 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/set-para-limpieza-de-cabezal-epson-surecolor-sc-f2000"
    title="Set&#x20;para&#x20;limpieza&#x20;de&#x20;Cabezal&#x20;Epson&#x20;Surecolor&#x20;SC-F2000&#x20;&#x2F;&#x20;SC-F2100"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/s/e/set-para-limpieza-de-cabezal-epson-surecolor-sc-f2000.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;s&#x2F;e&#x2F;set-para-limpieza-de-cabezal-epson-surecolor-sc-f2000.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Set para limpieza de Cabezal Epson Surecolor SC-F2000 / SC-F2100        </p>
        
    <span class=" text-lg price-color font-semibold flex flex-1 flex-col justify-center items-center mt-2">75,00 €</span>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap md:flex-row md:items-center text-sm">
        <div class="flex items-center">
            <span class="tracking-wide font-semibold">
                5/5
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="20" height="20" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        </div>
        <span class="text-gray-700">
            1 opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                    </div>
            </div>
            <div id="swiper_products_slider_6a2807447922e-button-prev" class="swiper-button-prev swiper-button-disabled"></div>
            <div id="swiper_products_slider_6a2807447922e-button-next" class="swiper-button-next"></div>
        </div>
    </div>
    
</div>
<!-- Magewire Component wire-end:widget\productsslider_0 --></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>

<div class="mx-auto max-w-[90vw] text-center">
    <h3 class="text-2xl font-bold uppercase mb-12">
        Beneficios de comprar en        <span class="text-primary">Brildor</span>
    </h3>
    <div class="flex">
        <div
            id="benefits_swiper_6a280964b9f0e" class="swiper overflow-hidden m-auto"
            x-data="{
            init() {
                document.addEventListener('swiperJsLoaded', () => {
                    this.initSwiper();
                });

                if (typeof Swiper !== 'undefined') {
                    this.initSwiper();
                }
            },
            initSwiper() {
                new Swiper('#benefits_swiper_6a280964b9f0e', {
                    slidesPerView: 'auto',
                });
            }
        }"
            x-defer="idle"
        >
            <div class="swiper-wrapper flex">
                                    <div class="swiper-slide flex-shrink-0" style="width: 200px">
                        <div class="flex flex-col items-center gap-2">
                            <?xml version="1.0" encoding="iso-8859-1"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 448.525 448.525" style="enable-background:new 0 0 448.525 448.525;" xml:space="preserve" class="w-12 h-12" width="24" height="24" aria-hidden="true">
<g>
	<g>
		<g>
			<path d="M283.841,151.966l-35.663-5.179l-15.951-32.325c-0.862-1.747-2.276-3.16-4.023-4.023     c-4.388-2.167-9.702-0.366-11.869,4.023l-15.951,32.325l-35.673,5.179c-1.931,0.279-3.716,1.186-5.078,2.583     c-3.418,3.503-3.348,9.114,0.155,12.531l25.807,25.157l-6.095,35.525c-0.085,0.494-0.127,0.995-0.127,1.496     c0,4.894,3.967,8.862,8.861,8.862c1.44-0.011,2.856-0.372,4.126-1.054l31.902-16.738l31.902,16.738     c1.724,0.914,3.702,1.233,5.626,0.909c4.826-0.815,8.077-5.387,7.263-10.213l-6.095-35.525l25.807-25.157     c1.396-1.362,2.304-3.147,2.583-5.078C292.045,157.157,288.685,152.664,283.841,151.966z M247.233,182.725     c-2.1,2.043-3.054,4.991-2.55,7.877l3.84,22.42l-20.135-10.585c-1.275-0.657-2.691-0.995-4.126-0.985     c-1.44,0.011-2.856,0.372-4.126,1.054l-20.135,10.585l3.85-22.42c0.504-2.886-0.45-5.834-2.55-7.877l-16.286-15.882l22.508-3.269     c2.887-0.418,5.383-2.229,6.676-4.844l10.063-20.401l10.063,20.401c1.292,2.615,3.789,4.427,6.676,4.844l22.518,3.21     L247.233,182.725z"/>
			<path d="M224.262,60.465c-63.688,0-115.318,51.63-115.318,115.318c0,63.688,51.63,115.318,115.318,115.318     c63.659-0.071,115.248-51.659,115.318-115.318C339.58,112.095,287.95,60.465,224.262,60.465z M224.262,273.378     c-53.9,0-97.595-43.695-97.595-97.595c0-53.9,43.695-97.595,97.595-97.595c53.876,0.06,97.535,43.72,97.595,97.595     C321.857,229.684,278.162,273.378,224.262,273.378z"/>
			<path d="M386.566,199.68l-16.581,6.272c2.58,6.823,5.79,15.311,4.687,18.708c-1.241,3.82-8.753,8.714-15.39,13.036     c-7.877,5.14-16.837,10.969-22.991,19.436c-6.154,8.468-9.058,18.954-11.55,28.111c-1.969,7.198-4.391,16.158-7.532,18.442     s-12.239,1.782-19.692,1.428c-9.521-0.453-20.313-0.985-30.464,2.343c-9.846,3.19-18.028,9.846-25.275,15.685     c-6.213,5.022-13.263,10.713-17.506,10.713s-11.294-5.691-17.516-10.732c-7.247-5.859-15.458-12.495-25.265-15.675     c-5.612-1.822-11.904-2.668-19.81-2.668c-3.653,0-7.227,0.167-10.673,0.335c-7.394,0.354-16.591,0.788-19.633-1.428     c-3.042-2.215-5.573-11.264-7.542-18.462c-2.491-9.167-5.307-19.545-11.54-28.111c-6.233-8.566-15.104-14.287-23.001-19.436     c-6.626-4.322-14.139-9.216-15.38-13.036c-1.103-3.377,2.117-11.874,4.697-18.708c3.417-9.029,7.276-19.259,7.276-30.149     s-3.87-21.12-7.286-30.149c-2.58-6.823-5.79-15.321-4.697-18.708c1.241-3.82,8.753-8.714,15.39-13.046     c7.877-5.14,16.827-10.969,22.991-19.426c6.164-8.458,9.058-18.954,11.55-28.111c1.969-7.198,4.391-16.158,7.532-18.442     c3.141-2.284,12.239-1.782,19.643-1.428c9.521,0.453,20.323,0.985,30.523-2.343c9.846-3.19,18.018-9.846,25.275-15.685     c6.164-5.041,13.214-10.723,17.457-10.723s11.294,5.681,17.506,10.722c7.247,5.858,15.458,12.495,25.275,15.685     c10.161,3.298,20.962,2.786,30.523,2.343c7.394-0.345,16.591-0.778,19.633,1.428c3.042,2.206,5.524,11.234,7.493,18.442     c2.491,9.167,5.307,19.545,11.54,28.111s15.104,14.297,23.001,19.436c6.627,4.322,14.139,9.216,15.39,13.036     c1.103,3.387-2.117,11.884-4.697,18.708c-3.417,9.029-7.286,19.269-7.286,30.149c0,10.88,3.87,21.12,7.286,30.149l8.29-3.131     l8.29-3.131c-3.161-8.349-6.144-16.236-6.144-23.887s2.954-15.537,6.134-23.887c4.106-10.831,7.995-21.14,4.972-30.444     c-3.18-9.777-13.036-16.197-22.567-22.41c-6.892-4.519-14.1-9.186-18.343-15.015c-4.244-5.829-6.577-14.267-8.773-22.331     c-3.102-11.402-6.026-22.174-14.208-28.121c-8.182-5.947-19.161-5.356-30.897-4.805c-8.399,0.394-17.093,0.807-24.172-1.497     c-6.695-2.176-13.263-7.483-19.604-12.613C243.954,7.454,234.777,0,224.262,0s-19.692,7.454-28.652,14.671     c-6.341,5.13-12.908,10.427-19.604,12.603c-7.079,2.294-15.39,1.91-24.172,1.497c-11.737-0.551-22.823-1.073-30.907,4.805     c-8.084,5.878-11.106,16.738-14.208,28.13c-2.196,8.064-4.46,16.404-8.773,22.331c-4.313,5.927-11.402,10.496-18.343,15.015     c-9.531,6.213-19.387,12.633-22.567,22.41c-3.023,9.305,0.866,19.574,4.972,30.454c3.151,8.35,6.134,16.236,6.134,23.877     c0,7.641-2.954,15.527-6.134,23.887c-4.106,10.831-7.995,21.15-4.972,30.444c3.18,9.787,13.036,16.207,22.567,22.42     c6.892,4.519,14.1,9.186,18.333,15.015c4.234,5.829,6.577,14.267,8.773,22.331c1.89,6.971,3.732,13.706,6.745,19.249     l-35.899,91.806c-1.78,4.559,0.473,9.698,5.032,11.478c1.358,0.53,2.826,0.717,4.273,0.544l50.215-6.006l32.798,38.459     c3.179,3.721,8.773,4.16,12.494,0.98c1.119-0.956,1.982-2.176,2.512-3.55l35.791-91.569c2.383,0.397,4.815,0.397,7.198,0     l35.781,91.569c1.783,4.558,6.923,6.807,11.481,5.024c1.36-0.532,2.567-1.392,3.515-2.503l32.798-38.459l50.215,6.006     c4.86,0.575,9.266-2.9,9.841-7.76c0.169-1.426-0.012-2.872-0.526-4.213L335.06,309.12c3.013-5.543,4.844-12.278,6.745-19.249     c2.186-8.064,4.45-16.404,8.773-22.331c4.322-5.927,11.402-10.496,18.343-15.015c9.531-6.213,19.397-12.633,22.567-22.41     C394.511,220.81,390.632,210.55,386.566,199.68z M173.721,422.656l-26.26-30.809c-1.926-2.255-4.853-3.397-7.798-3.042     l-40.212,4.815l28.249-72.251c7.04,2.245,15.399,1.851,24.123,1.438c3.249-0.158,6.607-0.315,9.846-0.315     c5.986,0,10.545,0.571,14.336,1.802c6.695,2.176,13.253,7.473,19.604,12.613c2.954,2.373,5.908,4.766,8.94,6.892L173.721,422.656     z M349.071,393.62l-40.202-4.815c-2.946-0.352-5.874,0.793-7.798,3.052l-26.27,30.809l-30.848-78.848     c3.033-2.146,6.006-4.539,8.94-6.892c6.341-5.13,12.908-10.427,19.604-12.603c7.07-2.294,15.37-1.91,24.182-1.497     c8.812,0.414,17.083,0.797,24.123-1.438L349.071,393.62z"/>
		</g>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
                            <h4 class="text-sm font-semibold">Programa de fidelidad</h4>
                        </div>
                    </div>
                                    <div class="swiper-slide flex-shrink-0" style="width: 200px">
                        <div class="flex flex-col items-center gap-2">
                            <?xml version="1.0" encoding="iso-8859-1"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve" class="w-12 h-12" width="24" height="24" aria-hidden="true">
<g>
	<g>
		<path d="M507.606,4.394c-5.857-5.858-15.356-5.858-21.214,0l-43.69,43.69c-2.686-1.28-5.52-2.311-8.479-3.05L298.452,11.491    c-15.246-3.811-31.622,0.724-42.735,11.837L13.16,265.486c-17.545,17.546-17.545,46.096,0,63.643l169.713,169.712    c17.546,17.546,46.096,17.547,63.643,0l242.158-242.558c11.113-11.113,15.649-27.489,11.836-42.736l-33.542-135.77    c-0.74-2.958-1.77-5.793-3.05-8.479l43.69-43.69C513.464,19.75,513.464,10.252,507.606,4.394z M471.403,220.825    c1.271,5.082-0.241,10.54-3.945,14.245L225.3,477.627c-5.849,5.849-15.366,5.849-21.215,0L34.373,307.914    c-5.849-5.849-5.849-15.366,0-21.215L276.931,44.542c2.837-2.837,6.703-4.388,10.641-4.388c1.204,0,2.415,0.145,3.604,0.442    l127.53,31.483l-36.125,36.125c-16.725-7.966-37.384-5.044-51.21,8.782c-17.547,17.547-17.547,46.096,0,63.643    c8.772,8.773,20.297,13.16,31.821,13.16c11.523,0,23.048-4.386,31.82-13.16c13.829-13.828,16.75-34.486,8.782-51.211    l36.125-36.125L471.403,220.825z M373.799,159.416c-5.848,5.848-15.365,5.849-21.214,0c-5.848-5.848-5.848-15.366,0-21.214    c2.925-2.925,6.765-4.386,10.607-4.386c3.84,0,7.682,1.462,10.605,4.385l0.001,0.001l0.001,0.001    C379.648,144.051,379.647,153.568,373.799,159.416z"/>
	</g>
</g>
<g>
	<g>
		<path d="M246.514,180.63c-17.546-17.546-46.096-17.546-63.643,0c-17.545,17.546-17.545,46.096,0,63.643    c17.546,17.546,46.097,17.546,63.643,0C264.061,226.726,264.061,198.177,246.514,180.63z M225.301,223.058    c-5.849,5.849-15.366,5.849-21.214,0c-5.848-5.849-5.85-15.366-0.001-21.214c5.849-5.848,15.365-5.849,21.215,0    C231.149,207.692,231.149,217.209,225.301,223.058z"/>
	</g>
</g>
<g>
	<g>
		<path d="M267.728,329.128c-17.587-17.587-46.052-17.589-63.642,0c-17.547,17.547-17.547,46.096,0,63.643    c17.588,17.587,46.053,17.59,63.642,0C285.275,375.224,285.275,346.675,267.728,329.128z M246.514,371.557    c-5.861,5.862-15.352,5.863-21.214,0c-5.848-5.848-5.848-15.366,0-21.214c5.862-5.862,15.352-5.863,21.214,0    C252.362,356.191,252.362,365.707,246.514,371.557z"/>
	</g>
</g>
<g>
	<g>
		<path d="M335.673,274.437c-0.915-8.234-8.333-14.168-16.566-13.253l-190.926,21.214c-8.234,0.915-14.168,8.331-13.253,16.566    c0.853,7.671,7.347,13.346,14.891,13.346c0.553,0,1.113-0.031,1.675-0.093l190.927-21.214    C330.655,290.087,336.589,282.671,335.673,274.437z"/>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
                            <h4 class="text-sm font-semibold">Descuento por cantidad </h4>
                        </div>
                    </div>
                                    <div class="swiper-slide flex-shrink-0" style="width: 200px">
                        <div class="flex flex-col items-center gap-2">
                            <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 48 48" data-name="Layer 1" class="w-12 h-12" width="24" height="24" aria-hidden="true"><path d="m47.577 23.114-2.35-7.083c-.61-1.841-2.3-3.031-4.304-3.031h-6.292l.23-1.875c.102-.81-.138-1.612-.657-2.201-.518-.587-1.279-.924-2.09-.924h-24.237c-1.6 0-3.052 1.293-3.237 2.873l-.128 1c-.069.548.317 1.049.865 1.119.555.08 1.05-.317 1.119-.865l.129-1.011c.069-.595.654-1.116 1.252-1.116h24.237c.24 0 .449.088.59.247.143.162.204.384.173.632l-2.342 19.122h-26.252c0-.496-.355-.93-.86-.992-.549-.07-1.048.321-1.115.869l-.373 3.007c-.096.813.149 1.616.672 2.203.523.589 1.261.913 2.076.913h1.936c.015.993.343 1.919.989 2.647.771.872 1.869 1.353 3.089 1.353 2.288 0 4.368-1.765 4.836-4h17.327c.015.993.343 1.918.987 2.646.772.873 1.87 1.354 3.091 1.354 2.287 0 4.367-1.765 4.836-4h2.153c1.618 0 3.04-1.265 3.237-2.878l.768-6.263c.159-1.297.04-2.557-.354-3.745zm-2.145-.114h-6.026l.475-3.878c.007-.051.089-.122.13-.122h4.094zm-11.045-8h6.537c1.145 0 2.065.636 2.405 1.661l.113.339h-3.431c-1.057 0-1.985.825-2.114 1.878l-.49 4c-.067.548.098 1.092.453 1.493.354.399.869.628 1.416.628h6.674c.061.526.065 1.065-.003 1.616l-.415 3.384h-12.983l1.837-15zm-1.1 19h-1.228l.245-2h2.614c-.7.519-1.267 1.206-1.631 2zm-3.242 0h-14.539c-.158-.607-.44-1.17-.861-1.646-.118-.133-.256-.239-.388-.354h16.034l-.245 2zm-23.008 0h-2.355c-.24 0-.441-.084-.582-.242-.146-.163-.209-.391-.181-.635l.139-1.123h4.585c-.694.516-1.251 1.201-1.607 2zm6.596 1.378c-.174 1.422-1.519 2.622-2.937 2.622-.64 0-1.204-.241-1.592-.679-.394-.444-.566-1.048-.487-1.699.175-1.422 1.52-2.622 2.938-2.622.64 0 1.205.241 1.592.679.394.444.566 1.048.486 1.699zm26.241 0c-.175 1.422-1.52 2.622-2.937 2.622-.64 0-1.205-.241-1.593-.679-.394-.444-.566-1.048-.486-1.699.175-1.422 1.52-2.622 2.937-2.622.64 0 1.205.241 1.593.679.394.444.566 1.048.486 1.699zm4.053-1.378h-2.18c-.158-.607-.44-1.17-.861-1.646-.118-.133-.256-.239-.388-.354h4.79l-.108.878c-.073.598-.659 1.122-1.253 1.122z"/><path d="m9.03 26c0-.553-.447-1-1-1h-7.03c-.553 0-1 .447-1 1s.447 1 1 1h7.03c.553 0 1-.447 1-1z"/><path d="m4.087 20c-.553 0-1 .448-1 1s.447 1 1 1h4.561c.553 0 1-.448 1-1s-.447-1-1-1z"/><path d="m2.175 17h8.08c.553 0 1-.448 1-1s-.447-1-1-1h-8.08c-.553 0-1 .448-1 1s.447 1 1 1z"/></svg>
                            <h4 class="text-sm font-semibold">Entrega en 24-48 horas</h4>
                        </div>
                    </div>
                                    <div class="swiper-slide flex-shrink-0" style="width: 200px">
                        <div class="flex flex-col items-center gap-2">
                            <?xml version="1.0" encoding="iso-8859-1"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" class="w-12 h-12" width="24" height="24" aria-hidden="true">
<g>
	<g>
		<path d="M481.28,81.92H30.72C13.783,81.92,0,95.703,0,112.64v286.72c0,16.937,13.783,30.72,30.72,30.72h450.56    c16.937,0,30.72-13.783,30.72-30.72V112.64C512,95.703,498.217,81.92,481.28,81.92z M491.52,399.36    c0,5.632-4.608,10.24-10.24,10.24H30.72c-5.652,0-10.24-4.608-10.24-10.24V112.64c0-5.653,4.588-10.24,10.24-10.24h450.56    c5.632,0,10.24,4.587,10.24,10.24V399.36z"/>
	</g>
</g>
<g>
	<g>
		<rect x="10.24" y="174.08" width="491.52" height="40.96"/>
	</g>
</g>
<g>
	<g>
		<path d="M501.76,163.84H10.24C4.588,163.84,0,168.427,0,174.08v40.96c0,5.653,4.588,10.24,10.24,10.24h491.52    c5.652,0,10.24-4.587,10.24-10.24v-40.96C512,168.427,507.412,163.84,501.76,163.84z M491.52,204.8H20.48v-20.48h471.04V204.8z"/>
	</g>
</g>
<g>
	<g>
		<path d="M276.48,286.72H92.16c-5.652,0-10.24,4.588-10.24,10.24c0,5.652,4.588,10.24,10.24,10.24h184.32    c5.652,0,10.24-4.588,10.24-10.24C286.72,291.307,282.132,286.72,276.48,286.72z"/>
	</g>
</g>
<g>
	<g>
		<path d="M194.56,327.68H92.16c-5.652,0-10.24,4.588-10.24,10.24s4.588,10.24,10.24,10.24h102.4c5.652,0,10.24-4.588,10.24-10.24    S200.212,327.68,194.56,327.68z"/>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
                            <h4 class="text-sm font-semibold">Financiación instantánea</h4>
                        </div>
                    </div>
                                    <div class="swiper-slide flex-shrink-0" style="width: 200px">
                        <div class="flex flex-col items-center gap-2">
                            <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" version="1.1" id="svg2205" width="24" height="24" viewBox="0 0 682.66669 682.66669" class="w-12 h-12" aria-hidden="true">
  <defs id="defs2209">
    <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2219">
      <path d="M 0,512 H 512 V 0 H 0 Z" id="path2217"/>
    </clipPath>
  </defs>
  <mask id="custom"><rect id="bg" x="0" y="0" width="100%" height="100%" fill="white"/><g transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)"><path transform="matrix(1,0,0,1,276.0005,212.499)" d="M 0,0 C 13.77,0 25,11.23 25,25 25,38.77 13.77,50 0,50 -13.77,50 -25,38.77 -25,25 -25,11.23 -13.77,0 0,0" style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" id="path2255"/></g></mask><g mask="url(#custom)"><g id="g2211" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
    <g id="g2213">
      <g id="g2215" clip-path="url(#clipPath2219)">
        <g id="g2221" transform="translate(130,332.8047)">
          <path d="m 0,0 v 40.094 c 0,64.221 51.76,116.6 115.224,116.6 h 21.552 C 200.24,156.694 252,104.308 252,40.094 V -4.318" style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.926;stroke-dasharray:none;stroke-opacity:1" id="path2223"/>
        </g>
        <g id="g2225" transform="translate(382,269.2187)">
          <path d="m 0,0 c -10.266,-65.984 -95.692,-114.42 -127.846,-114.42 -32.154,0 -107.786,39.654 -124.154,97.507" style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.926;stroke-dasharray:none;stroke-opacity:1" id="path2227"/>
        </g>
        <g id="g2229" transform="translate(294.2163,484.5537)">
          <path d="m 0,0 c -0.244,-2.237 -0.544,-4.469 -0.899,-6.69 -11.836,-74.091 -81.494,-124.558 -155.584,-112.721 -1.295,0.207 -2.587,0.432 -3.875,0.677" style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.926;stroke-dasharray:none;stroke-opacity:1" id="path2231"/>
        </g>
        <g id="g2233" transform="translate(389.8271,237.499)">
          <path d="M 0,0 H -105.827" style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.926;stroke-dasharray:none;stroke-opacity:1" id="path2235"/>
        </g>
        <g id="g2237" transform="translate(24,22.501)">
          <path d="m 0,0 v 6.998 c 0,46.266 37.734,84 84,84 h 31 c 31.395,0 57,25.606 57,57 v 2.71" style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.926;stroke-dasharray:none;stroke-opacity:1" id="path2239"/>
        </g>
        <g id="g2241" transform="translate(488,22.501)">
          <path d="m 0,0 v 6.998 c 0,46.266 -37.734,84 -84,84 h -31 c -31.395,0 -57,25.606 -57,57 v 2.71" style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.926;stroke-dasharray:none;stroke-opacity:1" id="path2243"/>
        </g>
        <g id="g2245" transform="translate(167.2593,120.9795)">
          <path d="M 0,0 83.525,-60.48 170.357,2.395" style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.926;stroke-dasharray:none;stroke-opacity:1" id="path2247"/>
        </g>
        <g id="g2249" transform="translate(253.3428,401.5732)">
          <path d="m 0,0 c 30.728,-29.676 73.624,-43.17 115.807,-36.431 1.295,0.207 2.587,0.433 3.875,0.677" style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.926;stroke-dasharray:none;stroke-opacity:1" id="path2251"/>
        </g>
        <g id="g2253" transform="translate(276.0005,212.499)">
          <path d="M 0,0 C 13.77,0 25,11.23 25,25 25,38.77 13.77,50 0,50 -13.77,50 -25,38.77 -25,25 -25,11.23 -13.77,0 0,0" style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none" id="path2255_2"/>
        </g>
        <g id="g2257" transform="translate(130,336.499)">
          <path d="m 0,0 h -39 c -8.8,0 -16,-7.2 -16,-16 v -67 c 0,-8.8 7.2,-16 16,-16 H 0 Z" style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.926;stroke-dasharray:none;stroke-opacity:1" id="path2259"/>
        </g>
        <g id="g2261" transform="translate(382,336.499)">
          <path d="m 0,0 h 39 c 8.8,0 16,-7.2 16,-16 v -67 c 0,-8.8 -7.2,-16 -16,-16 H 0 Z" style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22.926;stroke-dasharray:none;stroke-opacity:1" id="path2263"/>
        </g>
      </g>
    </g>
  </g></g>
</svg>
                            <h4 class="text-sm font-semibold">Atención personalizada</h4>
                        </div>
                    </div>
                                    <div class="swiper-slide flex-shrink-0" style="width: 200px">
                        <div class="flex flex-col items-center gap-2">
                            <svg xmlns="http://www.w3.org/2000/svg" clip-rule="evenodd" fill-rule="evenodd" height="24" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" width="24" class="w-12 h-12" aria-hidden="true"><g id="Icon"><path d="m2.134 10.356c-.566-.313-.884-.861-.884-1.434 0-.574.318-1.122.884-1.434l8.314-4.595c.944-.521 2.16-.521 3.104 0l8.314 4.595c.566.312.884.86.884 1.434 0 .573-.318 1.121-.884 1.434l-8.314 4.594c-.944.522-2.16.522-3.104 0zm.725-1.313 8.314 4.594c.503.278 1.151.278 1.654 0l8.314-4.594c.055-.03.109-.066.109-.121 0-.056-.054-.091-.109-.122l-8.314-4.594c-.503-.278-1.151-.278-1.654 0l-8.314 4.594c-.055.031-.109.066-.109.122 0 .055.054.091.109.121z"/><path d="m18.25 11.25c0-.414.336-.75.75-.75s.75.336.75.75v4.5c0 2.071-1.679 3.75-3.75 3.75h-8c-2.071 0-3.75-1.679-3.75-3.75v-4.5c0-.414.336-.75.75-.75s.75.336.75.75v4.5c0 1.243 1.007 2.25 2.25 2.25h8c1.243 0 2.25-1.007 2.25-2.25z"/><path d="m11.47 9.78c-.293-.292-.293-.768 0-1.06.292-.293.768-.293 1.06 0l3.5 3.5c.141.14.22.331.22.53v8c0 .414-.336.75-.75.75s-.75-.336-.75-.75v-7.689z"/></g></svg>
                            <h4 class="text-sm font-semibold">Formación gratuita</h4>
                        </div>
                    </div>
                            </div>
        </div>
    </div>
</div>
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
<div wire:id="widget\productsslider_1" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;widget\\productsslider_1&quot;,&quot;name&quot;:&quot;widget\\productsslider_1&quot;,&quot;locale&quot;:&quot;es_ES&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;resolver&quot;:&quot;widget&quot;,&quot;handle&quot;:&quot;cms_index_index&quot;,&quot;type&quot;:&quot;default&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;refresh&quot;]},&quot;serverMemo&quot;:{&quot;data&quot;:{&quot;isLoading&quot;:true,&quot;data&quot;:[],&quot;products&quot;:[],&quot;sliderType&quot;:null,&quot;cacheSliderHtmlEncrypt&quot;:null},&quot;dataMeta&quot;:{&quot;widget&quot;:&quot;0:3:ihhuPG+HA3nOQ37L6aDbNuuvj+nLzdg7QHfdX9jod4SbOeH+N40hEa8BgO2wtkzAsMWYa\/kaptZVcCfjRyBcCIGCbKuCY6vL\/UBKLfMDoY0mA4m+4+bkGhkGf0EcEHdzZNNYen6WdQXB2KWXn1uXXEnQcE0d+yO6hnzMDwcMbv61NSl+XjwO5GF194lSxtKF1RowJUKwoqbL++nzRvhm6Sj7MxvIBgIFYXZyHlYiPZ+nls59jpR+f+4o84MqG7sLYUxJAGFiXcDd8EpSHw+jKlBASwTSLByni644t7RjdXKWvqT6wqh19jneqdWGMSMtlSXMStNTZBQswtX5bypximrRuguZAPZ\/ZKx97Ji9HvR8oGjFNMVYDKH4NQsuYVR1Xrf7u2ikX1XDTyHHGocaYMjGK9SYlCYtvukvytZFxRz0f2XEg1RYhS93uB\/XMiFhD4MOcrFHW\/dIbmmp2xzhe5Hk42dTgR2gEFatZu4pKoLpAoVUy3WeeQvbQBGmFQFOc+\/Rt8u15bDn3wE63OAaogIAgYqIObSpQYm806EmNqAs7Ijc4lbH+a+Um2mZUn1EolaL96Fu+Bgi3lV0SFARzLcr0hywFUHk+iUlkqOHoYFHE\/m7h\/DoceXNVLbTJ2wRaLyZSCsrOVY1LATdf+e11CYqB+ldVrqo4m1Cg6hL2qDHSg6qHe2G0VK9kT5Uu+wxuCZzOgL5JM5IvvcSShjAHMWaqDjbGtAEf8P2IWR027MlHBawYRtxTnSZU6BI7oCHUSJB&quot;},&quot;htmlHash&quot;:&quot;24056086&quot;,&quot;children&quot;:[],&quot;checksum&quot;:&quot;df3c194564477813147f529065a872ba9eb069ea300562d9b219e52dd7bf4606&quot;}}">
            
<div class="mx-auto max-w-[90vw] text-center">
            <h3 class="text-2xl font-bold uppercase mb-4">
            Promociones Destacadas y Novedades        </h3>
    
            <div id="loading-swiper_products_slider_6a280743d7c75" class="flex flex-shrink-0 justify-between gap-4 h-[385px]">
                            <div class="text-center flex flex-shrink-0 justify-between gap-4 overflow-hidden">
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                            <div class="w-[13rem] h-[355px] md:w-[17rem] md:h-[385px] flex-shrink-0">
                            <div class="flex flex-col h-full px-8 text-left gap-2 border rounded-lg border-gray-200 py-4">
                                <div class="w-full h-full bg-gray-300 animate-pulse"></div>
                                <div class="h-1/3 flex flex-col justify-center">
                                    <div class="bg-gray-300 h-full animate-pulse mb-1"></div>
                                    <div class="bg-gray-300 h-full animate-pulse"></div>
                                </div>
                                <div class="flex items-center animate-pulse text-sm bg-gray-300 w-full h-8"></div>
                            </div>
                        </div>
                                    </div>
                    </div>
        <div style="display: none" class="relative">
            <div id="swiper_products_slider_6a280743d7c75" class="swiper overflow-hidden"
                 x-data="{
                    init() {
                        document.addEventListener('swiperJsLoaded', () => {
                            this.initSwiper();
                        });

                        if (typeof Swiper !== 'undefined') {
                            this.initSwiper();
                        }
                    },

                    initSwiper() {
                        document.querySelector('#swiper_products_slider_6a280743d7c75').parentElement.style.display = '';

                        let element = document.querySelector('#loading-swiper_products_slider_6a280743d7c75');
                        if (element) {
                            element.remove();
                        }

                        new Swiper('#swiper_products_slider_6a280743d7c75', {
                            slidesPerView: 'auto',
                            centerInsufficientSlides: true,
                            spaceBetween: 16,
                            navigation: {
                                nextEl: '#swiper_products_slider_6a280743d7c75-button-next',
                                prevEl: '#swiper_products_slider_6a280743d7c75-button-prev',
                            }
                        });
                    }
                 }"
                 x-cloak=""
            >
                <div class="swiper-wrapper flex">
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/plancha-transfer-gorras-craft-express-3-en-1"
    title="Plancha&#x20;transfer&#x20;para&#x20;gorras&#x20;Craft&#x20;Express&#x20;3&#x20;en&#x20;1"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55576-prod            amasty-label-for-55576             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/p/l/plancha-transfer-gorras-craft-express-3-en-1-principal_1.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;p&#x2F;l&#x2F;plancha-transfer-gorras-craft-express-3-en-1-principal_1.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Plancha transfer para gorras Craft Express 3 en 1        </p>
        
    <span class=" text-lg price-color font-semibold flex flex-1 flex-col justify-center items-center mt-2">239,00 €</span>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/planchas-transfer-cintas-otterpro"
    title="Planchas&#x20;transfer&#x20;para&#x20;cintas&#x20;OtterPro"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55574-prod            amasty-label-for-55574             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/p/l/planchas-transfer-cintas-otterpro-principal_1.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;p&#x2F;l&#x2F;planchas-transfer-cintas-otterpro-principal_1.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Planchas transfer para cintas OtterPro        </p>
        
    <span class=" text-lg price-color font-semibold flex flex-1 flex-col justify-center items-center mt-2">1.495,00 €</span>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/plancha-balones-craft-express"
    title="Plancha&#x20;transfer&#x20;para&#x20;balones&#x20;Craft&#x20;Express"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55571-prod            amasty-label-for-55571             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/p/l/plancha-balones-craft-express-principal-d1_1.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;p&#x2F;l&#x2F;plancha-balones-craft-express-principal-d1_1.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Plancha transfer para balones Craft Express        </p>
        
    <span class=" text-lg price-color font-semibold flex flex-1 flex-col justify-center items-center mt-2">349,00 €</span>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/plotter-corte-cricut-joy-2-essentials-bundle"
    title="Plotter&#x20;de&#x20;corte&#x20;Cricut&#x20;Joy&#x20;2&#x20;-&#x20;Essentials&#x20;Bundle"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55432-prod            amasty-label-for-55432             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/p/l/plotter-corte-cricut-joy2-essentials-bundle-principal2_1.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;p&#x2F;l&#x2F;plotter-corte-cricut-joy2-essentials-bundle-principal2_1.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Plotter de corte Cricut Joy 2 - Essentials Bundle        </p>
        
    <span class=" text-lg price-color font-semibold flex flex-1 flex-col justify-center items-center mt-2">123,96 €</span>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/bandas-eventos-sublimables-dtf"
    title="Bandas&#x20;para&#x20;eventos&#x20;sublimables"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55364-prod            amasty-label-for-55364             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/b/a/banda-sublimaci_n-raso-principal.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;b&#x2F;a&#x2F;banda-sublimaci_n-raso-principal.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Bandas para eventos sublimables        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">1,35 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">1,01 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/maquina-chapas-automatica-electrica"
    title="M&#xE1;quina&#x20;para&#x20;chapas&#x20;autom&#xE1;tica&#x20;el&#xE9;ctrica&#x20;"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55337-prod            amasty-label-for-55337             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/m/_/m_quina-chapas-autom_tica-principal-2.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;m&#x2F;_&#x2F;m_quina-chapas-autom_tica-principal-2.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Máquina para chapas automática eléctrica         </p>
        
    <span class=" text-lg price-color font-semibold flex flex-1 flex-col justify-center items-center mt-2">499,00 €</span>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/peluches-17cm-camiseta-sublimable"
    title="Peluches&#x20;17cm&#x20;con&#x20;camiseta&#x20;sublimable"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55626-prod            amasty-label-for-55626             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/p/e/peluches-17cm-camiseta-sublimable-principal-d1.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;p&#x2F;e&#x2F;peluches-17cm-camiseta-sublimable-principal-d1.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Peluches 17cm con camiseta sublimable        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">3,99 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">2,99 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/gorras-algodon-efecto-lavado-rejilla"
    title="Gorras&#x20;algod&#xF3;n&#x20;efecto&#x20;lavado&#x20;con&#x20;rejilla"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55623-prod            amasty-label-for-55623             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/g/o/gorras-algodon-efecto-lavado-rejilla-principal-2.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;g&#x2F;o&#x2F;gorras-algodon-efecto-lavado-rejilla-principal-2.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Gorras algodón efecto lavado con rejilla        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">2,49 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">1,99 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/papel-sublimacion-instant-dry"
    title="Papel&#x20;sublimaci&#xF3;n&#x20;Instant&#x20;Dry"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55615-prod            amasty-label-for-55615             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/p/a/papel-sublimacion-instant-dry-principal-2_1.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;p&#x2F;a&#x2F;papel-sublimacion-instant-dry-principal-2_1.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Papel sublimación Instant Dry        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">9,95 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">8,46 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/fotopaneles-formas-aluminio-brillo-sublimable"
    title="Fotopaneles&#x20;Formas&#x20;de&#x20;aluminio&#x20;brillo&#x20;sublimable"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55612-prod            amasty-label-for-55612             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/f/o/fotopaneles-formas-aluminio-brillo-sublimable-principal-2.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;f&#x2F;o&#x2F;fotopaneles-formas-aluminio-brillo-sublimable-principal-2.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Fotopaneles Formas de aluminio brillo sublimable        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">4,80 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">3,84 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/peluches-13cm-sudadera-sublimable"
    title="Peluches&#x20;13cm&#x20;con&#x20;sudadera&#x20;sublimable"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55606-prod            amasty-label-for-55606             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/p/e/peluches-13cm-sudadera-sublimable-principal-d9.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;p&#x2F;e&#x2F;peluches-13cm-sudadera-sublimable-principal-d9.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Peluches 13cm con sudadera sublimable        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">3,99 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">2,99 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/fotopaneles-bambu-placa-sublimable"
    title="Fotopaneles&#x20;bamb&#xFA;&#x20;con&#x20;placa&#x20;sublimable"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55599-prod            amasty-label-for-55599             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/f/o/fotopanel-redondo-bambu-lamina-sublimable-principal_1.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;f&#x2F;o&#x2F;fotopanel-redondo-bambu-lamina-sublimable-principal_1.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Fotopaneles bambú con placa sublimable        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">4,99 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">3,99 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/fundas-abanicos-algodon-reciclado"
    title="Fundas&#x20;para&#x20;abanicos&#x20;de&#x20;algod&#xF3;n&#x20;reciclado"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55597-prod            amasty-label-for-55597             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/f/u/fundas-abanicos-algod_n-reciclado-principal-d1_1_1.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;f&#x2F;u&#x2F;fundas-abanicos-algod_n-reciclado-principal-d1_1_1.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Fundas para abanicos de algodón reciclado        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">0,42 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">0,34 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/abanicos-tela-madera-natural-grabado"
    title="Abanicos&#x20;de&#x20;tela&#x20;y&#x20;madera&#x20;natural&#x20;para&#x20;grabado"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55593-prod            amasty-label-for-55593             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/a/b/abanicos-tela-madera-natural-grabado-principal.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;a&#x2F;b&#x2F;abanicos-tela-madera-natural-grabado-principal.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Abanicos de tela y madera natural para grabado        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">1,49 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">1,19 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/cojines-sublimables-asa-eventos"
    title="Cojines&#x20;sublimables&#x20;con&#x20;asa&#x20;para&#x20;eventos"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55591-prod            amasty-label-for-55591             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/c/o/cojin-sublimable-asa-eventos-principal-d3.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;c&#x2F;o&#x2F;cojin-sublimable-asa-eventos-principal-d3.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Cojines sublimables con asa para eventos        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">4,99 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">3,99 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                            
<div class="swiper-slide js_slide flex-col shrink-0 w-&#x5B;13rem&#x21;important&#x5D;&#x20;md&#x3A;w-&#x5B;258px&#x21;important&#x5D;&#x20;&#x21;h-auto">
    <div class="grow w-full h-full">
        
<a
    href="https://www.brildor.com/es/abanicos-tela-bambu-cordon-grabado"
    title="Abanicos&#x20;de&#x20;tela&#x20;y&#x20;bamb&#xFA;&#x20;con&#x20;cord&#xF3;n&#x20;para&#x20;grabado"
    class="flex flex-col h-full min-h-[344px] xl:min-h-[388px] px-4 text-left gap-4 border rounded-lg border-gray-200 py-4 hover:opacity-80 transition-opacity duration-150"
>
    <div
        class="relative"
            >
        <div class="amlabel-position-wrapper top-right">
    <div class="amasty-label-container
            amasty-label-container-1-55588-prod            amasty-label-for-55588             txt-white bg-green"
    >
        <div class="amlabel-text">
            Nuevo        </div>

            </div>
</div>
                    <picture class="self-center&#x20;w-full&#x20;bg-gray-200"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/a/b/abanicos-tela-bamb_-cord_n-grabado-principal-d1.webp"><img src="https&#x3A;&#x2F;&#x2F;www.brildor.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;cache&#x2F;9d52e66eee9e00d03170d60efaf50924&#x2F;a&#x2F;b&#x2F;abanicos-tela-bamb_-cord_n-grabado-principal-d1.jpg" alt="" class="self-center&#x20;w-full&#x20;bg-gray-200" width="360" height="360" loading="lazy" loading="lazy"></picture>            </div>

    <div class="h-full flex flex-col">
        <p class="text-base font-semibold text-gray-900 text-balance text-ellipsis text-center overflow-hidden leading-5 line-clamp-3">
            Abanicos de tela y bambú con cordón para grabado        </p>
        
    <div class="mt-2 leading-[1] flex flex-1 flex-col justify-center items-center">
        <div>
            <span class="price-color text-lg font-semibold">1,79 €</span>
        </div>
        <div>
            <span class="text-sm text-gray-500 font-semibold">Desde: </span>
            <span class="text-lg price-color font-semibold">1,43 €</span>
        </div>
    </div>
    </div>

    <div class="flex gap-2 justify-between items-end">
        
    <div class="flex flex-wrap items-center text-sm">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="mr-1 text-yellow-500" width="18" height="18" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
        <span class="text-gray-700">
            Sin opiniones        </span>
    </div>
    </div>
</a>
    </div>
</div>
                                    </div>
            </div>
            <div id="swiper_products_slider_6a280743d7c75-button-prev" class="swiper-button-prev swiper-button-disabled"></div>
            <div id="swiper_products_slider_6a280743d7c75-button-next" class="swiper-button-next"></div>
        </div>
    </div>
    
</div>
<!-- Magewire Component wire-end:widget\productsslider_1 --></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
<div class="mx-auto max-w-[90vw] flex flex-wrap items-center justify-evenly gap-y-7">
    <div class="flex flex-wrap items-center justify-center gap-5">
        <div class="relative w-[145px] h-[145px]">
            <svg viewBox="0 0 120 120" class="-rotate-90 w-[145px] h-[145px]">
                <circle cx="60" cy="60" r="54"
                        fill="none"
                        class="stroke-yellow-400"
                        stroke-width="9"
                        stroke-linecap="round"
                        stroke-dasharray="339.292"
                        stroke-dashoffset="13.57168"
                />
                <circle cx="60" cy="60" r="54"
                        fill="none"
                        class="stroke-yellow-400 opacity-25"
                        stroke-width="9"
                        stroke-linecap="round"
                        stroke-dasharray="339.292"
                />
            </svg>
            <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-[55%] text-center flex flex-col items-center justify-center gap-1">
                    <span class="block text-5xl font-bold">
                        4,9                    </span>
                <div class="text-xs text-gray-500 leading-[1]">
                        <span class="font-bold text-base">
                            +4.300                        </span>
                    <span>valoraciones</span>
                </div>
            </div>
        </div>
        <div>
            <p class="font-normal text-center md:text-left">
                Más de                <span class="font-bold text-xl">
                4.177            </span>
                clientes satisfechos            </p>
            <div class="mt-1">
                                                            <div class="grid grid-cols-[0.1fr_1fr_0.2fr] gap-2 items-center">
                            <div class="flex items-center gap-0.5">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                <span class="font-bold sm:text-md">5</span>
                            </div>
                            <div class="relative">
                                <svg width="100%" class="opacity-25 h-[10px] sm:h-[12px]">
                                    <rect x="0" y="0" width="100%" class="fill-yellow-400 h-[10px] sm:h-[12px]" rx="6" ry="6"  height="12"/>
                                </svg>
                                <svg width="100%" height="12" class="absolute top-0 h-[10px] sm:h-[12px]">
                                    <rect x="0" y="0" width="90%" class="fill-yellow-400 h-[10px] sm:h-[12px]" rx="6" ry="6"  height="12"/>
                                </svg>
                            </div>
                            <span class="font-medium sm:text-md">
                            3.932                        </span>
                        </div>
                                                                                <div class="grid grid-cols-[0.1fr_1fr_0.2fr] gap-2 items-center">
                            <div class="flex items-center gap-0.5">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                <span class="font-bold sm:text-md">4</span>
                            </div>
                            <div class="relative">
                                <svg width="100%" class="opacity-25 h-[10px] sm:h-[12px]">
                                    <rect x="0" y="0" width="100%" class="fill-yellow-400 h-[10px] sm:h-[12px]" rx="6" ry="6"  height="12"/>
                                </svg>
                                <svg width="100%" height="12" class="absolute top-0 h-[10px] sm:h-[12px]">
                                    <rect x="0" y="0" width="7%" class="fill-yellow-400 h-[10px] sm:h-[12px]" rx="6" ry="6"  height="12"/>
                                </svg>
                            </div>
                            <span class="font-medium sm:text-md">
                            308                        </span>
                        </div>
                                                                                                                                                            </div>
        </div>
    </div>
                            <div class="flex items-center gap-4">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" class="w-[80px] h-[80px] sm:w-[100px] sm:h-[100px]" width="24" height="24" aria-hidden="true"><defs><path id="a" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><path clip-path="url(#b)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
            <div>
                <div class="flex items-center gap-2">
                    <span class="block text-4xl sm:text-5xl font-bold">
                        4,7                    </span>
                    <div class="inline-flex">
                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400 w-6 h-6 sm:w-8 sm:h-8" width="24" height="24" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400 w-6 h-6 sm:w-8 sm:h-8" width="24" height="24" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400 w-6 h-6 sm:w-8 sm:h-8" width="24" height="24" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400 w-6 h-6 sm:w-8 sm:h-8" width="24" height="24" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                            <div class="relative">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400 w-6 h-6 sm:w-8 sm:h-8" width="24" height="24" style="clip-path: inset(0 30% 0 0);" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-gray-300 w-6 h-6 sm:w-8 sm:h-8 absolute top-0 -z-10" width="24" height="24" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                </div>
                                                                        </div>
                </div>
                <div class="mt-2 flex gap-2">
                    <span class="text-xl font-bold">
                        1.429                    </span>
                    <span class="font-semibold text-gray-500">
                        reseñas en Google                    </span>
                </div>
            </div>
        </div>
    </div>

    <div class="mx-auto max-w-[90vw] flex flex-wrap items-center justify-center gap-y-5 gap-x-10 mt-12">
        <div class="flex flex-wrap items-center justify-center gap-y-5 gap-x-10">
            <h3 class="text-2xl font-bold uppercase text-center mb-4">
                Lo que dicen nuestros clientes            </h3>
        </div>
        <div id="loading-summary_reviews_6a280964be69c" class="bg-gray-200 w-full h-[17rem] animate-pulse border-2 rounded-2xl"></div>
        <div style="display: none;" class="relative w-full">
            <div id="summary_reviews_6a280964be69c" class="swiper swiper-horizontal overflow-hidden flex" x-data="initComponent_summary_reviews_6a280964be69c" x-cloak="">
                <div class="swiper-wrapper flex">
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-[50px] h-[50px] p-2 relative bg-gray-300 text-white rounded-full" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Adriana Marta</p>
                                        <p class="text-sm ">hace 16 horas</p>
                                    </div>
                                </div>
                                                                                                                                            <a href="https://www.brildor.com/es/camiseta-tecnica-mujer-sublimacion"
                                       title="Camisetas técnicas mujer 135g sublimables"
                                       class="hover:opacity-80"
                                    >
                                        <picture class="w-[50px] h-[50px] rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/c/a/camiseta-tecnica-mujer-sublimacion-d1.webp"><img src="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/c/a/camiseta-tecnica-mujer-sublimacion-d1.jpg" alt="Camisetas técnicas mujer 135g sublimables" class="w-[50px] h-[50px] rounded-lg" loading="lazy"></picture>
                                    </a>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Las uso para grupos deportivos y va genial
                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(0)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-[50px] h-[50px] p-2 relative bg-gray-300 text-white rounded-full" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Maximiliano</p>
                                        <p class="text-sm ">hace 19 horas</p>
                                    </div>
                                </div>
                                                                                                                                            <a href="https://www.brildor.com/es/vinilo-adhesivo-imprimible-inkjet-pack-de-10-hojas"
                                       title="Vinilo adhesivo imprimible Inkjet - Pack de 10 hojas A4"
                                       class="hover:opacity-80"
                                    >
                                        <picture class="w-[50px] h-[50px] rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/v/i/vinilo-adhesivo-imprimible-inkjet-pack-10-hojas-a4.webp"><img src="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/v/i/vinilo-adhesivo-imprimible-inkjet-pack-10-hojas-a4.jpg" alt="Vinilo adhesivo imprimible Inkjet - Pack de 10 hojas A4" class="w-[50px] h-[50px] rounded-lg" loading="lazy"></picture>
                                    </a>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-gray-300" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-gray-300" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        HOLA, HE IMPRESO EL VINILO Y QUITADO EL PLASTICO, PERO EL PEGAMENTO, QUEDO SOBRE EL PLASTICO Y NO SOBRE EL VINILO. HAY ALGUNA SOLUCION, MUCHAS GRACIAS.                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(1)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-[50px] h-[50px] p-2 relative bg-gray-300 text-white rounded-full" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Cristina</p>
                                        <p class="text-sm ">hace 20 horas</p>
                                    </div>
                                </div>
                                                                                                                                            <a href="https://www.brildor.com/es/fotopaneles-cristal-esmerilado-sublimable"
                                       title="Fotopaneles de cristal esmerilado sublimable"
                                       class="hover:opacity-80"
                                    >
                                        <picture class="w-[50px] h-[50px] rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/f/o/fotopaneles-cristal-sublimable-d14_1.webp"><img src="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/f/o/fotopaneles-cristal-sublimable-d14_1.jpg" alt="Fotopaneles de cristal esmerilado sublimable" class="w-[50px] h-[50px] rounded-lg" loading="lazy"></picture>
                                    </a>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Acabado increíble para transferir fotos queda súper elegante.                                     </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(2)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-[50px] h-[50px] p-2 relative bg-gray-300 text-white rounded-full" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Janeidy</p>
                                        <p class="text-sm ">hace 23 horas</p>
                                    </div>
                                </div>
                                                                                                                                            <a href="https://www.brildor.com/es/taza-sublimacion-calidad-premiun-aaa-orca"
                                       title="Taza para sublimación - Calidad Prémium AAA ORCA"
                                       class="hover:opacity-80"
                                    >
                                        <picture class="w-[50px] h-[50px] rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/t/a/taza-blanca-para-sublimacion-calidad-premium-aaa-orca-d4_1.webp"><img src="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/t/a/taza-blanca-para-sublimacion-calidad-premium-aaa-orca-d4_1.jpg" alt="Taza blanca para sublimación - Calidad Premium AAA ORCA" class="w-[50px] h-[50px] rounded-lg" loading="lazy"></picture>
                                    </a>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Me encanta quedan los colores muy bien                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(3)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-[50px] h-[50px] p-2 relative bg-gray-300 text-white rounded-full" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Yolanda</p>
                                        <p class="text-sm ">hace un día</p>
                                    </div>
                                </div>
                                                                                                                                            <a href="https://www.brildor.com/es/espinilleras-deportivas-para-sublimacion-y-sus-accesorios"
                                       title="Espinilleras deportivas sublimables y sus accesorios"
                                       class="hover:opacity-80"
                                    >
                                        <picture class="w-[50px] h-[50px] rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/e/s/espinilleras-deportivas-para-sublimacion-y-sus-accesorios.webp"><img src="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/e/s/espinilleras-deportivas-para-sublimacion-y-sus-accesorios.jpg" alt="Espinilleras deportivas sublimables y sus accesorios" class="w-[50px] h-[50px] rounded-lg" loading="lazy"></picture>
                                    </a>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Buen material y quedan muy bien terminadas.                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(4)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-[50px] h-[50px] p-2 relative bg-gray-300 text-white rounded-full" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Dafne</p>
                                        <p class="text-sm ">hace un día</p>
                                    </div>
                                </div>
                                                                                                                                            <a href="https://www.brildor.com/es/caja-blanca-ventana-taza"
                                       title="Caja blanca con ventana para taza"
                                       class="hover:opacity-80"
                                    >
                                        <picture class="w-[50px] h-[50px] rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/c/a/caja-blanca-ventana-taza-pack-12-uds-d7.webp"><img src="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/c/a/caja-blanca-ventana-taza-pack-12-uds-d7.jpg" alt="Caja blanca con ventana para taza" class="w-[50px] h-[50px] rounded-lg" loading="lazy"></picture>
                                    </a>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Perfectas para envíar tus tazas y que lleguen sanas y salvas                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(5)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-[50px] h-[50px] p-2 relative bg-gray-300 text-white rounded-full" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Jaqueline</p>
                                        <p class="text-sm ">hace un día</p>
                                    </div>
                                </div>
                                                                                                                                            <a href="https://www.brildor.com/es/fotopaneles-padre-sublimables"
                                       title="Fotopaneles Papa madera DM3 sublimable"
                                       class="hover:opacity-80"
                                    >
                                        <picture class="w-[50px] h-[50px] rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/f/o/fotopaneles-papa-d19.webp"><img src="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/f/o/fotopaneles-papa-d19.jpg" alt="Fotopaneles Papá madera DM3 sublimable" class="w-[50px] h-[50px] rounded-lg" loading="lazy"></picture>
                                    </a>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Las fotografías quedan super brillantes, me encanta el resultado.                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(6)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-[50px] h-[50px] p-2 relative bg-gray-300 text-white rounded-full" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">diego</p>
                                        <p class="text-sm ">hace un día</p>
                                    </div>
                                </div>
                                                                                                                                            <a href="https://www.brildor.com/es/tintas-de-sublimacion-epson-para-sc-f500-botella-140ml"
                                       title="Tintas Sublimación Epson SC-F100/F500/F501 - 140ml"
                                       class="hover:opacity-80"
                                    >
                                        <picture class="w-[50px] h-[50px] rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/t/i/tintas-de-sublimacion-epson-para-sc-f500-botella-140ml-d8.webp"><img src="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/t/i/tintas-de-sublimacion-epson-para-sc-f500-botella-140ml-d8.jpg" alt="Tintas Sublimación Epson SC-F100/F500/F501 - 140ml" class="w-[50px] h-[50px] rounded-lg" loading="lazy"></picture>
                                    </a>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Tinta de buena calidad agantan un montón y los colores salen muy vivos                                     </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(7)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-[50px] h-[50px] p-2 relative bg-gray-300 text-white rounded-full" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Daniela</p>
                                        <p class="text-sm ">hace un día</p>
                                    </div>
                                </div>
                                                                                                                                            <a href="https://www.brildor.com/es/fotopaneles-piedra-pizarra-sublimables"
                                       title="Fotopaneles pizarra sublimable"
                                       class="hover:opacity-80"
                                    >
                                        <picture class="w-[50px] h-[50px] rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/f/o/fotopaneles-pizarra-sublimables-d10.webp"><img src="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/f/o/fotopaneles-pizarra-sublimables-d10.jpg" alt="Fotopaneles pizarra sublimable" class="w-[50px] h-[50px] rounded-lg" loading="lazy"></picture>
                                    </a>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Transfiere muy bien los.colores y quedan brillantes ????                                     </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(8)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-[50px] h-[50px] p-2 relative bg-gray-300 text-white rounded-full" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"/>
</svg>
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Virginia</p>
                                        <p class="text-sm ">hace un día</p>
                                    </div>
                                </div>
                                                                                                                                            <a href="https://www.brildor.com/es/taza-sublimacion-interior-asa-color"
                                       title="Tazas sublimables con interior y asa de color"
                                       class="hover:opacity-80"
                                    >
                                        <picture class="w-[50px] h-[50px] rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/t/a/taza-sublimacion-interior-asa-color.webp"><img src="https://www.brildor.com/media/catalog/product/cache/9d52e66eee9e00d03170d60efaf50924/t/a/taza-sublimacion-interior-asa-color.jpg" alt="Tazas sublimables con interior y asa de color" class="w-[50px] h-[50px] rounded-lg" loading="lazy"></picture>
                                    </a>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Son de muy buena calidad. Muy contenta con la atención y quedan preciosas. Mis clientes siempre estan muy satisfechos.                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(9)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <img
                                            class="w-[50px] h-[50px] relative"
                                            src="https://lh3.googleusercontent.com/a-/ALV-UjUKmosulXTJXv2twZ1LVnHrbKy6F718VCyIbGOOGhfD9f2t0A=s120-c-rp-mo-ba12-br100"
                                            alt=""
                                            loading="lazy"
                                        >
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Paperi més</p>
                                        <p class="text-sm ">hace 21 días</p>
                                    </div>
                                </div>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" aria-hidden="true"><defs><path id="a_2" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b_2"><use xlink:href="#a_2" overflow="visible"/></clipPath><path clip-path="url(#b_2)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b_2)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b_2)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b_2)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Siempre responden rápido y con mucha amabilidad a todas tus dudas.
Además el envío es rápido

                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(10)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <img
                                            class="w-[50px] h-[50px] relative"
                                            src="https://lh3.googleusercontent.com/a-/ALV-UjVb022w4TaKMjKQ4QpfPiD-BYWCD7VdpZa0xt-GMx-YMjVLZqif=s120-c-rp-mo-br100"
                                            alt=""
                                            loading="lazy"
                                        >
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">monaes</p>
                                        <p class="text-sm ">hace un mes</p>
                                    </div>
                                </div>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" aria-hidden="true"><defs><path id="a_3" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b_3"><use xlink:href="#a_3" overflow="visible"/></clipPath><path clip-path="url(#b_3)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b_3)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b_3)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b_3)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Súper bien. Y rápidos!!

                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(11)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <img
                                            class="w-[50px] h-[50px] relative"
                                            src="https://lh3.googleusercontent.com/a/ACg8ocIR-yGsewVlXrhRZeB2UKKrQ2kw_OpV7X5MC5i8yQa8CdRPrQ=s120-c-rp-mo-br100"
                                            alt=""
                                            loading="lazy"
                                        >
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Inmaculada Gonzalez Barahona</p>
                                        <p class="text-sm ">hace un mes</p>
                                    </div>
                                </div>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" aria-hidden="true"><defs><path id="a_4" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b_4"><use xlink:href="#a_4" overflow="visible"/></clipPath><path clip-path="url(#b_4)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b_4)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b_4)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b_4)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        He comprado la carpeta de vinilo textil con todo el colorido y me ha encantado. Se pela genial y es muy buena calidad.

                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(12)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <img
                                            class="w-[50px] h-[50px] relative"
                                            src="https://lh3.googleusercontent.com/a-/ALV-UjV0Al3lRlqPiQEGHkHQJgZjzU1pSZ99opQd5kfABHFJOGCpd2A=s120-c-rp-mo-br100"
                                            alt=""
                                            loading="lazy"
                                        >
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Karina Del Carmen Abrante Bolivar</p>
                                        <p class="text-sm ">hace un mes</p>
                                    </div>
                                </div>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" aria-hidden="true"><defs><path id="a_5" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b_5"><use xlink:href="#a_5" overflow="visible"/></clipPath><path clip-path="url(#b_5)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b_5)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b_5)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b_5)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Realicé una compra por internet, como siempre, pero esta vez decidí probar por primera vez la opción de envío en 24 horas. Por no haber leído con suficiente atención algunos requerimientos, me surgió a mí un pequeño inconveniente con el envío.

Quiero destacar que, gracias a su gestión y acompañamiento todo se resolvió de forma rápida y eficaz. La atención fue clara, amable y muy resolutiva.

Finalmente, podré recibir mi pedido dentro del plazo de 24 horas, justo como lo necesitaba. Sin duda, valoro mucho la responsabilidad y el compromiso del equipo. ¡Totalmente recomendados!

                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(13)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <img
                                            class="w-[50px] h-[50px] relative"
                                            src="https://lh3.googleusercontent.com/a-/ALV-UjVou6CiFaXGQ7fAH2I5so1n-D3PpsTVdNRFlW-1yVl9VHSblA8U=s120-c-rp-mo-ba12-br100"
                                            alt=""
                                            loading="lazy"
                                        >
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Javier Sanchez</p>
                                        <p class="text-sm ">hace 2 meses</p>
                                    </div>
                                </div>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" aria-hidden="true"><defs><path id="a_6" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b_6"><use xlink:href="#a_6" overflow="visible"/></clipPath><path clip-path="url(#b_6)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b_6)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b_6)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b_6)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Llevo tiempo trabajando con BRILDOR, es un lujazo en los tiempos que corren, que llamas por teléfono y siempre te atiende una persona, nada de hablar con maquinas... 100% recomendables

                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(14)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <img
                                            class="w-[50px] h-[50px] relative"
                                            src="https://lh3.googleusercontent.com/a/ACg8ocIqATu9uznSRZi_5NMQWz43CCT3Mt-h-98Xx2Qi2-Plg_6qnw=s120-c-rp-mo-br100"
                                            alt=""
                                            loading="lazy"
                                        >
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Nadia Gutierrez</p>
                                        <p class="text-sm ">hace 2 meses</p>
                                    </div>
                                </div>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" aria-hidden="true"><defs><path id="a_7" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b_7"><use xlink:href="#a_7" overflow="visible"/></clipPath><path clip-path="url(#b_7)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b_7)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b_7)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b_7)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Quiero destacar la excelente experiencia que he tenido con la empresa Brildor. Desde el primer momento, el trato ha sido cercano, amable y muy profesional. Se nota que hay un gran equipo detrás, en nuestro caso Sergio siempre dispuesto a ayudar y  resolver cualquier problema y duda de manera rápida y eficaz.

Además, la atención al cliente ha sido impecable, con Eloise transmitiendo confianza y demostrando un alto nivel de compromiso en todo momento. Es un placer encontrar empresas que cuidan tanto a sus clientes y que trabajan con tanta dedicación.

Sin duda, recomiendo Brildor por su profesionalidad, cercanía y calidad en el servicio. ¡Da gusto tratar con un equipo así!

                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(15)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <img
                                            class="w-[50px] h-[50px] relative"
                                            src="https://lh3.googleusercontent.com/a-/ALV-UjW5g3Iwvz4GbiLi8Djv4JAieMDiobqr7cwn2J2hXOLGB40ZZSnw=s120-c-rp-mo-ba12-br100"
                                            alt=""
                                            loading="lazy"
                                        >
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Patry1193</p>
                                        <p class="text-sm ">hace 3 meses</p>
                                    </div>
                                </div>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" aria-hidden="true"><defs><path id="a_8" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b_8"><use xlink:href="#a_8" overflow="visible"/></clipPath><path clip-path="url(#b_8)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b_8)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b_8)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b_8)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Son los mejores, desde Eliana hasta cada persona que me ha atendido son increible, recomendaria Brildor a todo el mundo de verdad

                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(16)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <img
                                            class="w-[50px] h-[50px] relative"
                                            src="https://lh3.googleusercontent.com/a-/ALV-UjV_nTR3RFAtdkwgQsieql6pcLRbN757WYLmsqe6fDaoV4JjWAfH=s120-c-rp-mo-br100"
                                            alt=""
                                            loading="lazy"
                                        >
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">bye torcida</p>
                                        <p class="text-sm ">hace 4 meses</p>
                                    </div>
                                </div>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" aria-hidden="true"><defs><path id="a_9" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b_9"><use xlink:href="#a_9" overflow="visible"/></clipPath><path clip-path="url(#b_9)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b_9)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b_9)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b_9)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        Productos de calidad, serios en los tiempos de entrega, y si tienen falta de algún producto te informan con bastante exactitud en la fecha de reposición.

                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(17)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <img
                                            class="w-[50px] h-[50px] relative"
                                            src="https://lh3.googleusercontent.com/a-/ALV-UjWJpRDJA419fX5-MEvRX4tLTdE-3IdAonh0G6kee7xNw7J784cK=s120-c-rp-mo-br100"
                                            alt=""
                                            loading="lazy"
                                        >
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Walter Richardi palavecino</p>
                                        <p class="text-sm ">hace 5 meses</p>
                                    </div>
                                </div>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" aria-hidden="true"><defs><path id="a_10" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b_10"><use xlink:href="#a_10" overflow="visible"/></clipPath><path clip-path="url(#b_10)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b_10)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b_10)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b_10)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        La verdad que tanto la atención al cliente que he tenido con ese momento ha sido estupendo y muy efectiva y ahora que me ha llevado el pedido en tiempo orden y según lo esperado.. con ganas de empezar a trabajar ❤️

                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(18)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                            <div class="swiper-slide !flex flex-col h-[17rem!important] border rounded-lg border-gray-200 p-4 !transition-[height] duration-1000">
                            <div class="flex gap-4 justify-between">
                                <div class="flex gap-4">
                                                                            <img
                                            class="w-[50px] h-[50px] relative"
                                            src="https://lh3.googleusercontent.com/a/ACg8ocLCDPSHMxDpRXD-9U3u5_xHtO8rhKkj7ES4bgonOZwUYO4lXw=s120-c-rp-mo-br100"
                                            alt=""
                                            loading="lazy"
                                        >
                                                                        <div class="leading-[1] overflow-hidden">
                                        <p class="font-semibold line-clamp-2">Chema González</p>
                                        <p class="text-sm ">hace 6 meses</p>
                                    </div>
                                </div>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" aria-hidden="true"><defs><path id="a_11" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b_11"><use xlink:href="#a_11" overflow="visible"/></clipPath><path clip-path="url(#b_11)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b_11)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b_11)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b_11)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>
                                                            </div>
                            <div class="mt-2 flex flex-col justify-between h-full">
                                <div class="inline-flex mb-3">
                                                                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-yellow-400" width="21" height="21" aria-hidden="true">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
</svg>
                                                                                                            </div>
                                <div class="review-text h-full flex flex-col">
                                    <p class="line-clamp-5 text-[16px] leading-[1.4]">
                                        La atención post venta excepcional, muy atentos y siempre nos ayudan cuando lo necesitamos. Es nuestro tercer año con Brildor y seguimos igual de contentos con ellos. Un acierto

                                    </p>
                                    <div class="mt-0.5">
                                        <button
                                            type="button"
                                            @click="openReview(19)"
                                            class="text-[15px] text-gray-500 hover:text-gray-700 opacity-0"
                                        >
                                            Leer más                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                                    </div>
            </div>
            <div id="summary_reviews_6a280964be69c-button-prev" class="swiper-button-prev swiper-button-disabled"></div>
            <div id="summary_reviews_6a280964be69c-button-next" class="swiper-button-next"></div>
        </div>
    </div>

    <script>
        'use strict';

        function initComponent_summary_reviews_6a280964be69c() {
            return {
                swiperId: 'summary_reviews_6a280964be69c',
                lastActiveIndex: null,

                init() {
                    document.addEventListener('swiperJsLoaded', () => {
                        this.initSwiper();
                    });

                    window.addEventListener('resize', () => {
                        setTimeout(() => {
                            this.resize();
                        }, 100);
                    });

                    if (typeof Swiper !== 'undefined') {
                        this.initSwiper();
                    }
                },

                initSwiper() {
                    document.querySelector('#summary_reviews_6a280964be69c').parentElement.style.display = '';

                    let element = document.querySelector('#loading-summary_reviews_6a280964be69c');
                    if (element) {
                        element.remove();
                    }

                    new Swiper(`#${this.swiperId}`, {
                        slidesPerView: 1,
                        spaceBetween: 16,
                        centerInsufficientSlides: true,
                        navigation: {
                            nextEl: '#summary_reviews_6a280964be69c-button-next',
                            prevEl: '#summary_reviews_6a280964be69c-button-prev',
                        },
                        breakpoints: {
                            1440: {
                                slidesPerView: 4
                            },
                            768: {
                                slidesPerView: 3
                            },
                            640: {
                                slidesPerView: 2
                            }
                        }
                    });

                    this.resize();
                },

                resize: function() {
                    const reviews = document.querySelectorAll('.review-text');

                    reviews.forEach((review) => {
                        const text = review.querySelector('p');
                        const button = review.querySelector('button');

                        if (text.scrollHeight > text.clientHeight) {
                            button.classList.remove('opacity-0');
                        } else {
                            button.classList.add('opacity-0');
                        }
                    });

                    if (this.lastActiveIndex !== null) {
                        this.openReview(this.lastActiveIndex, true);
                    }
                },

                openReview(index, force = false) {
                    const reviews = document.querySelectorAll(`#${this.swiperId} .swiper-slide`);
                    const review = document.querySelector(`#${this.swiperId} .swiper-slide:nth-child(${index+1})`);

                    const reviewText = review.querySelector('.review-text');
                    const button = reviewText.querySelector('button');
                    const text = reviewText.querySelector('p');

                    text.classList.add('line-clamp-5');
                    const reviewHeight = text.scrollHeight + text.offsetHeight + 23;

                    button.classList.add('hidden');
                    text.classList.remove('line-clamp-5');

                    if (!force && review.offsetHeight > reviewHeight) {
                        return;
                    }

                    reviews.forEach((item) => {
                        item.style.setProperty('height', `${reviewHeight}px`, 'important');

                        const itemText = item.querySelector('.review-text p');
                        const itemButton = item.querySelector('.review-text button');

                        if (!itemButton.classList.contains('hidden') && text.scrollHeight >= itemText.scrollHeight) {
                            itemText.classList.remove('line-clamp-5');
                            itemButton.classList.add('hidden');
                        }
                    });

                    this.lastActiveIndex = index;
                }
            }
        }
    </script>
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;
<div class="mx-auto max-w-[90vw] flex flex-col lg:flex-row gap-8">
            <div class="flex flex-col justify-between w-full">
            <div class="flex flex-col sm:flex-row gap-1 sm:gap-3 items-start mb-3 w-full">
                <h3 class="flex-1 text-xl text-balance font-bold uppercase">
                    Aprende con nuestro blog                </h3>
                <a
                                            class="flex items-center justify-center gap-2 text-white bg-primary hover:bg-primary/90 font-semibold px-3 py-1 rounded-lg"
                                        href="https://www.brildor.com/blog/es/"
                    title="Ir al blog"
                    target="_blank"
                >
                    Ir al blog                                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="h-5 w-5" aria-hidden="true"><path d="M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4M2 6h4M2 10h4M2 14h4M2 18h4"/><path d="M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/></svg>
                                    </a>
            </div>
            <div class="w-full">
                                                    <a
                        class="hover:opacity-80 transition-opacity duration-150"
                        href="https://www.brildor.com/blog/es/"
                        title="Aprende con nuestro blog"
                        target="_blank"
                    >
                        <picture class="bg-gray-200 w-full rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/blogvideo/imagen-blog-web-ES.webp"><img src="https://www.brildor.com/media/brildor/blogvideo/imagen-blog-web-ES.jpg" alt="Aprende con nuestro blog" class="bg-gray-200 w-full rounded-lg" width="864" height="358" loading="lazy" loading="lazy"></picture>
                    </a>
                            </div>
        </div>
            <div class="flex flex-col justify-between w-full">
            <div class="flex flex-col sm:flex-row gap-1 sm:gap-3 items-start mb-3 w-full">
                <h3 class="flex-1 text-xl text-balance font-bold uppercase">
                    Descubre nuestros últimos vídeos                </h3>
                <a
                                            class="flex items-center justify-center gap-2 text-white bg-[#E00000] hover:bg-[#E00000]/90 font-semibold px-3 py-1 rounded-lg"
                                        href="https://www.youtube.com/brildor?sub_confirmation=1"
                    title="Ir a Youtube"
                    target="_blank"
                >
                    Ir a Youtube                                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" class="h-6 w-6" aria-hidden="true"><path d="M2.5 17a24.1 24.1 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.6 49.6 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.1 24.1 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.6 49.6 0 0 1-16.2 0A2 2 0 0 1 2.5 17"/><path d="m10 15 5-3-5-3z"/></svg>
                                    </a>
            </div>
            <div class="w-full">
                                                    <a
                        class="hover:opacity-80 transition-opacity duration-150"
                        href="https://www.youtube.com/brildor?sub_confirmation=1"
                        title="Descubre nuestros últimos vídeos"
                        target="_blank"
                    >
                        <picture class="bg-gray-200 w-full rounded-lg"><source type="image/webp" srcset="https://www.brildor.com/media/brildor/blogvideo/imagen-youtube-web-ES.webp"><img src="https://www.brildor.com/media/brildor/blogvideo/imagen-youtube-web-ES.jpg" alt="Descubre nuestros últimos vídeos" class="bg-gray-200 w-full rounded-lg" width="864" height="358" loading="lazy" loading="lazy"></picture>
                    </a>
                            </div>
        </div>
    </div>
</p>
<p>&nbsp;</p>
<p>
<div wire:id="widget\subscribenewsletter_0" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;widget\\subscribenewsletter_0&quot;,&quot;name&quot;:&quot;widget\\subscribenewsletter_0&quot;,&quot;locale&quot;:&quot;es_ES&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;resolver&quot;:&quot;widget&quot;,&quot;handle&quot;:&quot;cms_index_index&quot;,&quot;type&quot;:&quot;default&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;submit&quot;,&quot;refresh&quot;]},&quot;serverMemo&quot;:{&quot;data&quot;:{&quot;isWidgetEnabled&quot;:false,&quot;isSubscribed&quot;:false,&quot;subscribed&quot;:false,&quot;email&quot;:&quot;&quot;,&quot;data&quot;:[]},&quot;dataMeta&quot;:{&quot;widget&quot;:&quot;0:3:uks0i61PrzglNRMTWocJJ0+R8KXZECXCSnd1AYJdquNhMqBYiBTLgy3c1BExWvVFesVLCfdrcjN9btkQ6JjdZG5p\/KZfq1kgkoKwnrD1rkLT48EviIb4XgWFxoxK1MxCO7iiDUoYmq2iaxqiXWAYAyZ4gPInev91X+1xGY3IMml1yNuUSdNAhdlE4WY5fk3Z51staSby\/tarCVZeHDng76ToyQmgg6KbY63Q8G\/3u5Vfxy\/SxDfXn31YemSDNzZYwhkWdHcUxPSUuwduzeSOVdZvG9kwskgXJTshKH56B2JimSNsMru8uHrO\/sLVTJpXQEah+FVvRhcEDnUsGQEu0USYuTaWmBXvB+GThmaDsXixt0+C7AUAKXluYH1tx8X144uKS5GNGALKJaHlx\/FFW\/F+u0hNrgsrr8RMvJln4\/FXgtKNZ4\/RuaUmlXPt1fRgkFicyGIXmuErv+H0dNmq5fCQ1oxw0fY2SPELwW5cXUHwl3N0lcGdF+9uonwsDTe88ocF3ff3V+ucaPbMuaNR7j2a4RLNgNLAPGpjc76NTzqU813vKoJOaLuSqDHmqAJx3SWRChW5HMT0ho5vZoTet0QwaUAK0xlI8\/38vkJGSOuXMlBHF7+okzOed\/Z41cyDv7Wd9fm6b5MRKageMP4ms+PY0bZjRBmRC1aQHHKbvwH\/vdVNcHSQTe00VmbTcGbTHLEJ9O0Pp8DUknx\/q4UjzlwUSCi9hvPKsoK9JOhmY2uiaA1VeGU7hB7AofRp9\/esmoNr+fqKhDYcsafloydlm0EDmZiaeKKQFH5e3CLJewsGcUIaRtSyhhJNFNd8WlqsODl3eBi7jlwcE0JqGTL635IVoN5vB4tnqnF9ODDzaMCLgOyVCaZbk2knwzc1VIC0HBwHyl4YFzkenNAvRfMH8E4tMUxcI7HRhPrqdBMcx+mjDtzBO2uENTOmUwnupJpoOftWJljDkBMZFwcVGEnkH+9X9JauIzq6BZEuR8IC9ylCJXasMo3anJSu5OLa53DzH7DIknn01KQkV8aEP0D39U72\/mWebiwE7Wdf9UZpGrytVj\/E5l4uzOw0p4FjtoYw5ZLmBnLFWIDyMgUC7wK+0NZhACLW7nV7FWfYbRgMWbJxNP63\/QQ5GDMA18FdpremUe1fyqvwaWVdAXdP3E9GlrHmbCRFIzOO5DtWInx902PtqGUDzv4kIY2mchGDyrOx26337+JpY5AVfcvJpYUxUzGyXe6Tkij9Mo0SlxmmTupHJ\/FOHRoqsbaE0zuObsciQJO9GGT9STMX1M1M2IDu3pXO0FTU21MW08BvyeVsXicvIrOV1jGp4KhXJYQXUtCMJ1qEbPU8Yf7mqK7vTNi58TsH0q\/8f5D8R5AxtsIzKCBrcLlWt+ZZ7uAvMR1BX5bH0fU9\/y1exUQCs10qeQi+ctr8GJ\/\/y5KCEAecUv\/HKW4GeUlTi1sH4FtiwIwZBjbxwck4eYDGcf83Tequ7o\/ojgdEXUlm0huR3zHufac1im4sOaDlYt9HGujsVKP\/VkVlGohqfR3p1C3SAwu1WJIazv6HUk3KP80LRNgfovLHpQxq+gco\/mNH77IYfJ090q+Rtt63Kaf8XLKV+n8NYQ18pUoVYeUONJcXek8=&quot;},&quot;htmlHash&quot;:&quot;61781a89&quot;,&quot;children&quot;:[],&quot;checksum&quot;:&quot;0e942b589447266b6ea0faa3a703eb4387022fa875f203ddebd2116b384e1a97&quot;}}" wire:init='initialize(&#x7B;&quot;type&quot;&#x3A;&quot;Brildor&#x5C;&#x5C;Widgets&#x5C;&#x5C;Block&#x5C;&#x5C;Widget&#x5C;&#x5C;SubscribeNewsletter&quot;,&quot;enable_newsletter_subscription&quot;&#x3A;&quot;1&quot;,&quot;title_newsletter&quot;&#x3A;&quot;&#x5C;u00bfQuieres&#x20;5&#x5C;u20ac&#x20;para&#x20;tu&#x20;pr&#x5C;u00f3xima&#x20;compra&#x3F;&quot;,&quot;subtitle_newsletter&quot;&#x3A;&quot;Suscr&#x5C;u00edbete&#x20;a&#x20;la&#x20;newsletter&#x20;de&#x20;personalizaci&#x5C;u00f3n&#x20;y&#x20;recibe&#x20;ofertas&#x20;exclusivas,&#x20;novedades&#x20;e&#x20;ideas.&#x20;&#x5C;u00a1&#x2B;13.000&#x20;profesionales&#x20;ya&#x20;est&#x5C;u00e1n&#x20;dentro&#x21;&quot;,&quot;privacy_policy_description&quot;&#x3A;&quot;&#x5C;u0026lt&#x3B;p&#x5C;u0026gt&#x3B;He&#x20;le&#x5C;u00eddo&#x20;y&#x20;acepto&#x20;la&#x20;&#x5C;u0026lt&#x3B;a&#x20;href&#x3D;&#x5C;u0026quot&#x3B;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.brildor.com&#x5C;&#x2F;es&#x5C;&#x2F;politica-de-privacidad&#x5C;u0026quot&#x3B;&#x20;target&#x3D;&#x5C;u0026quot&#x3B;_blank&#x5C;u0026quot&#x3B;&#x20;rel&#x3D;&#x5C;u0026quot&#x3B;noopener&#x5C;u0026quot&#x3B;&#x5C;u0026gt&#x3B;Pol&#x5C;u00edtica&#x20;de&#x20;privacidad&#x5C;u0026lt&#x3B;&#x5C;&#x2F;a&#x5C;u0026gt&#x3B;&#x20;y&#x20;consiento&#x20;recibir&#x20;comunicaciones&#x20;comerciales&#x20;de&#x20;Brildor&#x20;por&#x20;email,&#x20;pudiendo&#x20;darme&#x20;de&#x20;baja&#x20;en&#x20;cualquier&#x20;momento.&#x5C;u0026lt&#x3B;&#x5C;&#x2F;p&#x5C;u0026gt&#x3B;&quot;,&quot;button_newsletter&quot;&#x3A;&quot;Quiero&#x20;mi&#x20;cup&#x5C;u00f3n&quot;,&quot;confirmation_message&quot;&#x3A;&quot;Te&#x20;has&#x20;suscrito&#x20;correctamente&quot;,&quot;popup_title&quot;&#x3A;&quot;&#x5C;u00a1Gracias&#x20;por&#x20;suscribirte&#x20;a&#x20;nuestra&#x20;Newsletter&#x21;&quot;,&quot;popup_subtitle&quot;&#x3A;&quot;Haz&#x20;clic&#x20;en&#x20;el&#x20;cup&#x5C;u00f3n&#x20;para&#x20;copiarlo&quot;,&quot;popup_button&quot;&#x3A;&quot;CLUB5ES&quot;,&quot;popup_button_cupon&quot;&#x3A;&quot;CLUB5ES&quot;,&quot;magewire&quot;&#x3A;&#x7B;&quot;id&quot;&#x3A;&quot;widget&#x5C;&#x5C;subscribenewsletter_0&quot;,&quot;name&quot;&#x3A;&quot;widget&#x5C;&#x5C;subscribenewsletter_0&quot;,&quot;isWidgetEnabled&quot;&#x3A;false,&quot;isSubscribed&quot;&#x3A;false,&quot;subscribed&quot;&#x3A;false,&quot;email&quot;&#x3A;&quot;&quot;,&quot;data&quot;&#x3A;&#x5B;&#x5D;&#x7D;,&quot;module_name&quot;&#x3A;&quot;Brildor_Widgets&quot;&#x7D;)'
     x-data="initSubscribeNewsletter()"
>
            <div class="hidden"></div>
        <script>
        function initSubscribeNewsletter() {
            return {
                isReady: false,
                loading: false,
                showModal: false,
                isCaptchaValid: true,
                actionUrl: 'https://www.brildor.com/es/customer/subscriber/new/',
                errorFields: [],

                init() {
                    window.addEventListener('subscriptionSuccess', () => {
                        this.loading = false;
                        this.openSubscribeModal();
                        this.refreshCustomerSection();
                    });

                    window.addEventListener('showError', (e) => {
                        this.loading = false;
                        window.dispatchMessages?.([{type: 'error', text: e.detail?.message ?? 'Error'}]);
                    });
                },

                submitForm() {
                    const $form = document.querySelector('#subscribeNewsletterForm');
                    this.loading = true;

                        if (!this.hasCaptchaToken) {
        this.errors = 1;


        const executeGreCaptcha = () => {
            grecaptcha.ready(() => {
                grecaptcha.execute(
                    '6LezrbwrAAAAADH_C2dhyvN6EEIayD_lMOD6VWYg',
                    {action: 'submit'}
                ).then((token) => {
                    const tokenElement = $form['g\u002Drecaptcha\u002Dresponse'];

                    if (tokenElement && token && token.length > 0) {
                        $form['g\u002Drecaptcha\u002Dresponse'].value = token;
                        this.errors = 0;
                        this.hasCaptchaToken = 1;
                        (this.submitForm || $form.submit).call(this);
                    } else {
                        this.errors = 1;
                        const error = tokenElement
                            ? 'La\u0020validaci\u00F3n\u0020de\u0020ReCaptcha\u0020ha\u0020fallado,\u0020por\u0020favor\u0020int\u00E9ntalo\u0020de\u0020nuevo'
                            : 'ReCaptcha\u0020token\u0020element\u0020is\u0020missing.\u0020Please\u0020refresh\u0020the\u0020page\u0020and\u0020trying\u0020again.';
                        if (this.setErrorMessages) {
                            this.setErrorMessages([error])
                            this.displayErrorMessage = true;
                        } else {
                            window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000);
                        }
                    }
                }).catch(exception => {
                    console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`)
                });
            })
        }

        if (window.grecaptcha) {
            executeGreCaptcha();
        } else {
            const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6LezrbwrAAAAADH_C2dhyvN6EEIayD_lMOD6VWYg";
            const script = document.createElement('script');
            script.setAttribute('type', 'text/javascript');
            script.setAttribute('src', recaptchaUrl);
            document.head.appendChild(script);

            script.addEventListener("load", executeGreCaptcha, false);
        }
    }
    
                    if (this.errors === 0) {
                        this.subscribeNewsletter();
                    }
                },

                validateCaptcha() {
                    const captchaResponse = document.querySelector('#subscribeNewsletterForm [name="g-recaptcha-response"]');
                    if (!captchaResponse) {
                        return;
                    }
                    this.isCaptchaValid = captchaResponse.value.trim() !== '';
                },

                subscribeNewsletter() {
                    const form = document.getElementById('subscribeNewsletterForm');
                    const formData = new FormData(form);
                    const data = Object.fromEntries(formData.entries());
                    Magewire.emit('submit', data);
                    this.hasCaptchaToken = false;
                },

                openSubscribeModal() {
                    this.showModal = true;
                    document.getElementById("subscribeNewsletterModal").style.display = 'block';
                },

                closeSubscribeModal() {
                    this.showModal = false;
                    setTimeout(() => {
                        document.getElementById("subscribeNewsletterModal").style.display = 'none';
                    }, 300);
                },

                copyCode() {
                    const button = document.getElementById('btn-copy-cupon');

                    navigator.clipboard.writeText('CLUB5ES')
                        .then(() => {
                            button.textContent = '\u00A1Copiado\u0021';

                            setTimeout(() => {
                                this.closeSubscribeModal();
                            }, 1000);
                        })
                        .catch(err => {
                            this.closeSubscribeModal();
                        });
                },

                refreshCustomerSection() {
                    hyva.setCookie('mage-cache-sessid', '', -1, true);
                    window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
                }
            }
        }
    </script>
</div>
<!-- Magewire Component wire-end:widget\subscribenewsletter_0 --></p> <script nonce="c2pqbmlqejY5Mm10djczZXZlMHd0YW5oamh2bWQxYXg=">
    function hasWebP() {
        var elem = document.createElement('canvas');

        if (!!(elem.getContext && elem.getContext('2d'))) {
            return elem.toDataURL('image/webp').indexOf('data:image/webp') === 0;
        }
        return false;
    }

    if (hasWebP()) {
        document.body.classList.add("webp");
    } else {
        document.body.classList.add("no-webp");
    }</script>
</div></div></main><div class="page-bottom">    <div id="magewire-loader"
         x-data="magewireLoader()"
                  x-spread="loader()"
                  x-bind="loader()"
         role="status"
         aria-live="polite"
    >
        
<div class="fixed
            top-0 left-0 right-0 bottom-0
            w-full h-screen
            overflow-hidden
            pointer-events-none
            bg-white bg-opacity-90"
         x-spread="overlay()"
         x-bind="overlay()"
     x-cloak
     x-transition:enter="transition duration-300"
     x-transition:enter-start="opacity-0"
     x-transition:enter-end="opacity-100"
     x-transition:leave="transition duration-200"
     x-transition:leave-start="opacity-100"
     x-transition:leave-end="opacity-0"
>
    <div class="flex flex-col justify-center items-center h-screen w-full space-y-6">
        <div class="w-[64px] h-[64px]">
            <svg class="animate-spin w-full h-full text-primary"
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
     viewBox="0 0 24 24"
>
    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
    <path class="shadow-md" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
        </div>
    </div>
</div>
        <div id="magewire-loader-notifications"
     x-data="magewireLoaderNotifications({
         messageHideTimeout: 2500     })"
     x-init="initialize()"
          x-spread="notifications()"
          x-bind="notifications()"
>
    <div class="magewire.messenger z-50 w-full fixed top-0 right-0 md:max-w-xs">
    <div class="space-y-6 flex flex-col space-y-3 px-3 md:flex-col-reverse">
        <template x-for="(message, index, messages) in messageList()" x-bind:key="index">
            <div role="button"
                 aria-busy="true"
                 aria-label="off"
                 class="magewire.notification.message relative"
                 x-bind:class="{
                     'sync-input' : message.update.type === 'syncInput',
                     'call-method': message.update.type === 'callMethod',
                     'fire-event' : message.update.type === 'fireEvent',

                     'message-failure': message.success === false,
                     'message-success': message.success === true
                 }"
                 x-transition:leave="transition ease-in duration-600"
                 x-transition:leave-start="opacity-100 scale-100"
                 x-transition:leave-end="opacity-0 scale-80"
                 x-show="message.active"
                 x-on:click.once="message.active = false"
            >
                <div class="relative w-full
                            rounded-md border border-gray-300
                            bg-white bg-opacity-75 backdrop-blur-sm bg-blur
                            py-3 px-5 md:py-4 md:pl-6 md:pr-4
                            shadow-lg
                            md:max-w-sm"
                     x-bind:class="{
                         'border-red-600 bg-red-100': message.success === false
                     }"
                >
                    <div class="flex text-left text-sm space-x-0.5 text-gray-900">
                        <div class="flex-grow w-0 space-y-1">
                            <template x-for="(title, position, loaders) in message.loader" :key="position">
                                <p class="hyphens-auto leading-tight"
                                   x-text="title"
                                   x-bind:class="{
                                       'font-bold': (position <= 1 && loaders.length >= 3) || (position == 0 && loaders.length >= 1),
                                       'text-gray-400 uppercase': position === 0 && loaders.length > 2,
                                       'text-red-800': message.success === false
                                   }"
                                >
                                    <!-- Title placeholder -->
                                </p>
                            </template>
                        </div>

                        <div class="flex-none w-5 h-5
                                    right-3 top-0 bottom-0 m-auto md:right-5 mt-0.5"
                        >
                            <div class="relative">
                                                                <div class="absolute"
                                     x-show="message.loading"
                                     x-transition:leave="transition ease-in duration-600"
                                     x-transition:leave-start="scale-100"
                                     x-transition:leave-end="scale-0"
                                >
                                    <svg class="animate-spin w-full h-full text-primary"
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
     viewBox="0 0 24 24"
>
    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
    <path class="shadow-md" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
                                </div>

                                                                <svg class="w-full h-full text-green-700 stroke-2"
                                     fill="none"
                                     stroke="currentColor"
                                     viewBox="0 0 24 24"
                                     xmlns="http://www.w3.org/2000/svg"
                                     aria-hidden="true"
                                     x-show="message.success === true"
                                     x-transition:enter="transition ease-in duration-200"
                                     x-transition:enter-start="scale-0"
                                     x-transition:enter-end="scale-100"
                                >
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path>
                                </svg>

                                                                <svg class="w-full h-full text-red-700 stroke-2"
                                     fill="none"
                                     stroke="currentColor"
                                     viewBox="0 0 24 24"
                                     xmlns="http://www.w3.org/2000/svg"
                                     aria-hidden="true"
                                     x-show="message.success === false"
                                     x-transition:enter="transition ease-in duration-200"
                                     x-transition:enter-start="scale-0"
                                     x-transition:enter-end="scale-100"
                                >
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"></path>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </template>
    </div>
</div>
</div>

<script>
    function magewireLoaderNotifications(config = {}) {
        return {
            messages: [],

            config: Object.assign({
                messageHideTimeout: 2500
            }, config),

                                    initialize() {
                                document.addEventListener('magewire:loader:start', (event) => {
                    if (event.detail) {
                        this.messageCreate(event.detail);
                    }
                })
                document.addEventListener('magewire:loader:tick', (event) => {
                    if (event.detail) {
                        this.messageCreate(event.detail);
                    }
                })

                                document.addEventListener('magewire:loader:stop', (event) => {
                    if (this.messages.length === 0 || (! event.detail.component && ! event.detail.component.id && event.detail.loader)) {
                        return;
                    }

                                        for (let message in this.messages) {
                        if (event.detail.loader && this.messages[message].key == event.detail.loader.key) {
                            return this.messageDeactivate(message, event.failure || false);
                        }
                    }
                })
            },

                        messageCreate(item) {
                this.messages.push(
                    Object.assign({}, item, {
                        active : true,
                        loader : item.loader,
                        loading: true,
                        success: null,
                        timeout: this.config.messageHideTimeout
                    })
                );
            },

                        messageDeactivate(index, failure = false) {
                let message = this.messages[index] || false;

                if (message === false) {
                    return console.error('Magewire: Could not deactivate the notification message.');
                }

                if (failure) {
                    message.timeout += 5000;
                }

                message.loading = false;
                message.success = ! failure;

                setTimeout(() => message.active = false, message.timeout)
            },

            messageList() {
                return this.messages.filter(message => message.loader.length);
            },

            notifications() {
                return {};
            },

            messenger() {
                return {};
            }
        };
    }
</script>
    </div>

        <script>
    function magewireLoader() {
        return {
            active: false,

            loader() {
                return {
                    ['x-on:magewire:loader:start.window']() {
                        this.active = true
                    },
                    ['x-on:magewire:loader:done.window']() {
                        this.active = false
                    },
                    ['x-bind:class']() {
                        return {
                            'z-50 relative': this.active
                        };
                    }
                };
            },

            overlay() {
                return {
                    ['x-show']() {
                        return this.active;
                    }
                };
            }
        };
    }
</script>
</div><footer class="page-footer"><div class="footer content">
<div class="body-font text-brildor-lightGray bg-brildor-darkGray shadow py-8">
    <div class="w-[90%] m-auto flex justify-between gap-10 sm:gap-[5rem] flex-wrap sm:flex-nowrap">
        <div class="flex flex-col gap-5">
            
<div class="flex flex-col gap-2">
    <img src="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/images/footer/logo/shop_es.webp" alt="Brildor S.L." width="312" height="55" class="w-[300px] sm:w-[400px]" loading="lazy" />
    <address class="text-sm text-balance not-italic">Pol. Ind. La Creueta - Av de la Constitución 7<br/>
E-03827 · Benimarfull · Alicante · España<br/>
Tel.: +34  966 516 572<br/><a href="mailto:atencionalcliente@brildor.com">
atencionalcliente@brildor.com</a><br/>
NIF (VAT Nr.): ESB03308681</address>
</div>
            <div class="flex flex-1 flex-col gap-5 2xl:hidden">
                <div class="social-media">
<p>Síguenos en</p>
<div><a title="Youtube" href="https://www.youtube.com/brildor?sub_confirmation=1" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/youtube.webp"><img src="https://www.brildor.com/media/brildor/bloques/youtube.png" alt="Youtube" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Instagram" href="https://www.instagram.com/brildor/" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/instagram.webp"><img src="https://www.brildor.com/media/brildor/bloques/instagram.png" alt="Instagram" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Facebook" href="https://www.facebook.com/brildor" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/facebook.webp"><img src="https://www.brildor.com/media/brildor/bloques/facebook.png" alt="Facebook" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Twitter" href="https://twitter.com/Brildor" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/x-twitter.webp"><img src="https://www.brildor.com/media/brildor/bloques/x-twitter.png" alt="Twitter" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Pinterest" href="http://www.pinterest.com/brildor/" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/pinterest.webp"><img src="https://www.brildor.com/media/brildor/bloques/pinterest.png" alt="Pinterest" width="36" height="36" loading="lazy"></picture> </span> </a></div>
<div><a title="Linkedin" href="https://es.linkedin.com/company/brildor-s.l." target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/linkedin.webp"><img src="https://www.brildor.com/media/brildor/bloques/linkedin.png" alt="Linkedin" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Tiktok" href="https://www.tiktok.com/@brildor" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/tiktok.webp"><img src="https://www.brildor.com/media/brildor/bloques/tiktok.png" alt="Tiktok" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="WhatsApp" href="https://whatsapp.com/channel/0029VaCzpD8EawdqU0DvUA3o" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/whatsapp.webp"><img src="https://www.brildor.com/media/brildor/bloques/whatsapp.png" alt="WhatsApp" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Telegram" href="https://t.me/Brildor_ES" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/telegram.webp"><img src="https://www.brildor.com/media/brildor/bloques/telegram.png" alt="Telegram" width="36" height="36" loading="lazy"></picture> </span> </a></div>
</div>                <div class="footer-app-links">
<p>Descarga nuestra App</p>
<a title="Brildor APP Store" href="https://apps.apple.com/es/app/brildor-app/id6761910520" target="_blank" rel="noopener"><picture><source type="image/webp" srcset="https://www.brildor.com/media/wysiwyg/AppNueva/Download_on_the_App_Store_Badge_ES_blk_100217_1.webp"><img src="https://www.brildor.com/media/wysiwyg/AppNueva/Download_on_the_App_Store_Badge_ES_blk_100217_1.png" alt="Consíguelo en el App Store" width="121" height="40" loading="lazy"></picture></a><a title="Brildor Google Play" href="https://play.google.com/store/apps/details?id=com.brildor.app&amp;pcampaignid=footer_web" target="_blank" rel="noopener"><picture><source type="image/webp" srcset="https://www.brildor.com/media/wysiwyg/AppNueva/GetItOnGooglePlay_Badge_Web_color_Spanish_1.webp"><img src="https://www.brildor.com/media/wysiwyg/AppNueva/GetItOnGooglePlay_Badge_Web_color_Spanish_1.png" alt="Disponible en Google Play" width="135" height="40" loading="lazy"></picture></a></div>            </div>
        </div>

        <div style="display: none;">&nbsp;</div>
<div class="footer-links">
<div>
<p>Comprar</p>
<ul>
<li><a href="https://www.brildor.com/es/club-brildor">Club Brildor</a></li>
<li><a href="https://www.brildor.com/es/como-comprar" rel="nofollow">Cómo Comprar</a></li>
<li><a href="https://www.brildor.com/es/financiacion" rel="nofollow">Financiación</a></li>
<li><a href="https://www.brildor.com/es/envios" rel="nofollow">Envíos</a></li>
<li><a href="https://www.brildor.com/es/devoluciones-y-cambios" rel="nofollow">Devoluciones y cambios</a></li>
<li><a href="https://www.brildor.com/es/preguntas-frecuentes">Preguntas Frecuentes</a></li>
<li><a href="https://www.brildor.com/es/app-brildor">APP Brildor</a></li>
<li><a href="https://tinyurl.com/aula-brildor" target="_blank" rel="noopener">Programa Educación</a></li>
</ul>
</div>
<div>
<p>Empresa</p>
<ul>
<li><a href="https://www.brildor.com/es/que-es-brildor">¿Qué es Brildor?</a></li>
<li><a href="https://www.brildor.com/es/nuestro-equipo/" rel="nofollow">Nuestro equipo</a></li>
<li><a href="https://www.brildor.com/es/contacto/">Contáctanos</a></li>
<li><a href="https://www.brildor.com/es/empleo" rel="nofollow">Empleo</a></li>
<li><a href="https://www.brildor.com/es/canal-de-denuncias" rel="nofollow">Canal de Denuncias</a></li>
</ul>
</div>
<div>
<p>Fórmate</p>
<ul>
<li><a href="https://www.brildor.com/blog/es/" target="_blank" rel="noopener">Blog</a></li>
<li><a href="https://www.youtube.com/channel/UCS2YnQMpn53J7q1NN-8FTjA?sub_confirmation=1" target="_blank" rel="noopener">Canal Youtube</a></li>
<li><a href="https://eventos.brildor.com/" target="_blank" rel="noopener">Eventos</a></li>
</ul>
</div>
<div>
<p>Otros</p>
<ul>
<li><a href="https://www.brildor.com/es/aviso-legal" rel="nofollow">Aviso Legal</a></li>
<li><a href="https://www.brildor.com/es/politica-de-cookies" rel="nofollow">Política de cookies</a></li>
<li><a href="https://www.brildor.com/es/politica-de-privacidad" rel="nofollow">Política de privacidad</a></li>
<li><a href="https://www.brildor.com/es/politica-de-privacidad-redes-sociales" rel="nofollow">Política de privacidad redes sociales</a></li>
<li><a href="https://www.brildor.com/es/condiciones-de-contratacion" rel="nofollow">Condiciones de contratación</a></li>
<li><a href="https://www.brildor.com/es/distribuidores-internacionales" rel="nofollow">Distribuidores Internacionales</a></li>
<li><a href="https://www.brildor.com/es/brexit" rel="nofollow">Brexit: información de interés</a></li>
</ul>
</div>
</div>        <div class="hidden flex-1 flex-col gap-4 2xl:flex">
            <div class="social-media">
<p>Síguenos en</p>
<div><a title="Youtube" href="https://www.youtube.com/brildor?sub_confirmation=1" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/youtube.webp"><img src="https://www.brildor.com/media/brildor/bloques/youtube.png" alt="Youtube" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Instagram" href="https://www.instagram.com/brildor/" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/instagram.webp"><img src="https://www.brildor.com/media/brildor/bloques/instagram.png" alt="Instagram" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Facebook" href="https://www.facebook.com/brildor" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/facebook.webp"><img src="https://www.brildor.com/media/brildor/bloques/facebook.png" alt="Facebook" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Twitter" href="https://twitter.com/Brildor" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/x-twitter.webp"><img src="https://www.brildor.com/media/brildor/bloques/x-twitter.png" alt="Twitter" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Pinterest" href="http://www.pinterest.com/brildor/" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/pinterest.webp"><img src="https://www.brildor.com/media/brildor/bloques/pinterest.png" alt="Pinterest" width="36" height="36" loading="lazy"></picture> </span> </a></div>
<div><a title="Linkedin" href="https://es.linkedin.com/company/brildor-s.l." target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/linkedin.webp"><img src="https://www.brildor.com/media/brildor/bloques/linkedin.png" alt="Linkedin" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Tiktok" href="https://www.tiktok.com/@brildor" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/tiktok.webp"><img src="https://www.brildor.com/media/brildor/bloques/tiktok.png" alt="Tiktok" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="WhatsApp" href="https://whatsapp.com/channel/0029VaCzpD8EawdqU0DvUA3o" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/whatsapp.webp"><img src="https://www.brildor.com/media/brildor/bloques/whatsapp.png" alt="WhatsApp" width="36" height="36" loading="lazy"></picture> </span> </a> <a title="Telegram" href="https://t.me/Brildor_ES" target="_blank" rel="no_follow noopener"> <span class="icons_s"> <picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/bloques/telegram.webp"><img src="https://www.brildor.com/media/brildor/bloques/telegram.png" alt="Telegram" width="36" height="36" loading="lazy"></picture> </span> </a></div>
</div>            <div class="footer-app-links">
<p>Descarga nuestra App</p>
<a title="Brildor APP Store" href="https://apps.apple.com/es/app/brildor-app/id6761910520" target="_blank" rel="noopener"><picture><source type="image/webp" srcset="https://www.brildor.com/media/wysiwyg/AppNueva/Download_on_the_App_Store_Badge_ES_blk_100217_1.webp"><img src="https://www.brildor.com/media/wysiwyg/AppNueva/Download_on_the_App_Store_Badge_ES_blk_100217_1.png" alt="Consíguelo en el App Store" width="121" height="40" loading="lazy"></picture></a><a title="Brildor Google Play" href="https://play.google.com/store/apps/details?id=com.brildor.app&amp;pcampaignid=footer_web" target="_blank" rel="noopener"><picture><source type="image/webp" srcset="https://www.brildor.com/media/wysiwyg/AppNueva/GetItOnGooglePlay_Badge_Web_color_Spanish_1.webp"><img src="https://www.brildor.com/media/wysiwyg/AppNueva/GetItOnGooglePlay_Badge_Web_color_Spanish_1.png" alt="Disponible en Google Play" width="135" height="40" loading="lazy"></picture></a></div>        </div>
    </div>
</div>

<div class="body-font text-brildor-lightGray bg-brildor-darkerGray shadow py-3">
    <div class="w-[90%] m-auto flex gap-2 gap-y-3 justify-between items-center flex-col-reverse lg:flex-row">
        
<small class="copyright text-sm font-medium">
    <span>© 2026 Brildor S.L - Todos los derechos reservados</span>
</small>

        <div class="footer-payments">
<p><a title="Pago Seguro" href="/es/como-comprar#pagos-y-seguridad">Pago Seguro</a></p>
<ul>
<li><picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/theme/payment/visa.webp"><img title="Visa" src="https://www.brildor.com/media/brildor/theme/payment/visa.png" alt="Visa" width="74" height="30" loading="lazy"></picture></li>
<li><picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/theme/payment/mastercard.webp"><img title="Mastercard" src="https://www.brildor.com/media/brildor/theme/payment/mastercard.png" alt="Mastercard" width="42" height="30" loading="lazy"></picture></li>
<li><picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/theme/payment/american_express.webp"><img title="American Express" src="https://www.brildor.com/media/brildor/theme/payment/american_express.png" alt="American Express" width="30" height="30" loading="lazy"></picture></li>
<li><picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/theme/payment/sequra.webp"><img title="Sequra" src="https://www.brildor.com/media/brildor/theme/payment/sequra.png" alt="Sequra" width="122" height="30" loading="lazy"></picture></li>
<li><picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/theme/payment/paypal.webp"><img title="Paypal" src="https://www.brildor.com/media/brildor/theme/payment/paypal.png" alt="Paypal" width="119" height="30" loading="lazy"></picture></li>
<li><picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/theme/payment/apple-pay.webp"><img src="https://www.brildor.com/media/brildor/theme/payment/apple-pay.png" alt="" width="61" height="20" loading="lazy"></picture></li>
<li><picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/theme/payment/google-pay.webp"><img src="https://www.brildor.com/media/brildor/theme/payment/google-pay.png" alt="" width="50" height="20" loading="lazy"></picture></li>
<li><picture><source type="image/webp" srcset="https://www.brildor.com/media/brildor/theme/payment/bizum.webp"><img title="Bizum" src="https://www.brildor.com/media/brildor/theme/payment/bizum.png" alt="Bizum" width="101" height="30" loading="lazy"></picture></li>
</ul>
</div>    </div>
</div>

<script defer>
    'use strict';

    let currentOpen = null;

    const onClick = (parent, button) => {
        const hasAfter = getComputedStyle(button, ':after').content !== 'none';
        if (!hasAfter) {
            return;
        }

        const isOpen = parent.classList.contains('open');

        if (currentOpen) {
            const list = currentOpen.querySelector('ul');
            currentOpen.classList.remove('open');
            list.style.height = '0';
            currentOpen = null;
        }

        if (!isOpen) {
            const list = parent.querySelector('ul');
            const height = [...list.children].reduce((acc, child) => {
                return acc + child.offsetHeight + 3;
            }, 0);

            parent.classList.add('open');
            list.style.height =` ${height}px`;
            currentOpen = parent;
        }
    }

    document.addEventListener('DOMContentLoaded', function () {
        const footerButtons = document.querySelectorAll('.footer-links p');

        footerButtons.forEach((button) => {
            const parent = button.parentElement;
            button.addEventListener('click', () => onClick(parent, button));
        });
    });
</script>
</div></footer>

<script type="text/x-magento-init">
    {
        "*": {
            "Brildor_Analytics/js/analytics": {
                "storeId": "1",
                "pageId": "2",
                "productId": "",
                "categoryId": ""
            }
        }
    }
</script>
<!-- Start Google Analytics 4 for Google Tag Manager by MagePal -->
        <script type="text/javascript">
             (function() {
                window.addEventListener("private-content-loaded", event => {
                    const dataObject = event.detail.data['magepal-eegtm-jsdatalayer'] || {};
                    pushAddRemoveItemDataLayer(dataObject)
                });

                const isObject = x => x === Object(x);
                const has = (x, p) => isObject(x) && x.hasOwnProperty(p);
                var itemListName = null;
                var itemListId = null;

                function isEmpty(obj){
                    return JSON.stringify(obj) === '{}';
                }

                function addDynamicElements(storedData, item) {

                    if (has(storedData, 'index')) {
                        item.index = storedData.index;
                    }

                    if (has(storedData, 'item_list_id')) {
                        item.item_list_id = itemListId = storedData.item_list_id;
                    }

                    if (has(storedData, 'item_list_name')) {
                        item.item_list_name = itemListName = storedData.item_list_name;
                    }
                }
                /**
                 * Add click position/index to data
                 * @param ecommerceData
                 * @return {*}
                 */
                function processData(ecommerceData) {
                    var storedData = JSON.parse(window.localStorage.getItem("product-click-ga4"));

                    ecommerceData.forEach((data) => {
                        if (has(data, 'parent_sku')
                            && isObject(storedData)
                            && has(storedData, 'item_id')
                            && data.parent_sku === storedData.item_id
                        ) {
                            addDynamicElements(storedData, data);
                        } else if (has(data, 'parent_sku')) {
                            var product = getProductBySku(data.parent_sku);

                            if (product) {
                                addDynamicElements(product, data);
                            }
                        }
                    });

                    return ecommerceData;
                }

                 function getProductBySku(sku) {
                     var dlItems = window.dataLayer.find((item) => item?.ecommerce?.items)

                     if (dlItems !== 'undefined') {
                         var dlItem = dlItems?.ecommerce?.items.find((item) => item.item_id === sku)
                         if (dlItem !== undefined) {
                             return dlItem;
                         }
                     }

                     return false;
                 }

                function pushAddRemoveItemDataLayer(data) {
                    if (isObject(data) && has(data, 'cart_items')) {
                        var ts = window.localStorage.getItem("magepal-eegtm-jsdatalayer-ts");

                        if (ts !== 'undefined' && parseInt(ts) === parseInt(data.data_id)) {
                            return false;
                        } else {
                            window.localStorage.setItem("magepal-eegtm-jsdatalayer-ts", parseInt(data.data_id));
                        }

                        var cartGenericLayer = {};
                        var dataLayer = window.dataLayer;
                        var self = this;

                        data.cart_items.forEach((cartItem) =>  {
                            if (has(cartItem, 'event')) {
                                if (has(cartItem,'ecommerce')) {
                                    cartItem.ecommerce.currency = 'EUR';
                                }

                                if (cartItem.event === 'add_to_cart') {
                                    var itemsAdded = processData(cartItem.ecommerce.items);

                                    //$("body").trigger("mpGa4ItemAddToCart", [itemsAdded, dataLayer]);
                                    cartGenericLayer.add = {
                                        'products': itemsAdded
                                    };
                                }

                                if (cartItem.event === 'remove_from_cart') {
                                    var itemsRemoved = processData(cartItem.ecommerce.items);

                                    //$("body").trigger("mpGa4ItemRemoveFromCart", [itemsRemoved, dataLayer]);
                                    cartGenericLayer.remove = {
                                        'products': itemsRemoved
                                    };
                                }
                            }

                            if (!isEmpty(cartGenericLayer)) {
                                cartItem.cart = cartGenericLayer;
                            }
                            cartItem._clear = true;
                            dataLayer.push(cartItem);
                        });
                    }
                }
            })();
        </script>
    <!-- End Google Analytics 4 for Google Tag Manager by MagePal -->

<script>
    (function() {
        if (window.fbq) {
            return;
        }

        const n = window.fbq = function () {
            n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
        };

        if (!window._fbq) {
            window._fbq = n;
        }

        n.push = n; n.loaded = true; n.version = '2.0'; n.queue = [];

        function loadPixel() {
            const t = document.createElement('script');
            t.async = true;
            t.src = 'https://connect.facebook.net/en_US/fbevents.js';
            const s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(t, s);

            t.onload = function () {
                const e = new CustomEvent('facebookPixelLoaded');
                document.dispatchEvent(e);
            }
        }

        if (document.readyState !== 'loading') {
            loadPixel();
            return;
        }

        document.addEventListener('DOMContentLoaded', loadPixel, {
            once: true,
            passive: true
        });
    })();
</script>

<script>
    (function() {
        const EventTracker = {
            isInitialized: false,
            listeners: [],
            viewContent: {"content_name":"Brildor - Productos, Maquinaria y Consumibles para la Personalizaci\u00f3n","content_type":"home"},
            customerSectionData: null,
            eventsToSend: [],

            init: function () {
                this.addListener('customerSection', 'private-content-loaded', this.onCustomerSectionDataLoaded);
                this.addListener('searchResult', 'algolia:search-result', this.onSearchResult);
                this.addListener('pixelAddEvents', 'facebook-pixel:add-events', this.onAddEvents);
            },

            addListener: function (listenerName, eventName, callback) {
                this.listeners[listenerName] = {
                    eventName: eventName,
                    callback: callback.bind(this)
                }
                window.addEventListener(eventName, this.listeners[listenerName].callback);
            },

            removeListener: function (listenerName) {
                const listener = this.listeners[listenerName];
                if (!listener) return;
                window.removeEventListener(listener.eventName, listener.callback);
            },

            onCustomerSectionDataLoaded: function (event, viewContent = null) {
                this.customerSectionData = event.detail.data;

                if (!this.isInitialized) {
                    this.initializeEvents(this.customerSectionData.customer, viewContent);
                }

                this.handleEvents();
                this.handleEventsToSend();
            },

            onSearchResult: function (event) {
                const searchResult = event.detail;

                const contentIds = [];
                const contents = [];

                searchResult.products.forEach((product) => {
                    contentIds.push(product.sku);
                    const content = {
                        id: product.sku,
                        name: product.name
                    }
                    if (product.price.regular) {
                        content.price = product.price.regular;
                    }
                    contents.push(content);
                });

                this.eventsToSend.push({
                    name: 'Search',
                    data: {
                        search_string: searchResult.query,
                        search_filter: searchResult.filter,
                        search_num_results: searchResult.pagination.total,
                        search_current_page: searchResult.pagination.currentPage,
                        search_total_pages: searchResult.pagination.totalPages,
                        content_type: 'product',
                        content_ids: contentIds,
                        contents: contents,
                    }
                });

                this.handleEventsToSend();
            },

            onAddEvents: function (event) {
                const events = event.detail;
                this.eventsToSend.push(...events);
                this.handleEventsToSend();
            },

            initializeEvents: function (customer, viewContent) {
                this.isInitialized = true;
                let params = {}

                if (customer && customer.email) {
                    params = {
                        em: customer.email,
                        fn: customer.firstname,
                        ln: customer.lastname
                    }
                }

                fbq('init', '426960634337580', params);
                fbq('track', 'PageView');
                fbq('track', 'ViewContent', viewContent || this.viewContent);
            },

            handleEvents: function () {
                const eventData = this.customerSectionData['bss-fbpixel'];

                if (!eventData || !Array.isArray(eventData.events)) {
                    return;
                }

                eventData.events.forEach((event) => {
                    if (!event?.name) return;
                    fbq('track', event.name, event.data || {});
                });
            },

            handleEventsToSend: function () {
                if (!this.isInitialized || !this.eventsToSend.length) {
                    return;
                }

                this.eventsToSend.forEach(event => {
                    if (!event?.name) return;
                    fbq('track', event.name, event.data || {});
                });

                this.eventsToSend = [];
            }
        };

        const initEventTracker = function () {
            if (window.fbPixelEventTracker) return;

            window.fbPixelEventTracker = EventTracker;
            window.fbPixelEventTracker.init();

            const eventName = 'facebookPixelEventTrackerInitialized';
            const event = new CustomEvent(eventName, { detail: window.fbPixelEventTracker });

            document.dispatchEvent(event);
        }

        if (window.fbq) {
            initEventTracker();
            return;
        }

        document.addEventListener('facebookPixelLoaded', initEventTracker);
    })()
</script>

<script>
    !function (w, d, t) {
        if (w.TiktokAnalyticsObject) return;

        w.TiktokAnalyticsObject=t;
        var ttq=w[t]=w[t]||[];
        ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"];
        ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};
        for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);
        ttq.instance=function(t){
            for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);
            return e
        };
        ttq.load=function(e,n){
            var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;
            ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,
                ttq._t=ttq._t||{},ttq._t[e]=+new Date,
                ttq._o=ttq._o||{},ttq._o[e]=n||{};
            n=document.createElement("script");
            n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;
            e=document.getElementsByTagName("script")[0];
            e.parentNode.insertBefore(n,e)

            n.onload = function () {
                var e = new CustomEvent('tiktokPixelLoaded');
                document.dispatchEvent(e);
            }
        };
    }(window, document, 'ttq');
</script>

<script>
    (function() {
        const EventTracker = {
            isInitialized: false,
            listeners: [],
            viewContent: null,
            customerSectionData: null,
            eventsToSend: [],

            init: function () {
                this.addListener('customerSection', 'private-content-loaded', this.onCustomerSectionDataLoaded);
                this.addListener('searchResult', 'algolia:search-result', this.onSearchResult);
                this.addListener('pixelAddEvents', 'tiktok-pixel:add-events', this.onAddEvents);
            },

            addListener: function (listenerName, eventName, callback) {
                this.listeners[listenerName] = {
                    eventName: eventName,
                    callback: callback.bind(this)
                }
                window.addEventListener(eventName, this.listeners[listenerName].callback);
            },

            removeListener: function (listenerName) {
                const listener = this.listeners[listenerName];
                if (!listener) return;
                window.removeEventListener(listener.eventName, listener.callback);
            },

            onCustomerSectionDataLoaded: async function (event) {
                this.customerSectionData = event.detail.data;

                if (!this.isInitialized) {
                    await this.initializeEvents();
                }

                this.handleEvents();
                this.handleEventsToSend();
            },

            onSearchResult: function (event) {
                const searchResult = event.detail;

                const contentIds = [];
                const contents = [];

                searchResult.products.forEach((product) => {
                    contentIds.push(product.sku);
                    const content = {
                        content_id: product.sku,
                        name: product.name
                    }
                    if (product.price.regular) {
                        content.price = product.price.regular;
                    }
                    contents.push(content);
                });

                this.eventsToSend.push({
                    name: 'Search',
                    data: {
                        search_string: searchResult.query,
                        search_filter: searchResult.filter,
                        search_num_results: searchResult.pagination.total,
                        search_current_page: searchResult.pagination.currentPage,
                        search_total_pages: searchResult.pagination.totalPages,
                        content_type: 'product',
                        content_ids: contentIds,
                        contents: contents,
                    }
                });

                this.handleEventsToSend();
            },

            onAddEvents: function (event) {
                const events = event.detail;
                this.eventsToSend.push(...events);
                this.handleEventsToSend();
            },

            initializeEvents: async function (customer) {
                this.isInitialized = true;
                ttq.load('CDLMFPJC77UC1N5ENKN0');
                await this.identifyCustomer(customer);
                ttq.page();

                if (this.viewContent) {
                    ttq.track('ViewContent',  this.viewContent);
                }
            },

            identifyCustomer: async function (customer) {
                if (!customer) {
                    customer = this.customerSectionData.customer;
                }

                if (!customer || !customer.email) {
                    return;
                }

                const hashedEmail     = await this.sha256(customer.email);
                const hashedFirstName = await this.sha256(customer.firstname);
                const hashedLastName  = await this.sha256(customer.lastname);

                ttq.identify({
                    email: hashedEmail,
                    first_name: hashedFirstName,
                    last_name:  hashedLastName
                });
            },

            handleEvents: function () {
                const eventData = this.customerSectionData['brildor-tiktokpixel'];

                if (!eventData || !Array.isArray(eventData.events)) {
                    return;
                }

                eventData.events.forEach((event) => {
                    if (!event?.name) return;
                    ttq.track(event.name, event.data || {});
                });
            },

            handleEventsToSend: function () {
                if (!this.isInitialized || !this.eventsToSend.length) {
                    return;
                }

                this.eventsToSend.forEach(event => {
                    if (!event?.name) return;
                    ttq.track(event.name, event.data || {});
                });

                this.eventsToSend = [];
            },

            sha256: async function (str) {
                const buf = await crypto.subtle.digest(
                    'SHA-256',
                    new TextEncoder().encode(str.trim().toLowerCase())
                );
                return Array.from(new Uint8Array(buf))
                    .map(b => b.toString(16).padStart(2, '0'))
                    .join('');
            }
        };

        const initEventTracker = function () {
            if (window.ttPixelEventTracker) return;

            window.ttPixelEventTracker = EventTracker;
            window.ttPixelEventTracker.init();

            const eventName = 'tiktokPixelEventTrackerInitialized';
            const event = new CustomEvent(eventName, { detail: window.ttPixelEventTracker });

            document.dispatchEvent(event);
        }

        if (window.ttq) {
            initEventTracker();
            return;
        }

        document.addEventListener('tiktokPixelLoaded', initEventTracker);
    })()
</script>

<script>
    (function() {
        function isProductPage() {
            return document.body.classList.contains('catalog-product-view');
        }

        function getNavHeight() {
            const base = document.querySelector('header')?.offsetHeight ?? 80;
            const extra = isProductPage() ? 60 : 10;
            return base + extra;
        }

        function applyScrollMargin(target) {
            const navHeight = getNavHeight();
            target.style.scrollMarginTop = `${navHeight}px`;
        }

        function handleLinkTarget() {
            const hash = window.location.hash.slice(1);
            if (!hash) return;

            const target = document.body.querySelector(`#${hash}, [name="${hash}"]`);
            if (!target) return;

            applyScrollMargin(target);
            target.scrollIntoView();
        }

        window.addEventListener('load', () => {
            handleLinkTarget();
        });

        window.addEventListener('hashchange', () => {
            handleLinkTarget();
        });

        if (document.readyState !== 'loading') {
            handleLinkTarget();
        }
    })();
</script>
<script>try {
smileTracker.addPageVar('type.identifier', 'cms_index_index');
smileTracker.addPageVar('type.label', 'Página de inicio de CMS');
smileTracker.addPageVar('locale', 'es_ES');
} catch (err) { ; }</script>    <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.brildor.com\/es\/","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.brildor.com\/es\/catalogsearch\/result\/?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
<script>
    document.addEventListener('livewire:available', (event) => {
        const orig = Element.prototype.setAttribute;

        Element.prototype.setAttribute = function patchLivewireSetAttribute(name, value) {
            // In Alpine v2, ignore Alpine v3 x-bind attributes that are used as x-spread
            if (window.Alpine && Alpine.version.substring(0, 1) === '2' && ! name) return;
            orig.call(this, name, value);
        }
    })
</script>

<script src="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Magewirephp_Magewire/js/livewire.js"></script>
    <script>
        'use strict';

        if (window.magewire) {
            console.warn('Magewire: It looks like Magewire\'s JavaScript assets have already been loaded. Make sure you aren\'t loading them twice.')
        }

        window.magewire = new Livewire()
        
        window.Livewire = window.magewire
        window.Magewire = window.magewire
        window.livewire_app_url = 'https://www.brildor.com/es/magewire/post'
                window.livewire_token = window.hyva.getFormKey()

                if (window.Alpine) {
                        document.addEventListener("DOMContentLoaded", () => {
                setTimeout(function() {
                    console.warn("Magewire: It looks like AlpineJS has already been loaded. Make sure Magewire\'s scripts are loaded before AlpineJS.")
                })
            })
        }

                (() => {
                        const startMagewireOnce = () => {
                document.removeEventListener('DOMContentLoaded', startMagewireOnce)
                window.removeEventListener('alpine:init', startMagewireOnce)
                window.magewire.start()
            }

                        const initAlpine = window.deferLoadingAlpine || ((callback) => callback())
            window.deferLoadingAlpine = (callback) => {
                window.addEventListener('magewire:load', () => {
                    initAlpine(callback)
                });
            }
            document.addEventListener('DOMContentLoaded', startMagewireOnce)

                                    window.addEventListener('alpine:init', startMagewireOnce)
        })();

                Magewire.dispatchEvent = (name, event = {}, element = null) => {
            let e = new CustomEvent(`magewire:${ name }`, Object.assign({
                'bubbles': true,
                'cancelable': false
            }, event))

            if (element) {
                element.dispatchEvent(e);
            } else {
                document.dispatchEvent(e)
            }
        }

                ['load', 'update'].forEach(function (target, index) {
            document.addEventListener('livewire:' + target, (event) => {
                Magewire.dispatchEvent(target, event)
            })
        })

                Magewire.plugins = {}
    </script>

            <script>
        'use strict';

        (() => {
                        let queue = [];

            const loaderTypeResolvers = {
                syncInput: (item, loader) => {
                    let name = item.payload.name;

                    let expression = [
                        `${ name }:${ item.payload.value }`,
                        `${ name.substr(0, name.lastIndexOf('.')) }:${ item.payload.value }`,
                        `${ name }`,
                        `${ name.substr(0, name.lastIndexOf('.')) }`
                    ].filter((expression) => {
                        return expression in loader
                    })[0] || false;

                    if (expression) {
                        return loader[expression];
                    }

                    return true;
                },
                callMethod: (item, loader) => {
                    return loader[item.method];
                },
                fireEvent: (item, loader) => {
                    return loader[item.payload.event];
                }
            }

            const getLoaderData = function(message, component) {
                let loader = component.effects.loader || null;

                if (! loader) {
                    return null;
                }

                let data = {};

                for (let item of message.updateQueue) {
                    let value = true;

                    if (typeof loader === 'object' && item.type in loaderTypeResolvers) {
                        value = loaderTypeResolvers[item.type](item, loader);
                    } else if (typeof loader === 'string') {
                        value = [loader];
                    }

                    if (value === undefined) {
                        value = false;

                                                if ('*' in loader) {
                            value = loader['*'];
                        }
                    }

                    data[component.id] = {
                        key: Date.now(),
                        component: component,
                        loader: value,
                        update: item
                    };
                }

                return data;
            }

            const start = function(loader, component) {
                                if (! loader || ! component) {
                    Magewire.dispatchEvent(`loader:start`);
                    return;
                }

                let first = ! queue.some(({ parent }) => parent);
                let me = queue.findIndex(item => item && item.component && item.component.id === component.id);

                if (first) {
                    queue.push({
                        loader: loader,
                        component: component
                    });
                }

                                if (queue[me]) {
                    queue[me].loader = loader;
                }

                queue.forEach((item, index) => {
                    item.parent = item.parent ?? false;

                                        if (me > index && item.loader) {
                        stop(item.component, false, true);
                    }
                });

                Magewire.dispatchEvent(`loader:${ first ? 'start' : 'tick' }`, {
                    detail: loader
                });
            }

            const stop = function(component, failure = false, force = false) {
                if (failure) {
                    force = true;
                }

                                let remove = [];
                                const me = queue.findIndex(item => item && item.component && item.component.id === component.id);

                if (queue[me]) {
                    queue[me].done = true;
                }

                if (force) {
                    remove.push(me);
                } else if (queue.every(item => item && item.done)) {
                    remove = Object.keys(queue);
                }

                                remove.forEach(index => {
                    if (queue[index] && queue[index].loader) {
                        Magewire.dispatchEvent(`loader:stop`, {
                            detail: {
                                loader: queue[index].loader,
                                component: queue[index].component,
                                failure: failure
                            }
                        });
                    }

                    delete queue[index];
                });

                if (Object.values(queue).length === 0) {
                    Magewire.dispatchEvent(`loader:done`, {
                        detail: {
                            component: component,
                            failure: failure
                        }
                    });

                    // Empty insurance.
                    queue = [];
                }
            }

                        Magewire.plugins.loader = (() => {
                return {
                    start(loader, component) {
                        return start(loader, component);
                    },
                    stop(component, failure = false, force = false) {
                        return stop(component, failure, force);
                    }
                }
            })();

            document.addEventListener('DOMContentLoaded', () => {
                Magewire.hook('message.sent', (message, component) => {
                    let loader = getLoaderData(message, component) || {};

                    if (component.id in loader && loader[component.id].loader) {
                        Magewire.plugins.loader.start(loader[component.id], component);
                    }
                });

                Magewire.hook('message.processed', (message, component) => {
                    if (message.response && message.response.effects) {
                        (message.response.effects.emits || []).forEach((emit) => {
                            Magewire.components.componentsListeningForEvent(emit.event)
                                .filter(listener => ! emit.to || emit.to === listener.id)
                                .forEach(listener => queue.push({ component: listener, parent: component }));
                        });

                        let ids = [];

                                                for (let i = queue.length - 1; i >= 0; i--) {
                            if (queue[i]) {
                                if (ids.indexOf(queue[i].component.id) !== -1) {
                                    queue.splice(i, 1);
                                    continue;
                                }

                                ids.push(queue[i].component.id);
                            }
                        }
                    }

                    Magewire.plugins.loader.stop(component);

                                        if (component.effects && message.response.effects) {
                        component.effects.loader = message.response.effects.loader;
                    }
                });

                Magewire.hook('message.failed', (message, component) => {
                    Magewire.plugins.loader.stop(component, true);
                });
            });
        })();
    </script>
<script>
    'use strict';

    Magewire.onPageExpired(() => {
        alert('The\u0020session\u0020has\u0020expired.\u0020Therefore,\u0020the\u0020page\u0020will\u0020be\u0020refreshed\u0020when\u0020you\u0020confirm.')
        window.location.reload()
    })

    Magewire.onError((status, response) => {
                if (status === 419) {
            return
        }

                response.clone().text().then((result) => {
            let messages = {"419":"The session has expired. Therefore, the page will be refreshed when you confirm."};
            result = JSON.parse(result)

            console.error(
                `Magewire: ${ messages[status] || result.message || 'Something went wrong' } (${ status })`
            )
        }).catch((exception) => {
            console.error(exception)
        })

        return false
            })
</script>

        <script>
    'use strict';

    Magewire.hasPlugin = function(name) {
        const plugins = Magewire.plugins

        if (typeof plugins !== 'object' || plugins.length === 0) {
            return false;
        } else if (typeof name === 'object') {
            return name.every((name) => Magewire.hasPlugin(name))
        }

        return name in plugins
    }
</script>

    <script>
        Magewire.dispatchEvent('available')
    </script>

        <script>
    Magewire.directive('select', (element, directive, component) => {
        if (element.tagName !== 'SELECT') {
            console.error('Magewire: [wire:select] can only be applied on elements of type select.', element)
            return
        }
        if (directive.value) {
            console.error('Magewire: [wire:select] shouldn\'t have a value.', element)
            return
        }
        if (! element.hasAttribute('wire:model.defer')) {
            console.error('Magewire: [wire:model] requires a defer modifier for [wire:select] to function properly.', element)
            return
        }

        let changed = false,
            timeout = null

        const sync = () => {
            clearTimeout(timeout)

            if (changed) {
                changed = false

                component.fireMessage()
            }
        }

        const debounce = () => {
            if (directive.modifiers.includes('debounce')) {
                clearTimeout(timeout)

                timeout = setTimeout(() => sync(), directive.durationOr(1500))
            }
        }

        const change = () => {
            changed = true

            debounce()
        }

        element.addEventListener('keydown', debounce)
        element.addEventListener('change', change)

        if (directive.modifiers.includes('blur')) {
            element.addEventListener('blur', () => sync())
        }
    })
</script>

<script>
    (() => {
        function src_default(Alpine) {
            Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
                let evaluate = evaluateLater(expression);
                let options = {
                    rootMargin: getRootMargin(modifiers),
                    threshold: getThreshold(modifiers)
                };
                let observer = new IntersectionObserver((entries) => {
                    entries.forEach((entry) => {
                        if (entry.isIntersecting === (value === "leave"))
                            return;
                        evaluate();
                        modifiers.includes("once") && observer.disconnect();
                    });
                }, options);
                observer.observe(el);
                cleanup(() => {
                    observer.disconnect();
                });
            }));
        }
        function getThreshold(modifiers) {
            if (modifiers.includes("full"))
                return 0.99;
            if (modifiers.includes("half"))
                return 0.5;
            if (!modifiers.includes("threshold"))
                return 0;
            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
            if (threshold === "100")
                return 1;
            if (threshold === "0")
                return 0;
            return Number(`.${threshold}`);
        }
        function getLengthValue(rawValue) {
            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
            return match ? match[1] + (match[2] || "px") : void 0;
        }
        function getRootMargin(modifiers) {
            const key = "margin";
            const fallback = "0px 0px 0px 0px";
            const index = modifiers.indexOf(key);
            if (index === -1)
                return fallback;
            let values = [];
            for (let i = 1; i < 5; i++) {
                values.push(getLengthValue(modifiers[index + i] || ""));
            }
            values = values.filter((v) => v !== void 0);
            return values.length ? values.join(" ").trim() : fallback;
        }

        document.addEventListener("alpine:init", () => {
            window.Alpine.plugin(src_default);
        });
    })();
</script>
<script>
    for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"idle"})) {
        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
    }
</script>
<script>
    (function () {
        "use strict";

        const hasAlpine = new Promise(resolve => {
            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
        });

        const hasInteract = new Promise(resolve => {
            (events => {
                const onInteract = () => {
                    resolve();
                    events.forEach(type => window.removeEventListener(type, onInteract));
                }
                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
        });

        const onIntersect = (el) => {
            return new Promise(resolve => {
                const observer = new IntersectionObserver(entries => {
                    for (const entry of entries) {
                        if (entry.isIntersecting) {
                            observer.disconnect()
                            resolve();
                        }
                    }
                }, {});
                observer.observe(el);
            });
        }

        function runComponent(el) {
            hasAlpine.then(() => {
                el.removeAttribute('x-ignore');
                queueMicrotask(() => Alpine.initTree(el));
            });
        }

        function initDeferredComponents() {
            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
                el.setAttribute('x-ignore', '');
                const deferUntil = (el.getAttribute('x-defer') || '').trim();
                switch (deferUntil) {
                    case 'interact':
                        hasInteract.then(() => runComponent(el));
                        break;
                    case 'intersect':
                        onIntersect(el).then(() => runComponent(el))
                        break;
                    case 'idle':
                        window.requestIdleCallback
                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
                            : setTimeout(() => runComponent(el), 4000);
                        break;
                    case 'eager':
                        runComponent(el);
                        break;
                    default:
                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
                        }
                }
            });
        }

        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
    })()
</script>
<script>
    (() => {
        // packages/collapse/src/index.js
        function src_default(Alpine) {
            Alpine.directive("collapse", collapse);
            collapse.inline = (el, {
                modifiers
            }) => {
                if (!modifiers.includes("min"))
                    return;
                el._x_doShow = () => {};
                el._x_doHide = () => {};
            };

            function collapse(el, {
                modifiers
            }) {
                let duration = modifierValue(modifiers, "duration", 250) / 1e3;
                let floor = modifierValue(modifiers, "min", 0);
                let fullyHide = !modifiers.includes("min");
                if (!el._x_isShown)
                    el.style.height = `${floor}px`;
                if (!el._x_isShown && fullyHide)
                    el.hidden = true;
                if (!el._x_isShown)
                    el.style.overflow = "hidden";
                let setFunction = (el2, styles) => {
                    let revertFunction = Alpine.setStyles(el2, styles);
                    return styles.height ? () => {} : revertFunction;
                };
                let transitionStyles = {
                    transitionProperty: "height",
                    transitionDuration: `${duration}s`,
                    transitionTimingFunction: "cubic-bezier(0.4, 0.0, 0.2, 1)"
                };
                el._x_transition = {
                    in(before = () => {}, after = () => {}) {
                        if (fullyHide)
                            el.hidden = false;
                        if (fullyHide)
                            el.style.display = null;
                        let current = el.getBoundingClientRect().height;
                        el.style.height = "auto";
                        let full = el.getBoundingClientRect().height;
                        if (current === full) {
                            current = floor;
                        }
                        Alpine.transition(el, Alpine.setStyles, {
                            during: transitionStyles,
                            start: {
                                height: current + "px"
                            },
                            end: {
                                height: full + "px"
                            }
                        }, () => el._x_isShown = true, () => {
                            if (Math.abs(el.getBoundingClientRect().height - full) < 1) {
                                el.style.overflow = null;
                            }
                        });
                    },
                    out(before = () => {}, after = () => {}) {
                        let full = el.getBoundingClientRect().height;
                        Alpine.transition(el, setFunction, {
                            during: transitionStyles,
                            start: {
                                height: full + "px"
                            },
                            end: {
                                height: floor + "px"
                            }
                        }, () => el.style.overflow = "hidden", () => {
                            el._x_isShown = false;
                            if (el.style.height == `${floor}px` && fullyHide) {
                                el.style.display = "none";
                                el.hidden = true;
                            }
                        });
                    }
                };
            }
        }

        function modifierValue(modifiers, key, fallback) {
            if (modifiers.indexOf(key) === -1)
                return fallback;
            const rawValue = modifiers[modifiers.indexOf(key) + 1];
            if (!rawValue)
                return fallback;
            if (key === "duration") {
                let match = rawValue.match(/([0-9]+)ms/);
                if (match)
                    return match[1];
            }
            if (key === "min") {
                let match = rawValue.match(/([0-9]+)px/);
                if (match)
                    return match[1];
            }
            return rawValue;
        }

        // packages/collapse/builds/cdn.js
        document.addEventListener("alpine:init", () => {
            window.Alpine.plugin(src_default);
        });
    })();
</script>

<script type="module"
        src="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Hyva_Theme/js/alpine3.min.js"
        defer
        crossorigin
></script>
<script>
    'use strict';
    function dispatchMessages(messages, hideAfter) {
        const messagesEvent = new CustomEvent("messages-loaded", {
            detail: {
                messages: messages,
                hideAfter: hideAfter
            }
        });
        window.dispatchEvent(messagesEvent);
    }

    if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
    }

    (function( hyva, undefined ) {

        hyva.initFormKey = () => {
            const inputSelector = 'input[name="form_key"]',
                formKey = hyva.getFormKey();

            Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
                input.value = formKey
            });
        }

        hyva.initMessages = () => {
            try {
                const messages = hyva.getCookie('mage-messages');
                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];

                dispatchMessages(window.mageMessages);

                                // empty `mage-messages` cookie
                const skipSetDomain = true;
                hyva.setCookie('mage-messages','', -1, skipSetDomain);

            } catch (error) {
                console.warn('Error parsing Cookie Messages:', error);
            }
        }

        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
        hyva.alpineInitialized(hyva.initMessages)

    }( window.hyva = window.hyva || {} ));
</script>
<script>
    'use strict';
    {
        const private_content_key = 'mage-cache-storage';
        const private_content_expire_key = 'mage-cache-timeout';
        const private_content_version_key = 'private_content_version';
        const section_data_ids_key = 'section_data_ids';
        const mage_cache_session_id_key = 'mage-cache-sessid';
        const last_visited_store_key = 'last_visited_store';

        const ttl = 3600;

        if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
        }

        function loadSectionData () {
            const browserStorage = hyva.getBrowserStorage();
            if (!browserStorage) {
                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                    [{
                        type: "warning",
                        text: "Please enable LocalStorage in your browser."
                    }]
                );
                return;
            }
            try {
                let isInvalid = false;

                if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
                    isInvalid = true;
                }
                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);

                if (!hyva.getCookie(mage_cache_session_id_key)) {
                    isInvalid = true;
                    browserStorage.removeItem(private_content_key);
                    const skipSetDomain = true;
                    const days = false;
                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
                }

                const cookieVersion = hyva.getCookie(private_content_version_key);
                const storageVersion = browserStorage.getItem(private_content_version_key);

                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
                    isInvalid = true;
                }

                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
                    browserStorage.removeItem(private_content_key);
                }

                if (isInvalid && cookieVersion) {
                    fetchPrivateContent([]);
                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
                    if (
                        privateContent &&
                        privateContentExpires &&
                        privateContent.cart &&
                        privateContent.customer
                    ) {
                        dispatchPrivateContent(privateContent);
                    } else {
                        fetchPrivateContent([]);
                    }
                } else {
                    if (document.getElementById('default-section-data')) {
                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
                        dispatchPrivateContent(privateContent);
                    } else {
                        dispatchPrivateContent({});
                    }
                }

            } catch (error) {
                console.warn('Error retrieving Private Content:', error);
            }
        }

        hyva.alpineInitialized(loadSectionData)
        window.addEventListener('reload-customer-section-data', loadSectionData);

        function dispatchPrivateContent(data) {
            const privateContentEvent = new CustomEvent("private-content-loaded", {
                detail: {
                    data: data
                }
            });
            window.dispatchEvent(privateContentEvent);
        }

        function fetchPrivateContent(sections) {
            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest'
                }
            })
                .then(response => response.ok && response.json())
                .then(
                    data => {
                        if (data) {
                            try {
                                const browserStorage = hyva.getBrowserStorage();

                                // merge new data preserving non-invalidated sections
                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};

                                if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
                                    delete oldSectionData['checkout-data'];
                                }
                                const newSectionData = Object.assign(oldSectionData, data);

                                dispatchPrivateContent(newSectionData);

                                // don't persist messages, they've been dispatched already
                                if (newSectionData.messages && newSectionData.messages.messages ) {
                                    newSectionData.messages.messages = [];
                                }

                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));

                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
                                browserStorage.setItem(private_content_expire_key, expiresAt);

                                const newCookieVersion = hyva.getCookie(private_content_version_key);
                                browserStorage.setItem(private_content_version_key, newCookieVersion);

                                // We don't need the section_data_ids in Hyvä, but we store them for compatibility
                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
                                hyva.setCookie(
                                    section_data_ids_key,
                                    JSON.stringify(
                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
                                            return sectionDataIds;
                                        }, {})
                                    ),
                                    false,
                                    true
                                );
                            } catch (error) {
                                console.warn("Couldn't store privateContent", error);
                            }
                        }
                    }
                );
        }
    }
</script>
<script>
    (() => {
        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
    })()
</script>
<script>
    (events => {
        const dispatchUserInteractionEvent = () => {
            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
            window.dispatchEvent(new Event('init-external-scripts'))
        };
        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
    })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
</script>
<script>
    function initConfigurableOptions(productId, optionConfig) {

        function findPathParam(key) {
                        const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL;
            const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
            const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
            for (let i = 0; i < pathParts.length; i += 2) {
                if (pathParts[i] === key && pathParts.length > i) {
                    return pathParts[i + 1];
                }
            }
        }

        return {
            optionConfig,
            productId,
            itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
            allowedAttributeOptions: [],
            selectedValues: [],
            init() {
                this.findAllowedAttributeOptions();
                this.$nextTick(() => {
                    if (typeof this.optionConfig.defaultValues === 'object') {
                        for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) {
                            this.changeOption(attributeId, value + '');
                        }
                    }
                    this.preselectQuerystringItems();
                    this.preselectLocationHashItems();
                });
            },
            productIndex: 0,
            productIndexForPrice: 0,
            optionIsActive(attributeId, optionId) {
                                return !!this.getAllowedAttributeOptions(attributeId).find(
                    option => option.id === optionId
                )
            },
            optionIsEnabled(attributeId, optionId) {
                                for (const productId in this.optionConfig.index) {
                    if (this.optionConfig.index[productId][attributeId] === optionId) {
                        return true;
                    }
                }
                return false;
            },
            findSimpleIndex() {
                                this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
                this.productIndexForPrice = this.findCheapestProductForPartialSelection(this.selectedValues);
            },
            calculateSimpleIndexForPartialSelection(selectedValues) {
                if (selectedValues.length === 0) return 0;
                return this.findProductIdsForPartialSelection(selectedValues)[0];
            },
            calculateSimpleIndexForFullSelection(selectedValues) {
                if (! this.isFullSelection(selectedValues)) return false;

                const productIndexes = this.optionConfig.index;
                return Object.keys(productIndexes).find(productIndex => {
                    const productCandidateOptions = productIndexes[productIndex];

                    for (const productOption in productCandidateOptions) {
                        if (
                            !selectedValues[productOption] ||
                            selectedValues[productOption] !== productCandidateOptions[productOption]
                        ) {
                            return false;
                        }
                    }
                    return productIndex;
                });
            },
            findAllowedAttributeOptions() {
                                this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
            },
            calculateAllowedAttributeOptions(selectedValues) {
                const allAttributes = this.optionConfig.attributes;
                const allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
                    return a.position - b.position
                });

                const newAllowedAttributeOptions = [];

                allAttributesSorted.forEach(attribute => {
                    const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id));
                    const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr);
                    newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => {
                        return !!option.products.find(product => {
                            return availableIndexes.includes(product);
                        })
                    });
                });
                return newAllowedAttributeOptions;
            },
            calculateAvailableProductIndexes(selectedOptions) {
                if (Object.keys(selectedOptions).length === 0) {
                                        if (Object.values(this.optionConfig.salable || {}).length) {
                                                return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i)
                    }
                                        return Object.keys(this.optionConfig.index);
                }

                                const selectedIds = Object.keys(selectedOptions);
                if (Object.values(this.optionConfig.salable || {}).length) {
                                        const selectedOptionIndexes = selectedIds.map(attrId => {
                        const optionValue = selectedOptions[attrId];
                        return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || []
                    })
                                        return selectedOptionIndexes.reduce((acc, optionIndexes) => {
                        return acc.filter(index => optionIndexes.includes(index));
                    });
                } else {
                                        const productIndexes = this.optionConfig.index;
                    return Object.keys(productIndexes).filter(index => {
                                                for (const attrId of selectedIds) {
                            if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false
                        }
                        return true
                    });
                }
            },
            findAttributeByOptionId(optionId) {
                for (const attributeId in this.optionConfig.attributes) {
                    const attributeOptions = this.optionConfig.attributes[attributeId].options || [];
                    if (attributeOptions.find(option => option.id === optionId)) {
                        return attributeId;
                    }
                }
            },
            getAllowedAttributeOptions(attributeId) {
                return this.allowedAttributeOptions[attributeId] || []
            },
            getAllAttributeOptions(attributeId) {
                return (
                    this.optionConfig.attributes[attributeId] &&
                    this.optionConfig.attributes[attributeId].options
                ) || []
            },
            getProductIdsForOption(option) {
                const attributeId = this.findAttributeByOptionId(option.id);
                const allOptions = this.optionConfig.attributes[attributeId];
                const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id);
                return opt && opt.products
                    ? opt.products
                    : [];
            },
            findProductIdsForPartialSelection(optionSelection) {
                const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => {
                    const newCandidates = this.getProductIdsForOption({id: optionId});
                    return candidates === null
                        ? newCandidates
                        : candidates.filter(productId => newCandidates.includes(productId));
                }, null);
                return candidateProducts || [];
            },
            findCheapestProductForPartialSelection(optionSelection) {
                const candidateProducts = this.findProductIdsForPartialSelection(optionSelection);
                return candidateProducts.reduce((cheapest, simpleIdx) => {
                    // in the first iteration we start with simpleIdx as the currently cheapest product
                    if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx;
                    const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount;
                    return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount
                        ? simpleIdx
                        : cheapest;
                }, 0)
            },
            findProductIdToUseForOptionPrice(option) {
                // try to find a product for a complete selection
                const attributeId = this.findAttributeByOptionId(option.id);
                const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id});
                const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection);
                // if there is no complete selection, use the cheapest product for the option
                return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection);
            },
            getAttributeOptionLabel(option) {
                const optionProduct = this.findProductIdToUseForOptionPrice(option);

                if ((! optionProduct) || (optionProduct === this.productIndexForPrice)) {
                    return option.label;
                }

                const currentPrice = this.getOptionPriceAdjustmentBasePrice();

                if (this.optionConfig.optionPrices[optionProduct]) {
                    const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
                    if (optionPrice !== currentPrice){
                        return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
                    }
                }
                return option.label;
            },
            getOptionPriceAdjustmentBasePrice() {
                if (this.optionConfig.optionPrices[this.productIndexForPrice]) {
                    return this.optionConfig.optionPrices[this.productIndexForPrice].finalPrice.amount
                }
                return this.optionConfig.prices.finalPrice.amount; // default price if no option selection
            },
            clearOptionIfActive(optionId, value) {
                if (this.selectedValues[optionId] === value) {
                    this.blurLabel()
                    this.changeOption(optionId, '')
                }
            },
            removeAttrFromSelection(selectedValues, attributeId) {
                                attributeId = parseInt(attributeId);
                return selectedValues.reduce((newSelection, val, attr) => {
                    if (attr !== attributeId) {
                        newSelection[attr] = val;
                    }
                    return newSelection;
                }, []);
            },
            changeOption(attributeId, value) {
                if (value === '') {
                    this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId)
                } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) {
                                        this.selectedValues[attributeId] = value;
                }
                this.findSimpleIndex();
                this.findAllowedAttributeOptions();
                this.updatePrices();
                this.updateGallery();

                const candidates = this.findProductIdsForPartialSelection(this.selectedValues);

                window.dispatchEvent(
                    new CustomEvent(
                        'configurable-selection-changed',
                        {
                            detail: {
                                productId: this.productId,
                                optionId: attributeId,
                                value: value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: candidates,
                                skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku[id]),
                            }
                        }
                    )
                );
            },
            calculateIsMinimalPrice() {
                return ! this.isFullSelection(this.selectedValues);
            },
            isFullSelection(selectedValues) {
                return Object.values(selectedValues).length === Object.keys(this.optionConfig.attributes).length;
            },
            updatePrices() {
                const value = this.optionConfig.optionPrices[this.productIndexForPrice] || this.optionConfig.prices;
                window.dispatchEvent(
                    new CustomEvent(
                        "update-prices-" + this.productId,
                        {
                            detail: Object.assign(
                                value,
                                { isMinimalPrice: this.calculateIsMinimalPrice() }
                            )
                        }
                    )
                );
            },
            updateGallery () {
                if (this.productIndex) {
                    const images = this.optionConfig.images[this.productIndex];
                    images && window.dispatchEvent(new CustomEvent(
                        "update-gallery",
                        { detail: this.sortImagesByPosition(images) }
                    ));
                } else {
                    window.dispatchEvent(new Event("reset-gallery"));
                }
            },
            sortImagesByPosition(images) {
                return images.sort((x, y) => {
                    return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1)
                });
            },
            onGetCartData(data) {
                            },
            preselectCartItems(data) {
                // pre-select options based on cart data for current (quote) itemId
                const cart = data && data.cart;
                if (cart && cart.items) {
                    const cartItem = cart.items.find((item) => {
                        return (
                            item.item_id === this.itemId
                            && item.product_id === this.productId
                        )
                    });
                    if (cartItem && cartItem.options && cartItem.options.length) {
                        cartItem.options.map(option => {
                            this.changeOption(option.option_id, option.option_value);
                        })
                    }
                }
            },
            preselectQuerystringItems() {
                // pre-select option like ?size=167
                const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
                this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code));
            },
            preselectLocationHashItems() {
                // pre-select option like #144=167
                const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
                this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id));
            },
            preselectItemsBasedOnLocation(getLocationValue) {
                Object.values(this.optionConfig.attributes).map(attribute => {
                    const v = getLocationValue(attribute);
                    v && this.changeOption(attribute.id, v)
                });
            }
        }
    }

</script>
<script>
    function initSwatchOptions(swatchConfig) {
        return {
            swatchConfig,
            getAttributeSwatchData(attributeId) {
                const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
                swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);

                return swatchConfig;
            },
            mapSwatchTypeNumberToTypeCode(typeNumber) {
                switch ("" + typeNumber) {
                    case "1":
                        return "color"
                    case "2":
                        return "image"
                    case "3":
                        return "empty"
                    case "0":
                    default:
                        return "text"
                }
            },
            getTypeOfFirstOption(attributeId) {
                for (const optionId in this.swatchConfig[attributeId]) {
                    const option = this.swatchConfig[attributeId][optionId];
                    if (typeof option.type !== 'undefined') {
                        return this.mapSwatchTypeNumberToTypeCode(option.type);
                    }
                }
            },
            getVisualSwatchType(attributeId, targetOptionId) {
                // If a type configuration is present for the given option id, use it
                const config = this.swatchConfig[attributeId];
                if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
                    return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
                }

                // Otherwise - if no config is present for the target option - use the type of the first option
                // with a type property from the attribute, thus assuming its the same type as the target option.
                // (This edge case condition can occur on single swatch products if some options are not salable)
                return this.getTypeOfFirstOption(attributeId);
            },
            getSwatchType(attributeId, optionId) {
                // Deserialize the attribute details the first time they are used
                if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
                    this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
                }
                const type =  this.swatchConfig[attributeId] &&
                    this.swatchConfig[attributeId].details &&
                    this.swatchConfig[attributeId].details.swatch_input_type ||
                    "empty";
                return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
            },
            isTextSwatch(attributeId, optionId) {
                return this.getSwatchType(attributeId, optionId) === 'text';
            },
            isVisualSwatch(attributeId, optionId) {
                const type = this.getSwatchType(attributeId, optionId);

                return ['image', 'color'].includes(type);
            },
            getSwatchBackgroundStyle(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                const type = this.getSwatchType(attributeId, optionId);

                if (type === "color") {
                        return 'background-color:' + config.value;
                } else if (type === "image") {
                        return "background: #ffffff url('" + config.value + "') no-repeat center";
                } else {
                    return '';
                }
            },
            getSwatchText(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
            },
            getOptionLabelFromOptionConfig(attributeId, optionId) {
                // Fallback if no value is present in swatchConfig data
                // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
                const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
                return option && option[0] && option[0].label ||'';
            },
            getSwatchConfig(attributeId, optionId) {
                return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
                    ? this.swatchConfig[attributeId][optionId]
                    : false;
            },
            activeTooltipItem: false,
            tooltipPositionElement: false,
            isTooltipVisible() {
                return this.activeTooltipItem &&
                    this.getSwatchConfig(
                        this.activeTooltipItem.attribute,
                        this.activeTooltipItem.item
                    );
            },
            isFirstItemCol() {
                return this.activeTooltipItem.index === 0;
            },
            getTooltipImageStyle(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                const type = this.getSwatchType(attributeId, optionId);

                if (type === "color") {
                    return 'background-color:' + config.value + '; width: 110px; height: 90px;';
                } else if (type === "image") {
                    return "background: #ffffff url('" + config.thumb +
                        "') center center no-repeat; width: 110px; height: 90px;";
                } else {
                    return 'display:none';
                }
            },
            getTooltipPosition() {
                return this.tooltipPositionElement ?
                    `top: ${this.tooltipPositionElement.offsetTop}px;` +
                    `left: ${
                        this.tooltipPositionElement.offsetLeft - (
                            this.tooltipPositionElement.closest('.snap') &&
                            this.tooltipPositionElement.closest('.snap').scrollLeft ||
                            0
                        )
                    }px;` : ''
            },
            getTooltipLabel() {
                return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
            },
            focusedLabel: false,
            focusLabel(optionId) {
                this.focusedLabel = optionId;
            },
            blurLabel() {
                this.focusedLabel = false;
            },
            showSwatches: false,
            initShowSwatchesIntersect() {
                if ('IntersectionObserver' in window && !window.scrollY) {
                    let io = new IntersectionObserver(
                        entries => {
                            entries.map(entry => {
                                if (entry.isIntersecting) {
                                    this.showSwatches = true;
                                    io.unobserve(this.$root);
                                }
                            })
                        }
                    );
                    io.observe(this.$root);
                } else {
                    this.showSwatches = true
                }
            }
        }
    }
</script>
<script>
    'use strict';

    const grecaptchaV2LoadCallbacks = [];

    function executeRecaptchaLoadCallbacks () {
        while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
            const callback = grecaptchaV2LoadCallbacks.pop();
            typeof callback === 'string' ? window[callback]() : callback();
        }
    }

    (function() {
        const loadRecaptchaScript = (event) => {

            if (window.grecaptcha || !event.target.form) {
                return;
            }

            const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks';
            const siteKey = '6LezrbwrAAAAADH_C2dhyvN6EEIayD_lMOD6VWYg';
            const script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`;
            script.async = true;
            document.head.appendChild(script);

            script.addEventListener('load', () => {
                Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled'));
            });
        }

        window.forceLoadRecaptchaScript = (form) => {
            loadRecaptchaScript({target: {form: form || 'dummy'}});
            executeRecaptchaLoadCallbacks();
        };

        document.body.addEventListener('input', loadRecaptchaScript, { once: true });
        document.body.addEventListener('focus', loadRecaptchaScript, { once: true });

    }());

</script>


<!-- Start Google Analytics 4 for Google Tag Manager by MagePal -->
<script type="text/javascript">
    (function () {
        let globalDatalayer = window.dataLayer = window.dataLayer || [];

        function init() {
            const data = [];
            if (data) {
                let storedData = null;

                data.forEach((item) => {
                    // Set category data on product detail page
                    if (item?.event === 'view_item') {
                        if (storedData === null) {
                            storedData = JSON.parse(window.localStorage.getItem("product-click-ga4"));
                        }

                        item?.ecommerce?.items?.forEach((product) => {
                            if (storedData?.index) {
                                product.index = storedData.index
                            }

                            if (storedData?.item_list_name) {
                                product.item_list_name = storedData.item_list_name;
                                product.item_list_id = storedData.item_list_id;
                            }
                        });
                    }

                    globalDatalayer.push(item);
                })
            }
        }

        init();

            })();
</script>
<!-- End Google Analytics 4 for Google Tag Manager by MagePal -->

<script>
    'use strict';

    (function () {
        const modals = [];
        const excludedFromFocusTrapping = new Set();

        function trapFocusInNextModalWithOverlay() {
            for (let idx = modals.length -1; idx >= 0; idx--) {
                const nextOnStack = modals[idx];
                const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name];
                if (! isOverlayDisabled(nextDialogElement)) {
                    hyva.trapFocus(nextDialogElement);
                    break;
                }
            }
        }

        function focusables(dialogElement) {
            const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
            return Array.from(dialogElement.querySelectorAll(selector))
                .filter(el => !el.hasAttribute('disabled'));
        }

        function firstVisible(elements) {
            const a = Array.from(elements);
            for (let i = 0; i < a.length; i++) {
                if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i];
            }
            return null;
        }

        function isInViewport(element) {
            const rect = element && element.getBoundingClientRect();
            return rect &&
                rect.top >= 0 &&
                rect.left >= 0 &&
                rect.right <= window.innerWidth &&
                rect.bottom <= window.innerHeight;
        }

        function setFocusAfterTransition(dialogElement, duration) {
                        const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]'));
            const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]'));
            next: for (let candidate of candidates) {
                for (let child of nested) {
                    if (child.contains(candidate)) continue next;
                }
                setTimeout(() => candidate.focus(), 50);
                break;
            }
            window.setTimeout(() => {
                const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) ||
                    focusables(dialogElement)[0] ||
                    null;
                focusElement && isInViewport(focusElement) && focusElement.focus();
            }, Math.max(1, duration));
        }

        function determineTrigger($refs, dialog, trigger) {
                        if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) {
                return dialog.target;
            }
                        if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) {
                return trigger.target;
            }
                        if (typeof trigger === 'string') {
                try {
                    return $refs[trigger] || document.querySelector(trigger)
                } catch (e) {}
            }
                        if (trigger instanceof Element) {
                return trigger;
            }

                        return null;
        }

        function isOverlayDisabled(dialog) {
            return dialog && dialog.hasAttribute('x-no-overlay')
        }

        function areRemainingModalsWithoutOverlay(modals)
        {
            const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled);

            return overflowDisabled.length === modals.length;
        }

        window.hyva.modal = function(options) {

            const config = Object.assign({
                dialog: 'dialog',                 duration: 300,                 transitionEnter: 'transition ease-out duration-300',
                transitionEnterStart: 'opacity-0',
                transitionEnterEnd: 'opacity-100',
                transitionLeave: 'transition ease-in duration-300',
                transitionLeaveStart: 'opacity-100',
                transitionLeaveEnd: 'opacity-0',
            }, options);
            let lastHide = 0;

            return {
                opened: {},
                show(dialog, trigger) {
                    const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger);
                    const name = typeof dialog === 'string' ? dialog : config.dialog;
                    const dialogElement = this.$refs[name];
                    if (! dialogElement) {
                                                return;
                    }
                    const useOverlay = ! dialogElement.hasAttribute('x-no-overlay');

                    dialogElement.scrollTop = 0;

                                        if (this.opened[name]) {
                        return;
                    }

                    if (focusTargetAfterHide) {
                        focusTargetAfterHide.setAttribute('aria-expanded', 'true');
                    }

                    this.opened[name] = true;
                    useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement));
                    setFocusAfterTransition(dialogElement, config.duration);

                    const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()};

                    modals.push(frame);
                    if (useOverlay) {
                        document.body.classList.add('overflow-hidden');
                    }
                    return new Promise(resolve => frame.resolve = resolve);
                },
                cancel() {
                    this.hide(false);
                },
                ok() {
                    this.hide(true);
                },
                hide(value) {
                                        if (Date.now() - lastHide < config.duration) {
                        return;
                    }
                    lastHide = Date.now();

                    const modal = modals.pop() || {};
                    const name = modal.name;
                    this.opened[name] = false;
                    hyva.releaseFocus(modal.instance.$refs[modal.name])
                    trapFocusInNextModalWithOverlay();

                    const nextFocusAfterHide = modal.focusTarget;
                    nextFocusAfterHide && setTimeout(() => {
                        nextFocusAfterHide.setAttribute('aria-expanded', 'false');
                        nextFocusAfterHide.focus()
                    }, config.duration);

                    if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) {
                        document.body.classList.remove('overflow-hidden');
                    }

                    modal.resolve(value);
                },
                overlay(dialog) {
                    const name = typeof dialog === 'string' ? dialog : config.dialog;
                    return {
                        ['x-show']() {
                            return this.opened[name]
                        },
                        ['x-transition:enter']: config.transitionEnter,
                        ['x-transition:enter-start']: config.transitionEnterStart,
                        ['x-transition:enter-end']: config.transitionEnterEnd,
                        ['x-transition:leave']: config.transitionLeave,
                        ['x-transition:leave-start']: config.transitionLeaveStart,
                        ['x-transition:leave-end']: config.transitionLeaveEnd,
                        ['@hyva-modal-show.window'](event) {
                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
                        }
                    };
                }
            };
        }

        window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1]

        window.hyva.modal.pop = function () {
            if (modals.length > 0) {
                const modal = modals[modals.length -1];
                modal.instance.hide();
            }
        }

        window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {
            typeof selectors === 'string' || selectors instanceof String
                ? excludedFromFocusTrapping.add(selectors)
                : selectors.map(selector => excludedFromFocusTrapping.add(selector));
        }

        window.hyva.modal.eventListeners = {
            keydown: event => {
                if (event.key === 'Escape') {
                    window.hyva.modal.pop();
                }
            },
                        click: event => {
                if (modals.length > 0) {
                    const modal = modals[modals.length -1];
                    const dialog = modal.instance.$refs[modal.name];
                    if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago
                        ! isOverlayDisabled(dialog) && // if dialog has overlay
                        ! dialog.contains(event.target)) { // if click is outside of dialog
                        modal.instance.hide();
                    }
                }
            }
        };

        document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown);

        document.addEventListener('click', window.hyva.modal.eventListeners.click);
    })();
</script>

<script>
    document.addEventListener('algoliaSearchLoaded', function() {
        window.BrildorAlgoliaSearch = {
            algoliaClient: null,
            appId: "IFIOKESV7H",
            apiKey: "94d4b372957bfefaf122f6e9a68189a8",
            indexes: {"term":"brildor_query_suggestions","product":"brildor_es_products","category":"brildor_es_categories"},
            clickAnalytics: true,
            enablePersonalization: true,

            getClient: function () {
                if (!this.algoliaClient) {
                    this.algoliaClient = algoliasearch(this.appId, this.apiKey);
                }
                return this.algoliaClient;
            },

            getIndexRequestParams: function (type, query, currentPage = null, pageSize = null, fields = ['*']) {
                const params = {
                    indexName: this.indexes[type],
                    query: query,
                    clickAnalytics: this.clickAnalytics,
                    attributesToRetrieve: fields,
                    page: currentPage ?? 0
                }

                if (pageSize || pageSize === 0) {
                    params['hitsPerPage'] = pageSize;
                }

                return params;
            }
        }
    });

    (function() {
        function initAlgoliaSearch() {
            if (typeof algoliasearch !== 'undefined') {
                return;
            }

            const script = document.createElement('script');
            script.src = 'https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Algolia_AlgoliaSearch/js/lib/algolia-search.min.js';
            script.type = 'text/javascript';
            script.defer = true;
            script.crossOrigin = true;
            document.body.appendChild(script);

            script.onload = function () {
                let event = new CustomEvent('algoliaSearchLoaded');
                document.dispatchEvent(event);
            };
        }

        if (document.readyState !== "loading" && typeof algoliasearch === 'undefined') {
            initAlgoliaSearch();
            return;
        }

        document.addEventListener('DOMContentLoaded', initAlgoliaSearch, {
            once: true,
            passive: true
        });
    })();
</script>

<script>
    (function() {
        document.addEventListener('algoliaInsightsLoaded', function() {
            initAlgoliaAnalytics();
        });

        document.addEventListener('algoliaSearchLoaded', function () {
            initAlgoliaAnalytics();
        });

        function initAlgoliaAnalytics() {
            if (
                typeof aa === 'undefined' ||
                !window.BrildorAlgoliaSearch?.appId ||
                !window.BrildorAlgoliaSearch?.apiKey
            ) {
                return;
            }

            const params =  {
                appId: window.BrildorAlgoliaSearch.appId,
                apiKey: window.BrildorAlgoliaSearch.apiKey,
                partial: true,
                useCookie: true
            }

            const algoliaCustomerUserToken= hyva.getCookie('_ALGOLIA_MAGENTO_AUTH');
            if (algoliaCustomerUserToken) {
                params.authenticatedUserToken = algoliaCustomerUserToken;
            }

            aa('init', params);

            let event = new CustomEvent('algoliaInsightsInitialized');
            document.dispatchEvent(event);
        }

        function initAlgoliaInsights() {
            if (typeof aa !== 'undefined') {
                return;
            }

            window.AlgoliaAnalyticsObject = 'aa';
            window['aa'] = window['aa'] || function () {
                (window['aa'].queue = window['aa'].queue || []).push(arguments);
            };
            window['aa'].version = ('https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Algolia_AlgoliaSearch/js/lib/search-insights.min.js'.match(/@([^\/]+)\/?/) || [])[1];

            const script = document.createElement('script');
            script.src = 'https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Algolia_AlgoliaSearch/js/lib/search-insights.min.js';
            script.type = 'text/javascript';
            script.async = true;
            script.crossOrigin = true;
            document.body.appendChild(script);

            script.onload = function () {
                let event = new CustomEvent('algoliaInsightsLoaded');
                document.dispatchEvent(event);
            };
        }

        if (document.readyState !== "loading" && typeof aa === 'undefined') {
            initAlgoliaInsights();
            return;
        }

        document.addEventListener('DOMContentLoaded', initAlgoliaInsights, {
            once: true,
            passive: true
        });
    })();
</script>
<script type="text/json" id="default-section-data">
    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"AD":{"name":"Andorra"},"AT":{"name":"Austria","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00e4rnten"},"96":{"code":"NO","name":"Nieder\u00f6sterreich"},"97":{"code":"OO","name":"Ober\u00f6sterreich"},"98":{"code":"SB","name":"Salzburg"},"100":{"code":"ST","name":"Steiermark"},"101":{"code":"TI","name":"Tirol"},"103":{"code":"VB","name":"Vorarlberg"},"95":{"code":"WI","name":"Wien"}}},"BE":{"name":"B\u00e9lgica","regions":{"577":{"code":"VAN","name":"Antwerpen"},"578":{"code":"WBR","name":"Brabant wallon"},"579":{"code":"BRU","name":"Brussels-Capital Region"},"580":{"code":"WHT","name":"Hainaut"},"582":{"code":"WLG","name":"Li\u00e8ge"},"581":{"code":"VLI","name":"Limburg"},"583":{"code":"WLX","name":"Luxembourg"},"584":{"code":"WNA","name":"Namur"},"585":{"code":"VOV","name":"Oost-Vlaanderen"},"586":{"code":"VBR","name":"Vlaams-Brabant"},"587":{"code":"VWV","name":"West-Vlaanderen"}}},"BG":{"name":"Bulgaria","regions":{"588":{"code":"BG-01","name":"Blagoevgrad"},"589":{"code":"BG-02","name":"Burgas"},"595":{"code":"BG-08","name":"Dobrich"},"594":{"code":"BG-07","name":"Gabrovo"},"613":{"code":"BG-26","name":"Haskovo"},"596":{"code":"BG-09","name":"Kardzhali"},"597":{"code":"BG-10","name":"Kyustendil"},"598":{"code":"BG-11","name":"Lovech"},"599":{"code":"BG-12","name":"Montana"},"600":{"code":"BG-13","name":"Pazardzhik"},"601":{"code":"BG-14","name":"Pernik"},"602":{"code":"BG-15","name":"Pleven"},"603":{"code":"BG-16","name":"Plovdiv"},"604":{"code":"BG-17","name":"Razgrad"},"605":{"code":"BG-18","name":"Ruse"},"614":{"code":"BG-27","name":"Shumen"},"606":{"code":"BG-19","name":"Silistra"},"607":{"code":"BG-20","name":"Sliven"},"608":{"code":"BG-21","name":"Smolyan"},"609":{"code":"BG-22","name":"Sofia City"},"610":{"code":"BG-23","name":"Sofia Province"},"611":{"code":"BG-24","name":"Stara Zagora"},"612":{"code":"BG-25","name":"Targovishte"},"590":{"code":"BG-03","name":"Varna"},"591":{"code":"BG-04","name":"Veliko Tarnovo"},"592":{"code":"BG-05","name":"Vidin"},"593":{"code":"BG-06","name":"Vratsa"},"615":{"code":"BG-28","name":"Yambol"}}},"CH":{"name":"Suiza","regions":{"104":{"code":"AG","name":"Aargau"},"106":{"code":"AR","name":"Appenzell Ausserrhoden"},"105":{"code":"AI","name":"Appenzell Innerrhoden"},"108":{"code":"BL","name":"Basel-Landschaft"},"109":{"code":"BS","name":"Basel-Stadt"},"107":{"code":"BE","name":"Bern"},"110":{"code":"FR","name":"Friburg"},"111":{"code":"GE","name":"Geneva"},"112":{"code":"GL","name":"Glarus"},"113":{"code":"GR","name":"Graub\u00fcnden"},"114":{"code":"JU","name":"Jura"},"115":{"code":"LU","name":"Lucerne"},"116":{"code":"NE","name":"Neuch\u00e2tel"},"117":{"code":"NW","name":"Nidwalden"},"118":{"code":"OW","name":"Obwalden"},"120":{"code":"SH","name":"Schaffhausen"},"122":{"code":"SZ","name":"Schwyz"},"121":{"code":"SO","name":"Solothurn"},"119":{"code":"SG","name":"St. Gallen"},"123":{"code":"TG","name":"Thurgau"},"124":{"code":"TI","name":"Ticino"},"125":{"code":"UR","name":"Uri"},"126":{"code":"VD","name":"Vaud"},"127":{"code":"VS","name":"Wallis"},"128":{"code":"ZG","name":"Zug"},"129":{"code":"ZH","name":"Z\u00fcrich"}}},"CY":{"name":"Chipre"},"CZ":{"name":"Chequia","regions":{"956":{"code":"CZ-31","name":"Jiho\u010desk\u00fd kraj"},"964":{"code":"CZ-64","name":"Jihomoravsk\u00fd kraj"},"958":{"code":"CZ-41","name":"Karlovarsk\u00fd kraj"},"963":{"code":"CZ-63","name":"Kraj Vyso\u010dina"},"961":{"code":"CZ-52","name":"Kr\u00e1lov\u00e9hradeck\u00fd kraj"},"960":{"code":"CZ-51","name":"Libereck\u00fd kraj"},"967":{"code":"CZ-80","name":"Moravskoslezsk\u00fd kraj"},"965":{"code":"CZ-71","name":"Olomouck\u00fd kraj"},"962":{"code":"CZ-53","name":"Pardubick\u00fd kraj"},"957":{"code":"CZ-32","name":"Plze\u0148sk\u00fd kraj"},"954":{"code":"CZ-10","name":"Praha, Hlavn\u00ed m\u011bsto"},"955":{"code":"CZ-20","name":"St\u0159edo\u010desk\u00fd kraj"},"959":{"code":"CZ-42","name":"\u00dasteck\u00fd kraj"},"966":{"code":"CZ-72","name":"Zl\u00ednsk\u00fd kraj"}}},"DE":{"name":"Alemania","regions":{"80":{"code":"BAW","name":"Baden-W\u00fcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00fcringen"}}},"DK":{"name":"Dinamarca","regions":{"968":{"code":"DK-84","name":"Hovedstaden"},"969":{"code":"DK-82","name":"Midtjylland"},"970":{"code":"DK-81","name":"Nordjylland"},"971":{"code":"DK-85","name":"Sj\u00e6lland"},"972":{"code":"DK-83","name":"Syddanmark"}}},"EE":{"name":"Estonia","regions":{"340":{"code":"EE-37","name":"Harjumaa"},"341":{"code":"EE-39","name":"Hiiumaa"},"342":{"code":"EE-44","name":"Ida-Virumaa"},"344":{"code":"EE-51","name":"J\u00e4rvamaa"},"343":{"code":"EE-49","name":"J\u00f5gevamaa"},"346":{"code":"EE-59","name":"L\u00e4\u00e4ne-Virumaa"},"345":{"code":"EE-57","name":"L\u00e4\u00e4nemaa"},"348":{"code":"EE-67","name":"P\u00e4rnumaa"},"347":{"code":"EE-65","name":"P\u00f5lvamaa"},"349":{"code":"EE-70","name":"Raplamaa"},"350":{"code":"EE-74","name":"Saaremaa"},"351":{"code":"EE-78","name":"Tartumaa"},"352":{"code":"EE-82","name":"Valgamaa"},"353":{"code":"EE-84","name":"Viljandimaa"},"354":{"code":"EE-86","name":"V\u00f5rumaa"}}},"ES":{"name":"Espa\u00f1a","regions":{"130":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"},"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"FI":{"name":"Finlandia","regions":{"339":{"code":"Ahvenanmaa","name":"Ahvenanmaa"},"333":{"code":"Etel\u00e4-Karjala","name":"Etel\u00e4-Karjala"},"326":{"code":"Etel\u00e4-Pohjanmaa","name":"Etel\u00e4-Pohjanmaa"},"325":{"code":"Etel\u00e4-Savo","name":"Etel\u00e4-Savo"},"337":{"code":"It\u00e4-Uusimaa","name":"It\u00e4-Uusimaa"},"322":{"code":"Kainuu","name":"Kainuu"},"335":{"code":"Kanta-H\u00e4me","name":"Kanta-H\u00e4me"},"330":{"code":"Keski-Pohjanmaa","name":"Keski-Pohjanmaa"},"331":{"code":"Keski-Suomi","name":"Keski-Suomi"},"338":{"code":"Kymenlaakso","name":"Kymenlaakso"},"320":{"code":"Lappi","name":"Lappi"},"334":{"code":"P\u00e4ij\u00e4t-H\u00e4me","name":"P\u00e4ij\u00e4t-H\u00e4me"},"328":{"code":"Pirkanmaa","name":"Pirkanmaa"},"327":{"code":"Pohjanmaa","name":"Pohjanmaa"},"323":{"code":"Pohjois-Karjala","name":"Pohjois-Karjala"},"321":{"code":"Pohjois-Pohjanmaa","name":"Pohjois-Pohjanmaa"},"324":{"code":"Pohjois-Savo","name":"Pohjois-Savo"},"329":{"code":"Satakunta","name":"Satakunta"},"336":{"code":"Uusimaa","name":"Uusimaa"},"332":{"code":"Varsinais-Suomi","name":"Varsinais-Suomi"}}},"FR":{"name":"Francia","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"},"185":{"code":"4","name":"Alpes-de-Haute-Provence"},"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00e8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00e8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00e8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00e8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"},"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"GB":{"name":"Reino Unido"},"GI":{"name":"Gibraltar"},"GR":{"name":"Grecia","regions":{"1010":{"code":"GR-69","name":"\u00c1gion \u00d3ros"},"997":{"code":"GR-A","name":"Anatolik\u00ed Makedon\u00eda kai Thr\u00e1ki"},"998":{"code":"GR-I","name":"Attik\u00ed"},"999":{"code":"GR-G","name":"Dytik\u00ed Ell\u00e1da"},"1000":{"code":"GR-C","name":"Dytik\u00ed Makedon\u00eda"},"1001":{"code":"GR-F","name":"Ion\u00eda N\u00edsia"},"1002":{"code":"GR-D","name":"\u00cdpeiros"},"1003":{"code":"GR-B","name":"Kentrik\u00ed Makedon\u00eda"},"1004":{"code":"GR-M","name":"Kr\u00edti"},"1005":{"code":"GR-L","name":"N\u00f3tio Aiga\u00edo"},"1006":{"code":"GR-J","name":"Pelop\u00f3nnisos"},"1007":{"code":"GR-H","name":"Stere\u00e1 Ell\u00e1da"},"1008":{"code":"GR-E","name":"Thessal\u00eda"},"1009":{"code":"GR-K","name":"V\u00f3reio Aiga\u00edo"}}},"HR":{"name":"Croacia","regions":{"518":{"code":"HR-07","name":"Bjelovarsko-bilogorska \u017eupanija"},"523":{"code":"HR-12","name":"Brodsko-posavska \u017eupanija"},"530":{"code":"HR-19","name":"Dubrova\u010dko-neretvanska \u017eupanija"},"532":{"code":"HR-21","name":"Grad Zagreb"},"529":{"code":"HR-18","name":"Istarska \u017eupanija"},"515":{"code":"HR-04","name":"Karlova\u010dka \u017eupanija"},"517":{"code":"HR-06","name":"Koprivni\u010dko-kri\u017eeva\u010dka \u017eupanija"},"513":{"code":"HR-02","name":"Krapinsko-zagorska \u017eupanija"},"520":{"code":"HR-09","name":"Li\u010dko-senjska \u017eupanija"},"531":{"code":"HR-20","name":"Me\u0111imurska \u017eupanija"},"525":{"code":"HR-14","name":"Osje\u010dko-baranjska \u017eupanija"},"522":{"code":"HR-11","name":"Po\u017ee\u0161ko-slavonska \u017eupanija"},"519":{"code":"HR-08","name":"Primorsko-goranska \u017eupanija"},"526":{"code":"HR-15","name":"\u0160ibensko-kninska \u017eupanija"},"514":{"code":"HR-03","name":"Sisa\u010dko-moslava\u010dka \u017eupanija"},"528":{"code":"HR-17","name":"Splitsko-dalmatinska \u017eupanija"},"516":{"code":"HR-05","name":"Vara\u017edinska \u017eupanija"},"521":{"code":"HR-10","name":"Viroviti\u010dko-podravska \u017eupanija"},"527":{"code":"HR-16","name":"Vukovarsko-srijemska \u017eupanija"},"524":{"code":"HR-13","name":"Zadarska \u017eupanija"},"512":{"code":"HR-01","name":"Zagreba\u010dka \u017eupanija"}}},"HU":{"name":"Hungr\u00eda"},"IE":{"name":"Irlanda"},"IS":{"name":"Islandia","regions":{"1027":{"code":"IS-07","name":"Austurland"},"1021":{"code":"IS-01","name":"H\u00f6fu\u00f0borgarsv\u00e6\u00f0i"},"1026":{"code":"IS-06","name":"Nor\u00f0urland eystra"},"1025":{"code":"IS-05","name":"Nor\u00f0urland vestra"},"1028":{"code":"IS-08","name":"Su\u00f0urland"},"1022":{"code":"IS-02","name":"Su\u00f0urnes"},"1024":{"code":"IS-04","name":"Vestfir\u00f0ir"},"1023":{"code":"IS-03","name":"Vesturland"}}},"IT":{"name":"Italia","regions":{"682":{"code":"AG","name":"Agrigento"},"683":{"code":"AL","name":"Alessandria"},"684":{"code":"AN","name":"Ancona"},"685":{"code":"AO","name":"Aosta"},"687":{"code":"AR","name":"Arezzo"},"688":{"code":"AP","name":"Ascoli-Piceno"},"689":{"code":"AT","name":"Asti"},"690":{"code":"AV","name":"Avellino"},"691":{"code":"BA","name":"Bari"},"692":{"code":"BT","name":"Barletta-Andria-Trani"},"693":{"code":"BL","name":"Belluno"},"694":{"code":"BN","name":"Benevento"},"695":{"code":"BG","name":"Bergamo"},"696":{"code":"BI","name":"Biella"},"697":{"code":"BO","name":"Bologna"},"698":{"code":"BZ","name":"Bolzano"},"699":{"code":"BS","name":"Brescia"},"700":{"code":"BR","name":"Brindisi"},"701":{"code":"CA","name":"Cagliari"},"702":{"code":"CL","name":"Caltanissetta"},"703":{"code":"CB","name":"Campobasso"},"704":{"code":"CI","name":"Carbonia Iglesias"},"705":{"code":"CE","name":"Caserta"},"706":{"code":"CT","name":"Catania"},"707":{"code":"CZ","name":"Catanzaro"},"708":{"code":"CH","name":"Chieti"},"709":{"code":"CO","name":"Como"},"710":{"code":"CS","name":"Cosenza"},"711":{"code":"CR","name":"Cremona"},"712":{"code":"KR","name":"Crotone"},"713":{"code":"CN","name":"Cuneo"},"714":{"code":"EN","name":"Enna"},"715":{"code":"FM","name":"Fermo"},"716":{"code":"FE","name":"Ferrara"},"717":{"code":"FI","name":"Firenze"},"718":{"code":"FG","name":"Foggia"},"719":{"code":"FC","name":"Forli-Cesena"},"720":{"code":"FR","name":"Frosinone"},"721":{"code":"GE","name":"Genova"},"722":{"code":"GO","name":"Gorizia"},"723":{"code":"GR","name":"Grosseto"},"724":{"code":"IM","name":"Imperia"},"725":{"code":"IS","name":"Isernia"},"686":{"code":"AQ","name":"L'Aquila"},"726":{"code":"SP","name":"La-Spezia"},"727":{"code":"LT","name":"Latina"},"728":{"code":"LE","name":"Lecce"},"729":{"code":"LC","name":"Lecco"},"730":{"code":"LI","name":"Livorno"},"731":{"code":"LO","name":"Lodi"},"732":{"code":"LU","name":"Lucca"},"733":{"code":"MC","name":"Macerata"},"734":{"code":"MN","name":"Mantova"},"735":{"code":"MS","name":"Massa-Carrara"},"736":{"code":"MT","name":"Matera"},"737":{"code":"VS","name":"Medio Campidano"},"738":{"code":"ME","name":"Messina"},"739":{"code":"MI","name":"Milano"},"740":{"code":"MO","name":"Modena"},"741":{"code":"MB","name":"Monza-Brianza"},"742":{"code":"NA","name":"Napoli"},"743":{"code":"NO","name":"Novara"},"744":{"code":"NU","name":"Nuoro"},"745":{"code":"OG","name":"Ogliastra"},"746":{"code":"OT","name":"Olbia Tempio"},"747":{"code":"OR","name":"Oristano"},"748":{"code":"PD","name":"Padova"},"749":{"code":"PA","name":"Palermo"},"750":{"code":"PR","name":"Parma"},"751":{"code":"PV","name":"Pavia"},"752":{"code":"PG","name":"Perugia"},"753":{"code":"PU","name":"Pesaro-Urbino"},"754":{"code":"PE","name":"Pescara"},"755":{"code":"PC","name":"Piacenza"},"756":{"code":"PI","name":"Pisa"},"757":{"code":"PT","name":"Pistoia"},"758":{"code":"PN","name":"Pordenone"},"759":{"code":"PZ","name":"Potenza"},"760":{"code":"PO","name":"Prato"},"761":{"code":"RG","name":"Ragusa"},"762":{"code":"RA","name":"Ravenna"},"763":{"code":"RC","name":"Reggio-Calabria"},"764":{"code":"RE","name":"Reggio-Emilia"},"765":{"code":"RI","name":"Rieti"},"766":{"code":"RN","name":"Rimini"},"767":{"code":"RM","name":"Roma"},"768":{"code":"RO","name":"Rovigo"},"769":{"code":"SA","name":"Salerno"},"770":{"code":"SS","name":"Sassari"},"771":{"code":"SV","name":"Savona"},"772":{"code":"SI","name":"Siena"},"773":{"code":"SR","name":"Siracusa"},"774":{"code":"SO","name":"Sondrio"},"775":{"code":"TA","name":"Taranto"},"776":{"code":"TE","name":"Teramo"},"777":{"code":"TR","name":"Terni"},"778":{"code":"TO","name":"Torino"},"779":{"code":"TP","name":"Trapani"},"780":{"code":"TN","name":"Trento"},"781":{"code":"TV","name":"Treviso"},"782":{"code":"TS","name":"Trieste"},"783":{"code":"UD","name":"Udine"},"784":{"code":"VA","name":"Varese"},"785":{"code":"VE","name":"Venezia"},"786":{"code":"VB","name":"Verbania"},"787":{"code":"VC","name":"Vercelli"},"788":{"code":"VR","name":"Verona"},"789":{"code":"VV","name":"Vibo-Valentia"},"790":{"code":"VI","name":"Vicenza"},"791":{"code":"VT","name":"Viterbo"}}},"LI":{"name":"Liechtenstein"},"LT":{"name":"Lituania","regions":{"475":{"code":"LT-AL","name":"Alytaus Apskritis"},"476":{"code":"LT-KU","name":"Kauno Apskritis"},"477":{"code":"LT-KL","name":"Klaip\u0117dos Apskritis"},"478":{"code":"LT-MR","name":"Marijampol\u0117s Apskritis"},"479":{"code":"LT-PN","name":"Panev\u0117\u017eio Apskritis"},"480":{"code":"LT-SA","name":"\u0160iauli\u0173 Apskritis"},"481":{"code":"LT-TA","name":"Taurag\u0117s Apskritis"},"482":{"code":"LT-TE","name":"Tel\u0161i\u0173 Apskritis"},"483":{"code":"LT-UT","name":"Utenos Apskritis"},"484":{"code":"LT-VL","name":"Vilniaus Apskritis"}}},"LU":{"name":"Luxemburgo"},"LV":{"name":"Letonia","regions":{"471":{"code":"\u0100da\u017eu novads","name":"\u0100da\u017eu novads"},"366":{"code":"Aglonas novads","name":"Aglonas novads"},"367":{"code":"LV-AI","name":"Aizkraukles novads"},"368":{"code":"Aizputes novads","name":"Aizputes novads"},"369":{"code":"Akn\u012bstes novads","name":"Akn\u012bstes novads"},"370":{"code":"Alojas novads","name":"Alojas novads"},"371":{"code":"Alsungas novads","name":"Alsungas novads"},"372":{"code":"LV-AL","name":"Al\u016bksnes novads"},"373":{"code":"Amatas novads","name":"Amatas novads"},"374":{"code":"Apes novads","name":"Apes novads"},"375":{"code":"Auces novads","name":"Auces novads"},"376":{"code":"Bab\u012btes novads","name":"Bab\u012btes novads"},"377":{"code":"Baldones novads","name":"Baldones novads"},"378":{"code":"Baltinavas novads","name":"Baltinavas novads"},"379":{"code":"LV-BL","name":"Balvu novads"},"380":{"code":"LV-BU","name":"Bauskas novads"},"381":{"code":"Bever\u012bnas novads","name":"Bever\u012bnas novads"},"382":{"code":"Broc\u0113nu novads","name":"Broc\u0113nu novads"},"383":{"code":"Burtnieku novads","name":"Burtnieku novads"},"384":{"code":"Carnikavas novads","name":"Carnikavas novads"},"387":{"code":"LV-CE","name":"C\u0113su novads"},"385":{"code":"Cesvaines novads","name":"Cesvaines novads"},"386":{"code":"Ciblas novads","name":"Ciblas novads"},"388":{"code":"Dagdas novads","name":"Dagdas novads"},"355":{"code":"LV-DGV","name":"Daugavpils"},"389":{"code":"LV-DA","name":"Daugavpils novads"},"390":{"code":"LV-DO","name":"Dobeles novads"},"391":{"code":"Dundagas novads","name":"Dundagas novads"},"392":{"code":"Durbes novads","name":"Durbes novads"},"393":{"code":"Engures novads","name":"Engures novads"},"472":{"code":"\u0112rg\u013cu novads","name":"\u0112rg\u013cu novads"},"394":{"code":"Garkalnes novads","name":"Garkalnes novads"},"395":{"code":"Grobi\u0146as novads","name":"Grobi\u0146as novads"},"396":{"code":"LV-GU","name":"Gulbenes novads"},"397":{"code":"Iecavas novads","name":"Iecavas novads"},"398":{"code":"Ik\u0161\u0137iles novads","name":"Ik\u0161\u0137iles novads"},"399":{"code":"Il\u016bkstes novads","name":"Il\u016bkstes novads"},"400":{"code":"In\u010dukalna novads","name":"In\u010dukalna novads"},"401":{"code":"Jaunjelgavas novads","name":"Jaunjelgavas novads"},"402":{"code":"Jaunpiebalgas novads","name":"Jaunpiebalgas novads"},"403":{"code":"Jaunpils novads","name":"Jaunpils novads"},"357":{"code":"J\u0113kabpils","name":"J\u0113kabpils"},"405":{"code":"LV-JK","name":"J\u0113kabpils novads"},"356":{"code":"LV-JEL","name":"Jelgava"},"404":{"code":"LV-JL","name":"Jelgavas novads"},"358":{"code":"LV-JUR","name":"J\u016brmala"},"406":{"code":"Kandavas novads","name":"Kandavas novads"},"412":{"code":"K\u0101rsavas novads","name":"K\u0101rsavas novads"},"473":{"code":"\u0136eguma novads","name":"\u0136eguma novads"},"474":{"code":"\u0136ekavas novads","name":"\u0136ekavas novads"},"407":{"code":"Kokneses novads","name":"Kokneses novads"},"410":{"code":"LV-KR","name":"Kr\u0101slavas novads"},"408":{"code":"Krimuldas novads","name":"Krimuldas novads"},"409":{"code":"Krustpils novads","name":"Krustpils novads"},"411":{"code":"LV-KU","name":"Kuld\u012bgas novads"},"413":{"code":"Lielv\u0101rdes novads","name":"Lielv\u0101rdes novads"},"359":{"code":"LV-LPX","name":"Liep\u0101ja"},"360":{"code":"LV-LE","name":"Liep\u0101jas novads"},"417":{"code":"L\u012bgatnes novads","name":"L\u012bgatnes novads"},"414":{"code":"LV-LM","name":"Limba\u017eu novads"},"418":{"code":"L\u012bv\u0101nu novads","name":"L\u012bv\u0101nu novads"},"415":{"code":"Lub\u0101nas novads","name":"Lub\u0101nas novads"},"416":{"code":"LV-LU","name":"Ludzas novads"},"419":{"code":"LV-MA","name":"Madonas novads"},"421":{"code":"M\u0101lpils novads","name":"M\u0101lpils novads"},"422":{"code":"M\u0101rupes novads","name":"M\u0101rupes novads"},"420":{"code":"Mazsalacas novads","name":"Mazsalacas novads"},"423":{"code":"Nauk\u0161\u0113nu novads","name":"Nauk\u0161\u0113nu novads"},"424":{"code":"Neretas novads","name":"Neretas novads"},"425":{"code":"N\u012bcas novads","name":"N\u012bcas novads"},"426":{"code":"LV-OG","name":"Ogres novads"},"427":{"code":"Olaines novads","name":"Olaines novads"},"428":{"code":"Ozolnieku novads","name":"Ozolnieku novads"},"432":{"code":"P\u0101rgaujas novads","name":"P\u0101rgaujas novads"},"433":{"code":"P\u0101vilostas novads","name":"P\u0101vilostas novads"},"434":{"code":"P\u013cavi\u0146u novads","name":"P\u013cavi\u0146u novads"},"429":{"code":"LV-PR","name":"Prei\u013cu novads"},"430":{"code":"Priekules novads","name":"Priekules novads"},"431":{"code":"Prieku\u013cu novads","name":"Prieku\u013cu novads"},"435":{"code":"Raunas novads","name":"Raunas novads"},"361":{"code":"LV-REZ","name":"R\u0113zekne"},"442":{"code":"LV-RE","name":"R\u0113zeknes novads"},"436":{"code":"Riebi\u0146u novads","name":"Riebi\u0146u novads"},"362":{"code":"LV-RIX","name":"R\u012bga"},"363":{"code":"LV-RI","name":"R\u012bgas novads"},"437":{"code":"Rojas novads","name":"Rojas novads"},"438":{"code":"Ropa\u017eu novads","name":"Ropa\u017eu novads"},"439":{"code":"Rucavas novads","name":"Rucavas novads"},"440":{"code":"Rug\u0101ju novads","name":"Rug\u0101ju novads"},"443":{"code":"R\u016bjienas novads","name":"R\u016bjienas novads"},"441":{"code":"Rund\u0101les novads","name":"Rund\u0101les novads"},"444":{"code":"Salacgr\u012bvas novads","name":"Salacgr\u012bvas novads"},"445":{"code":"Salas novads","name":"Salas novads"},"446":{"code":"Salaspils novads","name":"Salaspils novads"},"447":{"code":"LV-SA","name":"Saldus novads"},"448":{"code":"Saulkrastu novads","name":"Saulkrastu novads"},"455":{"code":"S\u0113jas novads","name":"S\u0113jas novads"},"449":{"code":"Siguldas novads","name":"Siguldas novads"},"451":{"code":"Skr\u012bveru novads","name":"Skr\u012bveru novads"},"450":{"code":"Skrundas novads","name":"Skrundas novads"},"452":{"code":"Smiltenes novads","name":"Smiltenes novads"},"453":{"code":"Stopi\u0146u novads","name":"Stopi\u0146u novads"},"454":{"code":"Stren\u010du novads","name":"Stren\u010du novads"},"456":{"code":"LV-TA","name":"Talsu novads"},"458":{"code":"T\u0113rvetes novads","name":"T\u0113rvetes novads"},"457":{"code":"LV-TU","name":"Tukuma novads"},"459":{"code":"Vai\u0146odes novads","name":"Vai\u0146odes novads"},"460":{"code":"LV-VK","name":"Valkas novads"},"364":{"code":"Valmiera","name":"Valmiera"},"461":{"code":"LV-VM","name":"Valmieras novads"},"462":{"code":"Varak\u013c\u0101nu novads","name":"Varak\u013c\u0101nu novads"},"469":{"code":"V\u0101rkavas novads","name":"V\u0101rkavas novads"},"463":{"code":"Vecpiebalgas novads","name":"Vecpiebalgas novads"},"464":{"code":"Vecumnieku novads","name":"Vecumnieku novads"},"365":{"code":"LV-VEN","name":"Ventspils"},"465":{"code":"LV-VE","name":"Ventspils novads"},"466":{"code":"Vies\u012btes novads","name":"Vies\u012btes novads"},"467":{"code":"Vi\u013cakas novads","name":"Vi\u013cakas novads"},"468":{"code":"Vi\u013c\u0101nu novads","name":"Vi\u013c\u0101nu novads"},"470":{"code":"Zilupes novads","name":"Zilupes novads"}}},"MC":{"name":"M\u00f3naco"},"MK":{"name":"Macedonia del Norte"},"MT":{"name":"Malta"},"NL":{"name":"Pa\u00edses Bajos"},"NO":{"name":"Noruega"},"PL":{"name":"Polonia","regions":{"824":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"825":{"code":"PL-04","name":"kujawsko-pomorskie"},"826":{"code":"PL-06","name":"lubelskie"},"827":{"code":"PL-08","name":"lubuskie"},"830":{"code":"PL-14","name":"mazowieckie"},"829":{"code":"PL-12","name":"ma\u0142opolskie"},"831":{"code":"PL-16","name":"opolskie"},"832":{"code":"PL-18","name":"podkarpackie"},"833":{"code":"PL-20","name":"podlaskie"},"834":{"code":"PL-22","name":"pomorskie"},"835":{"code":"PL-24","name":"\u015bl\u0105skie"},"836":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"837":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"838":{"code":"PL-30","name":"wielkopolskie"},"839":{"code":"PL-32","name":"zachodniopomorskie"},"828":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"PT":{"name":"Portugal","regions":{"1073":{"code":"PT-01","name":"Aveiro"},"859":{"code":"AV","name":"Aveiro"},"860":{"code":"AC","name":"Azores"},"861":{"code":"BE","name":"Beja"},"1074":{"code":"PT-02","name":"Beja"},"862":{"code":"BR","name":"Braga"},"1075":{"code":"PT-03","name":"Braga"},"863":{"code":"BA","name":"Bragan\u00e7a"},"1076":{"code":"PT-04","name":"Bragan\u00e7a"},"864":{"code":"CB","name":"Castelo Branco"},"1077":{"code":"PT-05","name":"Castelo Branco"},"865":{"code":"CO","name":"Coimbra"},"1078":{"code":"PT-06","name":"Coimbra"},"1079":{"code":"PT-07","name":"\u00c9vora"},"866":{"code":"EV","name":"\u00c9vora"},"867":{"code":"FA","name":"Faro"},"1080":{"code":"PT-08","name":"Faro"},"1081":{"code":"PT-09","name":"Guarda"},"868":{"code":"GU","name":"Guarda"},"869":{"code":"LE","name":"Leiria"},"1082":{"code":"PT-10","name":"Leiria"},"870":{"code":"LI","name":"Lisboa"},"1083":{"code":"PT-11","name":"Lisboa"},"871":{"code":"MA","name":"Madeira"},"1084":{"code":"PT-12","name":"Portalegre"},"872":{"code":"PA","name":"Portalegre"},"873":{"code":"PO","name":"Porto"},"1085":{"code":"PT-13","name":"Porto"},"1092":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"1091":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"1086":{"code":"PT-14","name":"Santar\u00e9m"},"874":{"code":"SA","name":"Santar\u00e9m"},"875":{"code":"SE","name":"Set\u00fabal"},"1087":{"code":"PT-15","name":"Set\u00fabal"},"1088":{"code":"PT-16","name":"Viana do Castelo"},"876":{"code":"VC","name":"Viana do Castelo"},"877":{"code":"VR","name":"Vila Real"},"1089":{"code":"PT-17","name":"Vila Real"},"1090":{"code":"PT-18","name":"Viseu"},"878":{"code":"VI","name":"Viseu"}}},"RO":{"name":"Ruman\u00eda","regions":{"278":{"code":"AB","name":"Alba"},"279":{"code":"AR","name":"Arad"},"280":{"code":"AG","name":"Arge\u015f"},"281":{"code":"BC","name":"Bac\u0103u"},"282":{"code":"BH","name":"Bihor"},"283":{"code":"BN","name":"Bistri\u0163a-N\u0103s\u0103ud"},"284":{"code":"BT","name":"Boto\u015fani"},"286":{"code":"BR","name":"Br\u0103ila"},"285":{"code":"BV","name":"Bra\u015fov"},"287":{"code":"B","name":"Bucure\u015fti"},"288":{"code":"BZ","name":"Buz\u0103u"},"290":{"code":"CL","name":"C\u0103l\u0103ra\u015fi"},"289":{"code":"CS","name":"Cara\u015f-Severin"},"291":{"code":"CJ","name":"Cluj"},"292":{"code":"CT","name":"Constan\u0163a"},"293":{"code":"CV","name":"Covasna"},"294":{"code":"DB","name":"D\u00e2mbovi\u0163a"},"295":{"code":"DJ","name":"Dolj"},"296":{"code":"GL","name":"Gala\u0163i"},"297":{"code":"GR","name":"Giurgiu"},"298":{"code":"GJ","name":"Gorj"},"299":{"code":"HR","name":"Harghita"},"300":{"code":"HD","name":"Hunedoara"},"301":{"code":"IL","name":"Ialomi\u0163a"},"302":{"code":"IS","name":"Ia\u015fi"},"303":{"code":"IF","name":"Ilfov"},"304":{"code":"MM","name":"Maramure\u015f"},"305":{"code":"MH","name":"Mehedin\u0163i"},"306":{"code":"MS","name":"Mure\u015f"},"307":{"code":"NT","name":"Neam\u0163"},"308":{"code":"OT","name":"Olt"},"309":{"code":"PH","name":"Prahova"},"311":{"code":"SJ","name":"S\u0103laj"},"310":{"code":"SM","name":"Satu-Mare"},"312":{"code":"SB","name":"Sibiu"},"313":{"code":"SV","name":"Suceava"},"314":{"code":"TR","name":"Teleorman"},"315":{"code":"TM","name":"Timi\u015f"},"316":{"code":"TL","name":"Tulcea"},"318":{"code":"VL","name":"V\u00e2lcea"},"317":{"code":"VS","name":"Vaslui"},"319":{"code":"VN","name":"Vrancea"}}},"RS":{"name":"Serbia"},"SE":{"name":"Suecia","regions":{"1103":{"code":"SE-K","name":"Blekinge l\u00e4n"},"1104":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"1106":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"1105":{"code":"SE-I","name":"Gotlands l\u00e4n"},"1107":{"code":"SE-N","name":"Hallands l\u00e4n"},"1108":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"1109":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"1110":{"code":"SE-H","name":"Kalmar l\u00e4n"},"1111":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"1112":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"1122":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"1123":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"1113":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"1115":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"1114":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"1116":{"code":"SE-C","name":"Uppsala l\u00e4n"},"1117":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"1118":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"1119":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"1120":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"1121":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"SI":{"name":"Eslovenia"},"SK":{"name":"Eslovaquia"},"data_id":1781008742},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"ammessages":[],"bss-fbpixel":[],"brildor-tiktokpixel":[],"hyva_checkout":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[],"magepal-gtm-jsdatalayer":[],"magepal-eegtm-jsdatalayer":[]}</script>
    <script src="https://www.brildor.com/static/version1780462048/frontend/Brildor/hyva/es_ES/Brildor_Theme/js/contact-msg-button.js"></script>

    <a
        x-ref="contact-msg-btn"
        x-data="contactMsgButton(1)"
        class="opacity-95 flex right-6 md:left-6 fixed bottom-6 z-40 flex items-center justify-between px-[10px] h-[45px] rounded-full overflow-hidden shadow-md bg-[#00d757] md:hover:rounded-[40px] active:translate-x-[1px] active:translate-y-[1px] group"
        style="width:45px; transition: width 0.5s;"
        href="https://wa.me/34625139525"
        target="_blank"
    >
        <div class="flex items-center w-full transition-all duration-500 md:group-hover:w-[30%] md:group-hover:px-[8px] justify-start">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="fill-white m-auto" width="25" height="25" aria-hidden="true">
    <path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
</svg>
        </div>
        <div x-ref="contact-msg-text"
             x-cloak
             :class="expanded ? 'opacity-100 w-auto' : 'opacity-0 w-full'"
             class="text-white text-[1.2em] md:group-hover:pr-2.5 font-semibold transition-opacity duration-500 ease-in-out whitespace-nowrap"
        >
            Contáctanos        </div>
    </a>

</div></body>
</html>
