<!doctype html>
<html lang="es">
<head >
    <meta charset="utf-8"/>
<meta name="title" content="We could not find the post that you requested"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>We could not find the post that you requested</title>
<link  rel="stylesheet" type="text/css"  defer="defer" href="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/css/styles.css" />
<link  rel="icon" type="image/x-icon" href="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/Magento_Theme/favicon.ico" />
<link  rel="shortcut icon" type="image/x-icon" href="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/Magento_Theme/favicon.ico" />
<link  rel="canonical" href="https://www.lekue.com/es/blog/feed" />
    <script type="text/javascript">
    window.dataLayer = window.dataLayer || [];

    window.addEventListener("load", () => {
        (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!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-KPL2RJ');
        window.dispatchEvent(
            new CustomEvent("datalayer-ready", {})
        );
    });
</script>
</head>
<body class="rocket-blog-index-notfound customer-logged-out rocket_blog-index-notfound page-layout-2columns-right">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KPL2RJ"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>
    var BASE_URL = 'https://www.lekue.com/es/';
    var THEME_PATH = 'https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES';
    var COOKIE_CONFIG = {
        "expires": null,
        "path": "\u002F",
        "domain": ".www.lekue.com",
        "secure": false,
        "lifetime": "604800",
        "cookie_restriction_enabled": true    };
    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'
        ]
    );
</script>
<script>
    'use strict';
    (function( hyva, undefined ) {

        function lifetimeToExpires(options, defaults) {

            var lifetime = options.lifetime || defaults.lifetime;

            if (lifetime) {
                var 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 (var i = 0; i < length; i++) {
                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
            }

            return formKey;
        }

        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;

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

                const cookieConfig = window.COOKIE_CONFIG || {};

                expires = days
                    ? 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;

                document.cookie = name + "=" + encodeURIComponent(value) +
                    (expires ? '; expires=' + expires.toGMTString() : '') +
                    (path ? '; path=' + path : '') +
                    (domain ? '; domain=' + domain : '') +
                    (secure ? '; secure' : '');
            },
            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.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 (!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 = document.querySelector('input[name=form_key]').value;
            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) => {
            var formatter = new Intl.NumberFormat(
                document.documentElement.lang,
                {
                    style: 'currency',
                    currency: 'EUR',
                    signDisplay: showSign ? "always" : "auto"
                }
            );
            return (typeof Intl.NumberFormat.prototype.formatToParts) ?
                formatter.formatToParts(value).map(({type, value}) => {
                    switch (type) {
                        case 'currency':
                            return '€' || value;
                        case 'minusSign':
                            return '- ';
                        case 'plusSign':
                            return '+ ';
                        default :
                            return value;
                    }
                }).reduce((string, part) => string + part) :
                formatter.format(value);
        }

        window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())

    }( window.hyva = window.hyva || {} ));
</script>
<input name="form_key" type="hidden" value="e3SF4u15lsS3elkP" /><style>
    @font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
</style>
<div class="page-wrapper"><header class="page-header">
    <div class="o-container o-container-f97be204-24e2-403f-a7d7-9e2cd6c5934e w-full      pt-1 pl-4 pr-4 pb-1                   bg-navigation-preheader-background text-navigation-preheader-font ">
    <div class="o-container o-container-5d9cf369-2b6b-4226-9926-20401b657386 container                            ">
<div
    x-data="initCarousel_6539cc71462744689f3f73d2503aeecd()"
    x-init="init($nextTick);"
    class="m-bar-slider relative"
>
    <div class="m-bar-slider__list relative w-full overflow-x-hidden px-4">
        <div id="m-bar-slider_6539cc71462744689f3f73d2503aeecd" class="relative grid grid-flow-col auto-cols-full left-0">
                            <div class="min-h-full box-border w-full relative js-carousel__slide">
                    
<div class="font-primary text-sm md:text-md font-normal text-center                           "  style="color: #FFFFFF";>
<p>ENVÍO GRATIS a partir de 20€</p></div>
                </div>
                            <div class="min-h-full box-border w-full relative js-carousel__slide">
                    
<div class="font-primary text-sm md:text-md font-normal text-center   5fe50af2-d846-4e1f-92fd-a7ca35130d34     b4db39fe-96d5-4dbc-b10c-e00f57c492e6     2cbff400-b009-4359-b318-245bed281a03      728e1c48-3120-4d62-a35f-d54e7e271c6f     d99dfea3-37c1-4b78-8fbb-c1d5625fdfe3     a185ac16-fa67-4e2b-b5cd-3a6fc6986992    "  style="color: #FFFFFF";>
<p>DEVOLUCIÓN GRATIS para cualquier pedido</p></div>
                </div>
                            <div class="min-h-full box-border w-full relative js-carousel__slide">
                    
<div class="font-primary text-sm md:text-md font-normal text-center   dec8c6c7-3bd7-4770-aa75-b5d6ccd66871     7abe28e2-ba0e-428e-aa8c-5cb818f0d5ad     86219dc3-9ab7-498e-9954-28229a883d60      856f010b-2852-4792-9ac6-59c3ccf300dd     56136035-7ffe-4ae7-b607-79a4a0601c83     e3388ffd-d781-496c-81ea-f1dcfdac280c    "  style="color: #FFFFFF";>
<p>ENTREGA RÁPIDA</p></div>
                </div>
                    </div>
        <template x-if="slides.length && slides.length > 1">
            <div x-show="arrows" class="w-full" x-cloak>
                <button class="absolute top-2/4 left-0 transform -translate-y-2/4 text-white focus:outline-none"
                        aria-label="Anterior"
                        @click.debounce="carousel.prev()"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-3.5 h-3.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.636 3.864a.9.9 0 010 1.272L8.773 12l6.864 6.864a.9.9 0 11-1.273 1.272l-7.5-7.5a.9.9 0 010-1.272l7.5-7.5a.9.9 0 011.272 0z" fill="currentColor"/></svg>
                </button>
                <button class="absolute top-2/4 right-0 transform -translate-y-2/4 text-white focus:outline-none"
                        aria-label="Siguiente"
                        @click.debounce="carousel.next()"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-3.5 h-3.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
                </button>
            </div>
        </template>
    </div>
</div>

<script>
    function initCarousel_6539cc71462744689f3f73d2503aeecd() {
        return {
            carousel: null,
            currentIndex: 0,
            arrows: false,
            slides: [],
            init () {
                const self = this;
                const selector = '#m-bar-slider_6539cc71462744689f3f73d2503aeecd';
                const options = {
                    slides: '.js-carousel__slide',
                    loop: 1,
                    autoplay: 1,
                    transitionSpeed: 3000,
                    autoplaySpeed: 6000,
                    slidesPerView: 1,
                    breakpoints: {
                        768: {
                            slidesPerView: 1,
                        },
                        1024: {
                            slidesPerView: 1,
                        }
                    }
                };
                this.carousel = new window.RktCarousel(selector, options, {
                    created: function (instance) {
                        self.slides = instance.getSlides();
                    },
                    move: function (instance) {
                        self.currentIndex = instance.getCurrentIndex();
                    },
                });
            }
        }
    }
</script>
</div>
    <style>
        .o-container-5d9cf369-2b6b-4226-9926-20401b657386 {
            --container-background: ;
        }
    </style>
</div>
    <style>
        .o-container-f97be204-24e2-403f-a7d7-9e2cd6c5934e {
            --container-background: ;
        }
    </style>

<script>
    function initHeader() {
        return {
            searchOpen: false,
            fixed: false,
            cart: {},
            getData(data) {
                if (data.cart) {
                    this.cart = data.cart
                }
            }
        }
    }

    function initCompareHeader() {
        return {
            compareProducts: null,
            itemCount: 0,
            receiveCompareData(data) {
                if (data['compare-products']) {
                    this.compareProducts = data['compare-products'];
                    this.itemCount = this.compareProducts.count;
                }
            }
        }
    }
</script>
<nav id="header"
     class="z-30 w-full border-b border-navigation-l1-separators shadow bg-navigation-l1-background transition"
     :class="{'fixed inset-0': fixed, 'relative': !fixed}"
     x-data="initHeader()"
     @keydown.window.escape="searchOpen = false;"
     @menu-toggle-status-change="fixed = $event.detail.open"
     @private-content-loaded.window="getData(event.detail.data)"
>
    <div><div class="container flex flex-wrap items-center justify-between w-full py-2 lg:py-3"><div class="z-20 order-1 mr-3 lg:mx-auto lg:order-2">
<div class="navigation navigation-cb23e53d-ad94-4be2-b557-b1f6ae4a30fa">
    <div x-data="Components.popover({ open: isMobile() ? false : true, focus: false })"
         x-init="init(); $watch('open', value => isMobile() ? $dispatch('menu-toggle-status-change', {open: value}) : '')"
         @resize.window="open = isMobile() ? false : true">
        <div class="flex items-baseline justify-between menu-icon lg:hidden" x-ref="navToggle">
            <div class="flex justify-end w-full">
                <a @click="toggle" @mousedown="if (open) $event.preventDefault()" aria-expanded="true" :aria-expanded="open.toString()"
                   class="text-navigation-l1-font hover:text-navigation-l1-font-hover flex items-center justify-center cursor-pointer z-10">
                    <span x-show="open" x-cloak>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.387 5.886a.9.9 0 10-1.273-1.272L12 10.727 5.886 4.614a.9.9 0 00-1.272 1.272L10.727 12l-6.113 6.114a.9.9 0 001.272 1.272L12 13.273l6.114 6.113a.9.9 0 001.273-1.272L13.273 12l6.114-6.114z" fill="currentColor"/></svg>
                    </span>
                    <span x-show="!open">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.85 6a.9.9 0 01.9-.9h16.5a.9.9 0 110 1.8H3.75a.9.9 0 01-.9-.9zm0 6a.9.9 0 01.9-.9h16.5a.9.9 0 110 1.8H3.75a.9.9 0 01-.9-.9zm.9 5.1a.9.9 0 100 1.8h16.5a.9.9 0 000-1.8H3.75z" fill="currentColor"/></svg>
                    </span>
                </a>
            </div>
        </div>
        <div x-show="isMobile() ? open : true"
             x-transition:enter="duration-200 ease-out"
             x-transition:enter-start="opacity-0 scale-95"
             x-transition:enter-end="opacity-100 scale-100"
             x-transition:leave="duration-100 ease-in"
             x-transition:leave-start="opacity-100 scale-100"
             x-transition:leave-end="opacity-0 scale-95"
             class="absolute top-0 inset-x-0 transition transform origin-left lg:static lg:h-auto lg:transform-none"
             x-ref="panel" x-cloak="lg">
            <nav class="o-header__megamenu o-megamenu">
                <div class="bg-navigation-l3-background lg:bg-navigation-l1-background w-full h-screen mt-[var(--megamenu__sublist-padding-top)] lg:h-auto lg:mt-0">
                    <div class="relative h-full lg:h-auto lg:static">
                        <div class="o-megamenu__container flex flex-col h-full">
                                                            <ul class="list-none m-0 overflow-x-hidden overflow-y-auto box-border lg:flex lg:flex-no-wrap lg:justify-center lg:items-center lg:p-0 lg:overflow-visible">
                                    

<li class="cursor-pointer megamenu__sublist-1st megamenu__sublist-1st-efeb6542-963f-4ffe-be9d-0a182aec4807" data-uid="efeb6542-963f-4ffe-be9d-0a182aec4807"
    @close-popover-items-1st.window="open=false"
    @mouseleave="if(!isMobile()){open=false}"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l1 lg:hover:navigation-header-l1-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){
        $dispatch('close-popover-items-1st');
        $dispatch('close-popover-items-2nd');
        if($el.querySelector('li') && $el.querySelector('li').querySelector('[x-ref=\'panel\']')){
            $dispatch(`open-item-${$el.querySelector('li').getAttribute('data-uid')}`)
        }
        open=true;
   }"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/ofertas" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
                <span class="o-megamenu__item__link-text text-3d38d7a1-bfd5-4945-a2fe-7e41709be22e text-[color:var(--text-color)] font-bold">
            <p>Ofertas</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-3d38d7a1-bfd5-4945-a2fe-7e41709be22e {
            --label-color: ;
            --label-bg: ;
        }
        .text-3d38d7a1-bfd5-4945-a2fe-7e41709be22e {
            --text-color: #FF0000;
        }
    </style>
</a>
    
    <style>
        .megamenu__sublist-1st-efeb6542-963f-4ffe-be9d-0a182aec4807 {
            --megamenu__sublist-width-size-1st: 20%;
            --megamenu__banner-width-1st: 0%;
        }
    </style>
</li>


<li class="cursor-pointer megamenu__sublist-1st megamenu__sublist-1st-33eb2561-a88a-4692-b9c8-cc09e9d45ed0" data-uid="33eb2561-a88a-4692-b9c8-cc09e9d45ed0"
    @close-popover-items-1st.window="open=false"
    @mouseleave="if(!isMobile()){open=false}"
            x-data="Components.popover({ open: false, focus: false })"
        x-init="init()"
    >
    
<a class="block navigation-header-font lg:navigation-header-l1 lg:hover:navigation-header-l1-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){
        $dispatch('close-popover-items-1st');
        $dispatch('close-popover-items-2nd');
        if($el.querySelector('li') && $el.querySelector('li').querySelector('[x-ref=\'panel\']')){
            $dispatch(`open-item-${$el.querySelector('li').getAttribute('data-uid')}`)
        }
        open=true;
   }"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/comida-sana" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
                <span class="o-megamenu__item__link-text text-dc2a6413-c929-454d-802d-a87f76a15124 text-[color:var(--text-color)] font-normal">
            <p>Comida sana</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-dc2a6413-c929-454d-802d-a87f76a15124 {
            --label-color: ;
            --label-bg: ;
        }
        .text-dc2a6413-c929-454d-802d-a87f76a15124 {
            --text-color: ;
        }
    </style>
</a>
            <div x-show="open"
             x-transition:enter="duration-200 ease-out"
             x-transition:enter-start="opacity-0 lg:scale-95"
             x-transition:enter-end="opacity-100 lg:scale-100"
             x-transition:leave="duration-100 ease-in"
             x-transition:leave-start="opacity-100 lg:scale-100"
             x-transition:leave-end="opacity-0 lg:scale-95"
             :class="{'flex flex-col': open}"
             class="absolute inset-0 transition transform origin-right z-10 lg:inset-y-auto lg:origin-top lg:pt-[var(--megamenu__sublist-padding-top-desktop)]"
             x-ref="panel" x-cloak>
            <a class="flex flex-row flex-no-wrap items-center space-x-4 navigation-header-title lg:hidden"
               @touchend.prevent="open=false"
               aria-expanded="false"
               :aria-expanded="open.toString()">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.85 12a.9.9 0 01.9-.9h16.5a.9.9 0 110 1.8H3.75a.9.9 0 01-.9-.9z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.136 4.614a.9.9 0 010 1.272L5.023 12l6.114 6.114a.9.9 0 11-1.273 1.272l-6.75-6.75a.9.9 0 010-1.272l6.75-6.75a.9.9 0 011.272 0z" fill="currentColor"/></svg>
                <span>Volver</span>
            </a>
            <div class="overflow-y-auto bg-navigation-l3-background h-full lg:bg-navigation-l2-background lg:h-[var(--megamenu__sublist-height)]"  x-data="Components.popoverGroup()" x-init="init()">
                <div class="lg:relative lg:h-[var(--megamenu__sublist-height)] lg:container lg:mx-auto">
                                            <ul class="lg:grid lg:w-[var(--megamenu__sublist-width-size-1st)] lg:grid-cols-2          lg:pt-6   lg:pb-6">
                            
<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-9a49378d-d2f1-4564-8974-d0613f9a3130" data-uid="9a49378d-d2f1-4564-8974-d0613f9a3130"
    @close-popover-items-2nd.window="open=false"
    @open-item-9a49378d-d2f1-4564-8974-d0613f9a3130.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/comida-sana/estuches-de-vapor-y-vaporeras" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-b193f655-bf7a-40d3-8564-eb4ec74ca206 text-[color:var(--text-color)] font-normal">
            <p>Estuches de Vapor y Vaporeras</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-b193f655-bf7a-40d3-8564-eb4ec74ca206 {
            --label-color: ;
            --label-bg: ;
        }
        .text-b193f655-bf7a-40d3-8564-eb4ec74ca206 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-9a49378d-d2f1-4564-8974-d0613f9a3130 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-b8fcd996-8d46-468d-846b-475744b2f9cc" data-uid="b8fcd996-8d46-468d-846b-475744b2f9cc"
    @close-popover-items-2nd.window="open=false"
    @open-item-b8fcd996-8d46-468d-846b-475744b2f9cc.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/comida-sana/cocinar-al-microondas" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-c0265048-b71b-4c8d-81b8-6511a581bcb0 text-[color:var(--text-color)] font-normal">
            <p>Cocinar al microondas</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-c0265048-b71b-4c8d-81b8-6511a581bcb0 {
            --label-color: ;
            --label-bg: ;
        }
        .text-c0265048-b71b-4c8d-81b8-6511a581bcb0 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-b8fcd996-8d46-468d-846b-475744b2f9cc {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-396aace6-551b-46d2-a420-260930d325b7" data-uid="396aace6-551b-46d2-a420-260930d325b7"
    @close-popover-items-2nd.window="open=false"
    @open-item-396aace6-551b-46d2-a420-260930d325b7.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/comida-sana/cocinar-huevos" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-13449801-b6b5-4d7c-b794-d8744f5bb6c8 text-[color:var(--text-color)] font-normal">
            <p>Cocinar huevos</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-13449801-b6b5-4d7c-b794-d8744f5bb6c8 {
            --label-color: ;
            --label-bg: ;
        }
        .text-13449801-b6b5-4d7c-b794-d8744f5bb6c8 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-396aace6-551b-46d2-a420-260930d325b7 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-4cf4e337-9d02-4781-aee7-f325e1724569" data-uid="4cf4e337-9d02-4781-aee7-f325e1724569"
    @close-popover-items-2nd.window="open=false"
    @open-item-4cf4e337-9d02-4781-aee7-f325e1724569.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/comida-sana/moldes-para-pan-casero" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-c840dda8-7709-4f78-a473-95b514cf9cf8 text-[color:var(--text-color)] font-normal">
            <p>Moldes para pan casero</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-c840dda8-7709-4f78-a473-95b514cf9cf8 {
            --label-color: ;
            --label-bg: ;
        }
        .text-c840dda8-7709-4f78-a473-95b514cf9cf8 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-4cf4e337-9d02-4781-aee7-f325e1724569 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-432e0be4-f4b3-409b-b71c-3594503f7c6a" data-uid="432e0be4-f4b3-409b-b71c-3594503f7c6a"
    @close-popover-items-2nd.window="open=false"
    @open-item-432e0be4-f4b3-409b-b71c-3594503f7c6a.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/comida-sana/utensilios-comida-sana" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-517c56e7-cd58-459f-9e9b-5bde1cdba77f text-[color:var(--text-color)] font-normal">
            <p>Utensilios</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-517c56e7-cd58-459f-9e9b-5bde1cdba77f {
            --label-color: ;
            --label-bg: ;
        }
        .text-517c56e7-cd58-459f-9e9b-5bde1cdba77f {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-432e0be4-f4b3-409b-b71c-3594503f7c6a {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-8383eb06-7df9-4794-9d90-26803ce48ee4" data-uid="8383eb06-7df9-4794-9d90-26803ce48ee4"
    @close-popover-items-2nd.window="open=false"
    @open-item-8383eb06-7df9-4794-9d90-26803ce48ee4.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/comida-sana/libros" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-c57e92e1-6175-438c-b60c-68cf683073cf text-[color:var(--text-color)] font-normal">
            <p>Libros</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-c57e92e1-6175-438c-b60c-68cf683073cf {
            --label-color: ;
            --label-bg: ;
        }
        .text-c57e92e1-6175-438c-b60c-68cf683073cf {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-8383eb06-7df9-4794-9d90-26803ce48ee4 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>
                        </ul>
                    
                                            <div class="hidden absolute inset-0 transition transform origin-right lg:block lg:left-[calc(100%-var(--megamenu__banner-width-1st))]">
                            
<div class="o-grid container                            grid" style="--o-grid-template-columns:1fr; --o-grid-template-columns-tablet:repeat(2, 1fr); --o-grid-template-columns-desktop:repeat(2, 1fr); --o-grid-template-rows:repeat(2, 1fr); --o-grid-template-rows-tablet:1fr; --o-grid-template-rows-desktop:1fr;    --o-grid-template-gap:1rem 1rem; --o-grid-template-gap-tablet:1rem 1rem; --o-grid-template-gap-desktop:1rem 1rem;">
            <div class=""
             style="">
            
<div class="o-banner o-banner-1de15ef8-7b6d-42f9-9dc5-e3e22ed9ec81 relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]                             overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/400x300/002517d791/estuches.jpg" type="image/webp" media="(min-width: 768px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/400x300/002517d791/estuches.jpg" type="image/jpeg" media="(min-width: 768px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/400x300/002517d791/estuches.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/400x300/002517d791/estuches.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/400x300/002517d791/estuches.jpg"
         alt=""
         title=""
        loading="lazy"        width="400"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]                           ">
                
<div class="                           text-center w-full m-heading" >
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-xl md:text-7xl font-bold                            "  style="color: #FFFFFF";>
<p>Estuches de Vapor</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/comida-sana/estuches-de-vapor-y-vaporeras" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-1de15ef8-7b6d-42f9-9dc5-e3e22ed9ec81 {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
            <div class=""
             style="">
            
<div class="o-banner o-banner-defd5dd2-9ebf-40e1-a2a7-a5c4bebca142 relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]   c1172eb9-86f5-49b6-8870-554be593352d     320a0a85-571f-46c0-8d3c-b31d92457a01     9674f424-ad63-48d8-b047-3ac814595eab      6056465e-fba4-425b-aa3b-ef04cbf56363     f390e341-6e90-4206-a1f8-2083f709a0a1     4b93782f-fa5d-442d-a194-c56f172007ef      overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/400x300/d502100d87/popcorn2.jpg" type="image/webp" media="(min-width: 768px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/400x300/d502100d87/popcorn2.jpg" type="image/jpeg" media="(min-width: 768px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/400x300/d502100d87/popcorn2.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/400x300/d502100d87/popcorn2.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/400x300/d502100d87/popcorn2.jpg"
         alt=""
         title=""
        loading="lazy"        width="400"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]   94cfe8d3-fe0c-4be8-aede-5d16babdf62a     d04793c3-3290-47e4-af9e-0bb8118f0bc2     09d3f208-3a2b-4e1c-882e-657db85c747e      01635026-2762-4e47-b32e-0fe2a1ec0414     5fba0272-a522-4084-af88-1bdfd105388a     988967b9-f2d2-4434-a18f-18d823684d2d    ">
                
<div class="                           text-center w-full m-heading" >
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-xl md:text-7xl font-bold                            "  style="color: #FFFFFF";>
<p>Cocinar al microondas</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/comida-sana/cocinar-al-microondas" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-defd5dd2-9ebf-40e1-a2a7-a5c4bebca142 {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
    </div>
                        </div>
                                    </div>
            </div>
        </div>
        <div x-show="open" class="fixed bg-black inset-x-0 bg-opacity-50 pointer-events-none h-full lg:mt-[var(--megamenu__sublist-padding-top-desktop)]" x-cloak></div>
    
    <style>
        .megamenu__sublist-1st-33eb2561-a88a-4692-b9c8-cc09e9d45ed0 {
            --megamenu__sublist-width-size-1st: 50%;
            --megamenu__banner-width-1st: 50%;
        }
    </style>
</li>


<li class="cursor-pointer megamenu__sublist-1st megamenu__sublist-1st-17de01e4-3e3a-4d3e-aef7-e259aa0b0692" data-uid="17de01e4-3e3a-4d3e-aef7-e259aa0b0692"
    @close-popover-items-1st.window="open=false"
    @mouseleave="if(!isMobile()){open=false}"
            x-data="Components.popover({ open: false, focus: false })"
        x-init="init()"
    >
    
<a class="block navigation-header-font lg:navigation-header-l1 lg:hover:navigation-header-l1-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){
        $dispatch('close-popover-items-1st');
        $dispatch('close-popover-items-2nd');
        if($el.querySelector('li') && $el.querySelector('li').querySelector('[x-ref=\'panel\']')){
            $dispatch(`open-item-${$el.querySelector('li').getAttribute('data-uid')}`)
        }
        open=true;
   }"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/reposteria" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
                <span class="o-megamenu__item__link-text text-d6dc5b84-7e49-47d1-8ff1-51ab982288ee text-[color:var(--text-color)] font-normal">
            <p>Repostería</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-d6dc5b84-7e49-47d1-8ff1-51ab982288ee {
            --label-color: ;
            --label-bg: ;
        }
        .text-d6dc5b84-7e49-47d1-8ff1-51ab982288ee {
            --text-color: ;
        }
    </style>
</a>
            <div x-show="open"
             x-transition:enter="duration-200 ease-out"
             x-transition:enter-start="opacity-0 lg:scale-95"
             x-transition:enter-end="opacity-100 lg:scale-100"
             x-transition:leave="duration-100 ease-in"
             x-transition:leave-start="opacity-100 lg:scale-100"
             x-transition:leave-end="opacity-0 lg:scale-95"
             :class="{'flex flex-col': open}"
             class="absolute inset-0 transition transform origin-right z-10 lg:inset-y-auto lg:origin-top lg:pt-[var(--megamenu__sublist-padding-top-desktop)]"
             x-ref="panel" x-cloak>
            <a class="flex flex-row flex-no-wrap items-center space-x-4 navigation-header-title lg:hidden"
               @touchend.prevent="open=false"
               aria-expanded="false"
               :aria-expanded="open.toString()">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.85 12a.9.9 0 01.9-.9h16.5a.9.9 0 110 1.8H3.75a.9.9 0 01-.9-.9z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.136 4.614a.9.9 0 010 1.272L5.023 12l6.114 6.114a.9.9 0 11-1.273 1.272l-6.75-6.75a.9.9 0 010-1.272l6.75-6.75a.9.9 0 011.272 0z" fill="currentColor"/></svg>
                <span>Volver</span>
            </a>
            <div class="overflow-y-auto bg-navigation-l3-background h-full lg:bg-navigation-l2-background lg:h-[var(--megamenu__sublist-height)]"  x-data="Components.popoverGroup()" x-init="init()">
                <div class="lg:relative lg:h-[var(--megamenu__sublist-height)] lg:container lg:mx-auto">
                                            <ul class="lg:grid lg:w-[var(--megamenu__sublist-width-size-1st)] lg:grid-cols-2   c6b03eb4-e967-47f6-a238-c4228132cbb6     8021f489-8f48-4d8f-9bdf-907abea831dd    lg:pt-6 0fb2f87c-4fe3-4084-b396-334758373e9c   lg:pb-6">
                            
<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-6cbf4f3d-2ae3-4bc1-aa75-bc87f01280bb" data-uid="6cbf4f3d-2ae3-4bc1-aa75-bc87f01280bb"
    @close-popover-items-2nd.window="open=false"
    @open-item-6cbf4f3d-2ae3-4bc1-aa75-bc87f01280bb.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/reposteria/moldes-para-tartas-y-pasteles" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-5d747335-15fa-4f0c-b9e6-184e213a842d text-[color:var(--text-color)] font-normal">
            <p>Moldes para tartas</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-5d747335-15fa-4f0c-b9e6-184e213a842d {
            --label-color: ;
            --label-bg: ;
        }
        .text-5d747335-15fa-4f0c-b9e6-184e213a842d {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-6cbf4f3d-2ae3-4bc1-aa75-bc87f01280bb {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-7debc838-e5e9-4df4-ab98-0c9260d22370" data-uid="7debc838-e5e9-4df4-ab98-0c9260d22370"
    @close-popover-items-2nd.window="open=false"
    @open-item-7debc838-e5e9-4df4-ab98-0c9260d22370.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/reposteria/moldes-desmontables" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-eeb20a1d-1d88-4cba-b2d2-ec48ea22fc0e text-[color:var(--text-color)] font-normal">
            <p>Moldes desmontables</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-eeb20a1d-1d88-4cba-b2d2-ec48ea22fc0e {
            --label-color: ;
            --label-bg: ;
        }
        .text-eeb20a1d-1d88-4cba-b2d2-ec48ea22fc0e {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-7debc838-e5e9-4df4-ab98-0c9260d22370 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-b7b19fbf-289c-4153-bd3b-74b2deb1a9ce" data-uid="b7b19fbf-289c-4153-bd3b-74b2deb1a9ce"
    @close-popover-items-2nd.window="open=false"
    @open-item-b7b19fbf-289c-4153-bd3b-74b2deb1a9ce.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/reposteria/moldes-con-figuras-y-formas" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-545f0bec-4441-4275-bdcc-d8b624f25cfe text-[color:var(--text-color)] font-normal">
            <p>Moldes creativos</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-545f0bec-4441-4275-bdcc-d8b624f25cfe {
            --label-color: ;
            --label-bg: ;
        }
        .text-545f0bec-4441-4275-bdcc-d8b624f25cfe {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-b7b19fbf-289c-4153-bd3b-74b2deb1a9ce {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-ae81e16d-596c-4e2a-bafa-4f963c45bf23" data-uid="ae81e16d-596c-4e2a-bafa-4f963c45bf23"
    @close-popover-items-2nd.window="open=false"
    @open-item-ae81e16d-596c-4e2a-bafa-4f963c45bf23.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/reposteria/moldes-individuales" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-e1aa9981-35b7-4e02-96ac-d3b406c800df text-[color:var(--text-color)] font-normal">
            <p>Moldes individuales</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-e1aa9981-35b7-4e02-96ac-d3b406c800df {
            --label-color: ;
            --label-bg: ;
        }
        .text-e1aa9981-35b7-4e02-96ac-d3b406c800df {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-ae81e16d-596c-4e2a-bafa-4f963c45bf23 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-16688427-278a-4788-ab9f-67965257db05" data-uid="16688427-278a-4788-ab9f-67965257db05"
    @close-popover-items-2nd.window="open=false"
    @open-item-16688427-278a-4788-ab9f-67965257db05.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/reposteria/moldes-para-cupcakes-madalenas-y-muffins" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-3d8a82b5-af04-4a47-8ffc-f56c43964bfe text-[color:var(--text-color)] font-normal">
            <p>Moldes para madalenas</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-3d8a82b5-af04-4a47-8ffc-f56c43964bfe {
            --label-color: ;
            --label-bg: ;
        }
        .text-3d8a82b5-af04-4a47-8ffc-f56c43964bfe {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-16688427-278a-4788-ab9f-67965257db05 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-a2971548-61be-4d58-bb2f-8b6a1b160367" data-uid="a2971548-61be-4d58-bb2f-8b6a1b160367"
    @close-popover-items-2nd.window="open=false"
    @open-item-a2971548-61be-4d58-bb2f-8b6a1b160367.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/reposteria/moldes-de-galletas" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-c261768d-fc7b-479c-b453-d261680250df text-[color:var(--text-color)] font-normal">
            <p>Cortadores de galletas</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-c261768d-fc7b-479c-b453-d261680250df {
            --label-color: ;
            --label-bg: ;
        }
        .text-c261768d-fc7b-479c-b453-d261680250df {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-a2971548-61be-4d58-bb2f-8b6a1b160367 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-c3c4bcea-87f1-4ef9-9712-2cc38444b306" data-uid="c3c4bcea-87f1-4ef9-9712-2cc38444b306"
    @close-popover-items-2nd.window="open=false"
    @open-item-c3c4bcea-87f1-4ef9-9712-2cc38444b306.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/reposteria/moldes-para-pan" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-039ba690-e3ac-4759-80ba-6fc50cee4a1d text-[color:var(--text-color)] font-normal">
            <p>Moldes para pan</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-039ba690-e3ac-4759-80ba-6fc50cee4a1d {
            --label-color: ;
            --label-bg: ;
        }
        .text-039ba690-e3ac-4759-80ba-6fc50cee4a1d {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-c3c4bcea-87f1-4ef9-9712-2cc38444b306 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-cf36edba-edf3-430c-8377-1af3f227d2d0" data-uid="cf36edba-edf3-430c-8377-1af3f227d2d0"
    @close-popover-items-2nd.window="open=false"
    @open-item-cf36edba-edf3-430c-8377-1af3f227d2d0.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/reposteria/decoracion-de-tartas-y-pasteles" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-99c51a4b-58e8-47cf-98e9-2f1577940c8a text-[color:var(--text-color)] font-normal">
            <p>Decoración de pasteles</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-99c51a4b-58e8-47cf-98e9-2f1577940c8a {
            --label-color: ;
            --label-bg: ;
        }
        .text-99c51a4b-58e8-47cf-98e9-2f1577940c8a {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-cf36edba-edf3-430c-8377-1af3f227d2d0 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-7bee7002-2880-4856-a7e4-578a64cdd31e" data-uid="7bee7002-2880-4856-a7e4-578a64cdd31e"
    @close-popover-items-2nd.window="open=false"
    @open-item-7bee7002-2880-4856-a7e4-578a64cdd31e.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/reposteria/utensilios-de-reposteria" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-55513cbc-6c29-4b88-9789-d9c8680ea688 text-[color:var(--text-color)] font-normal">
            <p>Utensilios de repostería</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-55513cbc-6c29-4b88-9789-d9c8680ea688 {
            --label-color: ;
            --label-bg: ;
        }
        .text-55513cbc-6c29-4b88-9789-d9c8680ea688 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-7bee7002-2880-4856-a7e4-578a64cdd31e {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-7198b875-ceba-4f5b-8ada-28546eadfbd3" data-uid="7198b875-ceba-4f5b-8ada-28546eadfbd3"
    @close-popover-items-2nd.window="open=false"
    @open-item-7198b875-ceba-4f5b-8ada-28546eadfbd3.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/reposteria/tapetes" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-300d41fc-96fb-4aec-b583-c4bcc93b7b5a text-[color:var(--text-color)] font-normal">
            <p>Tapetes de cocción</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-300d41fc-96fb-4aec-b583-c4bcc93b7b5a {
            --label-color: ;
            --label-bg: ;
        }
        .text-300d41fc-96fb-4aec-b583-c4bcc93b7b5a {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-7198b875-ceba-4f5b-8ada-28546eadfbd3 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>
                        </ul>
                    
                                            <div class="hidden absolute inset-0 transition transform origin-right lg:block lg:left-[calc(100%-var(--megamenu__banner-width-1st))]">
                            
<div class="o-grid container   4bf6fca1-9781-498d-b750-b2189078a7ca     43755e82-780c-424e-8c93-feaba4ef9f4a     c6a62210-2366-46b3-9f3b-d3c095897037      9c031b70-c87d-4f87-b687-b9abd10df717     48a9f834-7e8e-4be6-89bc-41c393963e7c     fec6c2e8-7e5e-461c-83de-f12a05cbbdea     grid" style="--o-grid-template-columns:1fr; --o-grid-template-columns-tablet:repeat(3, 1fr); --o-grid-template-columns-desktop:repeat(3, 1fr); --o-grid-template-rows:repeat(3, 1fr); --o-grid-template-rows-tablet:1fr; --o-grid-template-rows-desktop:1fr; --o-grid-template-areas:&quot;col-1&quot;
&quot;col-2&quot;
&quot;col-3&quot;; --o-grid-template-areas-tablet:&quot;col-1 col-2 col-3&quot;; --o-grid-template-areas-desktop:&quot;col-1 col-2 col-3&quot;; --o-grid-template-gap:1rem 1rem; --o-grid-template-gap-tablet:1rem 1rem; --o-grid-template-gap-desktop:1rem 1rem;">
            <div class=""
             style="">
            
<div class="o-banner o-banner-edc1d9a6-4c1e-47f3-b6ca-25d4a1499db9 relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]   ab3d0e3f-33c7-4262-b65a-7d3f7637bc03     e8730f56-1fbe-4875-938d-e403772af0c4     27c23665-da31-4ea0-bbb1-63f94d0f2c9b      656bd766-6e3e-4630-a280-d6fee9cd0ce9     250b2cde-9005-4fea-be26-0cbeed501515     f801af8f-338a-429c-99de-a7466c67bed5      overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/b3dcdfae25/molde_para_pasteles2.jpg" type="image/webp" media="(min-width: 768px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/b3dcdfae25/molde_para_pasteles2.jpg" type="image/jpeg" media="(min-width: 768px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/b3dcdfae25/molde_para_pasteles2.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/b3dcdfae25/molde_para_pasteles2.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/266x300/b3dcdfae25/molde_para_pasteles2.jpg"
         alt=""
         title=""
        loading="lazy"        width="266"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]   eb1da0b4-7c6f-4597-ad3a-cce3623d76f5     20564617-d3a2-4496-8d95-c7eb3e9e6da1     f9bfd7f7-b582-4535-a713-358f631e98fd      d7e8e21e-ac3b-491d-9df9-a84b20799be8     7307f6f6-d0b2-47ac-98c0-e8eddcca138b     51658997-0e96-43c5-b51f-6eb683a574c5    ">
                
<div class="                           text-center w-full m-heading" >
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-xl md:text-7xl font-bold                            "  style="color: #FFFFFF";>
<p>Moldes para tartas</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/reposteria/moldes-para-tartas-y-pasteles" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-edc1d9a6-4c1e-47f3-b6ca-25d4a1499db9 {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
            <div class=""
             style="">
            
<div class="o-banner o-banner-c5f5e70f-dda5-4a06-8760-d396510be164 relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]   e3a85bee-3d8d-4cb8-97fb-bee15a2e0a6b     e5bec909-67e1-4676-9b06-d98d68d93a38     65831c30-b66e-4cdd-b5aa-eb1b5c9798cf      63d4ebd1-dfa4-4e26-a7ad-cd621848a82c     08d978a6-9fd3-4ee8-a900-056dc845f9a3     80ed3256-5395-4018-91cf-c40cc191a81f      overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/10b1905701/moldes_para_pan2.jpg" type="image/webp" media="(min-width: 768px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/10b1905701/moldes_para_pan2.jpg" type="image/jpeg" media="(min-width: 768px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/10b1905701/moldes_para_pan2.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/10b1905701/moldes_para_pan2.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/266x300/10b1905701/moldes_para_pan2.jpg"
         alt=""
         title=""
        loading="lazy"        width="266"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]   545b14ea-00eb-4eb9-8f2b-d6eca19a4b64     21dc0c92-4ec4-4c60-a8f5-f8411c09e345     6dbb8777-627f-4446-8943-126b4a9a576e      17c99f55-b95f-4dec-acfa-1baf589f6db9     ba0b470c-55d3-4845-8915-5b2e97982297     03e6109b-26b3-49a6-b82a-9dbc8c7e18ae lg:ml-2 lg:mr-2  ">
                
<div class="                           text-center w-full m-heading" >
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-xl md:text-7xl font-bold                            "  style="color: #FFFFFF";>
<p>Moldes para pan</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/reposteria/moldes-para-pan" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-c5f5e70f-dda5-4a06-8760-d396510be164 {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
            <div class=""
             style="">
            
<div class="o-banner o-banner-092b68b4-cd4e-45da-9948-c2121e4aa552 relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]   42d76511-a871-4000-ae61-1af2b5e83252     52b70013-bf67-4264-9250-bc0541c555ef     0d6247d9-e102-428b-9a39-e9c67d3edbf1      c7146c10-7878-4233-98d4-e8b1bbbaaba1     a54fc95a-9952-4c06-919b-670e6943feff     64ff74a2-80f2-4947-887a-4c602248514b      overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/0c30afcac5/desmontables2.jpg" type="image/webp" media="(min-width: 768px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/0c30afcac5/desmontables2.jpg" type="image/jpeg" media="(min-width: 768px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/0c30afcac5/desmontables2.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/0c30afcac5/desmontables2.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/266x300/0c30afcac5/desmontables2.jpg"
         alt=""
         title=""
        loading="lazy"        width="266"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]   336b8557-179b-4904-b1b9-ed9344031d25     57af874b-e4ef-46ff-9fb7-2bc839e38a74     d4b6a257-b162-4d6e-9315-3656fa341fe1      4a21c30d-4458-493f-b75b-e69cb9513442     1e793cb9-1ab9-42cb-aa21-2818eacdfa33     7804b579-f32f-4d87-867d-620ea83bdc92    ">
                
<div class="                           text-center w-full m-heading" >
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-xl md:text-7xl font-bold                            "  style="color: #FFFFFF";>
<p>Moldes desmontables</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/reposteria/moldes-desmontables" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-092b68b4-cd4e-45da-9948-c2121e4aa552 {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
    </div>
                        </div>
                                    </div>
            </div>
        </div>
        <div x-show="open" class="fixed bg-black inset-x-0 bg-opacity-50 pointer-events-none h-full lg:mt-[var(--megamenu__sublist-padding-top-desktop)]" x-cloak></div>
    
    <style>
        .megamenu__sublist-1st-17de01e4-3e3a-4d3e-aef7-e259aa0b0692 {
            --megamenu__sublist-width-size-1st: 50%;
            --megamenu__banner-width-1st: 50%;
        }
    </style>
</li>


<li class="cursor-pointer megamenu__sublist-1st megamenu__sublist-1st-52923ce7-ed8f-47e9-884d-936684825105" data-uid="52923ce7-ed8f-47e9-884d-936684825105"
    @close-popover-items-1st.window="open=false"
    @mouseleave="if(!isMobile()){open=false}"
            x-data="Components.popover({ open: false, focus: false })"
        x-init="init()"
    >
    
<a class="block navigation-header-font lg:navigation-header-l1 lg:hover:navigation-header-l1-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){
        $dispatch('close-popover-items-1st');
        $dispatch('close-popover-items-2nd');
        if($el.querySelector('li') && $el.querySelector('li').querySelector('[x-ref=\'panel\']')){
            $dispatch(`open-item-${$el.querySelector('li').getAttribute('data-uid')}`)
        }
        open=true;
   }"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/utensilios-de-cocina" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
                <span class="o-megamenu__item__link-text text-bad9c34d-a8df-4a0a-8066-eaccdb919211 text-[color:var(--text-color)] font-normal">
            <p>Utensilios de cocina</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-bad9c34d-a8df-4a0a-8066-eaccdb919211 {
            --label-color: ;
            --label-bg: ;
        }
        .text-bad9c34d-a8df-4a0a-8066-eaccdb919211 {
            --text-color: ;
        }
    </style>
</a>
            <div x-show="open"
             x-transition:enter="duration-200 ease-out"
             x-transition:enter-start="opacity-0 lg:scale-95"
             x-transition:enter-end="opacity-100 lg:scale-100"
             x-transition:leave="duration-100 ease-in"
             x-transition:leave-start="opacity-100 lg:scale-100"
             x-transition:leave-end="opacity-0 lg:scale-95"
             :class="{'flex flex-col': open}"
             class="absolute inset-0 transition transform origin-right z-10 lg:inset-y-auto lg:origin-top lg:pt-[var(--megamenu__sublist-padding-top-desktop)]"
             x-ref="panel" x-cloak>
            <a class="flex flex-row flex-no-wrap items-center space-x-4 navigation-header-title lg:hidden"
               @touchend.prevent="open=false"
               aria-expanded="false"
               :aria-expanded="open.toString()">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.85 12a.9.9 0 01.9-.9h16.5a.9.9 0 110 1.8H3.75a.9.9 0 01-.9-.9z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.136 4.614a.9.9 0 010 1.272L5.023 12l6.114 6.114a.9.9 0 11-1.273 1.272l-6.75-6.75a.9.9 0 010-1.272l6.75-6.75a.9.9 0 011.272 0z" fill="currentColor"/></svg>
                <span>Volver</span>
            </a>
            <div class="overflow-y-auto bg-navigation-l3-background h-full lg:bg-navigation-l2-background lg:h-[var(--megamenu__sublist-height)]"  x-data="Components.popoverGroup()" x-init="init()">
                <div class="lg:relative lg:h-[var(--megamenu__sublist-height)] lg:container lg:mx-auto">
                                            <ul class="lg:grid lg:w-[var(--megamenu__sublist-width-size-1st)] lg:grid-cols-2   75f96e54-1270-49e5-9833-58fa537e86fc     d2d03513-a4e4-42b1-ba56-553f1414f90f    lg:pt-6 7399c166-4eb9-453c-af0a-f28967382a57   lg:pb-6">
                            
<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-e05f252f-1b32-4e91-b8eb-f050258aeb19" data-uid="e05f252f-1b32-4e91-b8eb-f050258aeb19"
    @close-popover-items-2nd.window="open=false"
    @open-item-e05f252f-1b32-4e91-b8eb-f050258aeb19.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/utensilios-de-cocina/espatulas-cucharas-y-pinceles" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-0a8c9331-89a0-42dc-8ec9-10a6ec1ea086 text-[color:var(--text-color)] font-normal">
            <p>Espátulas, cucharas y pinceles</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-0a8c9331-89a0-42dc-8ec9-10a6ec1ea086 {
            --label-color: ;
            --label-bg: ;
        }
        .text-0a8c9331-89a0-42dc-8ec9-10a6ec1ea086 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-e05f252f-1b32-4e91-b8eb-f050258aeb19 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-96639770-64dd-42f4-8f53-f5df44f56f51" data-uid="96639770-64dd-42f4-8f53-f5df44f56f51"
    @close-popover-items-2nd.window="open=false"
    @open-item-96639770-64dd-42f4-8f53-f5df44f56f51.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/utensilios-de-cocina/utensilios" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-799f2b69-dd35-4291-9fe5-753a844766d4 text-[color:var(--text-color)] font-normal">
            <p>Utensilios y gadgets</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-799f2b69-dd35-4291-9fe5-753a844766d4 {
            --label-color: ;
            --label-bg: ;
        }
        .text-799f2b69-dd35-4291-9fe5-753a844766d4 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-96639770-64dd-42f4-8f53-f5df44f56f51 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-3d2f0fdc-0aca-408c-93c0-07e8611c221e" data-uid="3d2f0fdc-0aca-408c-93c0-07e8611c221e"
    @close-popover-items-2nd.window="open=false"
    @open-item-3d2f0fdc-0aca-408c-93c0-07e8611c221e.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/utensilios-de-cocina/tapetes-utensilios-de-cocina" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-b69ca6c9-69ac-4785-b87f-701030523efd text-[color:var(--text-color)] font-normal">
            <p>Tapetes de silicona</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-b69ca6c9-69ac-4785-b87f-701030523efd {
            --label-color: ;
            --label-bg: ;
        }
        .text-b69ca6c9-69ac-4785-b87f-701030523efd {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-3d2f0fdc-0aca-408c-93c0-07e8611c221e {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-dc8c8429-6298-4a4e-8e17-77505bb6151e" data-uid="dc8c8429-6298-4a4e-8e17-77505bb6151e"
    @close-popover-items-2nd.window="open=false"
    @open-item-dc8c8429-6298-4a4e-8e17-77505bb6151e.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/utensilios-de-cocina/tapas" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-b56f33e1-7164-4940-b8e4-ec21cd482268 text-[color:var(--text-color)] font-normal">
            <p>Tapas para cocinar</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-b56f33e1-7164-4940-b8e4-ec21cd482268 {
            --label-color: ;
            --label-bg: ;
        }
        .text-b56f33e1-7164-4940-b8e4-ec21cd482268 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-dc8c8429-6298-4a4e-8e17-77505bb6151e {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-9c168376-8191-4816-9a94-3131ce6347d4" data-uid="9c168376-8191-4816-9a94-3131ce6347d4"
    @close-popover-items-2nd.window="open=false"
    @open-item-9c168376-8191-4816-9a94-3131ce6347d4.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/utensilios-de-cocina/ralladores" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-ea98bb72-20df-4b22-aa8f-2bf0332f5973 text-[color:var(--text-color)] font-normal">
            <p>Ralladores y Peladores</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-ea98bb72-20df-4b22-aa8f-2bf0332f5973 {
            --label-color: ;
            --label-bg: ;
        }
        .text-ea98bb72-20df-4b22-aa8f-2bf0332f5973 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-9c168376-8191-4816-9a94-3131ce6347d4 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-965c33ae-e0d7-4a16-9fba-817394e4ab10" data-uid="965c33ae-e0d7-4a16-9fba-817394e4ab10"
    @close-popover-items-2nd.window="open=false"
    @open-item-965c33ae-e0d7-4a16-9fba-817394e4ab10.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/utensilios-de-cocina/moldes-para-helados" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-b9a91f88-0e9a-4f2c-8a0f-9b10d84cda4a text-[color:var(--text-color)] font-normal">
            <p>Moldes para helados</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-b9a91f88-0e9a-4f2c-8a0f-9b10d84cda4a {
            --label-color: ;
            --label-bg: ;
        }
        .text-b9a91f88-0e9a-4f2c-8a0f-9b10d84cda4a {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-965c33ae-e0d7-4a16-9fba-817394e4ab10 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-681ed9e4-d9e6-4628-b46a-80f2912f3ae5" data-uid="681ed9e4-d9e6-4628-b46a-80f2912f3ae5"
    @close-popover-items-2nd.window="open=false"
    @open-item-681ed9e4-d9e6-4628-b46a-80f2912f3ae5.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/utensilios-de-cocina/cubiteras-y-cocteleria" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-54902dbd-f9b0-4126-b1b4-a019f47bcc78 text-[color:var(--text-color)] font-normal">
            <p>Cubiteras y Coctelería</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-54902dbd-f9b0-4126-b1b4-a019f47bcc78 {
            --label-color: ;
            --label-bg: ;
        }
        .text-54902dbd-f9b0-4126-b1b4-a019f47bcc78 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-681ed9e4-d9e6-4628-b46a-80f2912f3ae5 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>
                        </ul>
                    
                                            <div class="hidden absolute inset-0 transition transform origin-right lg:block lg:left-[calc(100%-var(--megamenu__banner-width-1st))]">
                            
<div class="o-grid container   4bf6fca1-9781-498d-b750-b2189078a7ca     43755e82-780c-424e-8c93-feaba4ef9f4a     c6a62210-2366-46b3-9f3b-d3c095897037      9c031b70-c87d-4f87-b687-b9abd10df717     48a9f834-7e8e-4be6-89bc-41c393963e7c     fec6c2e8-7e5e-461c-83de-f12a05cbbdea     grid" style="--o-grid-template-columns:1fr; --o-grid-template-columns-tablet:repeat(3, 1fr); --o-grid-template-columns-desktop:repeat(3, 1fr); --o-grid-template-rows:repeat(3, 1fr); --o-grid-template-rows-tablet:1fr; --o-grid-template-rows-desktop:1fr; --o-grid-template-areas:&quot;col-1&quot;
&quot;col-2&quot;
&quot;col-3&quot;; --o-grid-template-areas-tablet:&quot;col-1 col-2 col-3&quot;; --o-grid-template-areas-desktop:&quot;col-1 col-2 col-3&quot;; --o-grid-template-gap:1rem 1rem; --o-grid-template-gap-tablet:1rem 1rem; --o-grid-template-gap-desktop:1rem 1rem;">
            <div class=""
             style="">
            
<div class="o-banner o-banner-ed127590-f5e6-4f16-9017-7c4d2840ab57 relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]   ab3d0e3f-33c7-4262-b65a-7d3f7637bc03     e8730f56-1fbe-4875-938d-e403772af0c4     27c23665-da31-4ea0-bbb1-63f94d0f2c9b      656bd766-6e3e-4630-a280-d6fee9cd0ce9     250b2cde-9005-4fea-be26-0cbeed501515     f801af8f-338a-429c-99de-a7466c67bed5      overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/499d3e4132/espatulas.jpg" type="image/webp" media="(min-width: 784px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/499d3e4132/espatulas.jpg" type="image/jpeg" media="(min-width: 784px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/499d3e4132/espatulas.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/499d3e4132/espatulas.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/266x300/499d3e4132/espatulas.jpg"
         alt=""
         title=""
        loading="lazy"        width="266"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]   eb1da0b4-7c6f-4597-ad3a-cce3623d76f5     20564617-d3a2-4496-8d95-c7eb3e9e6da1     f9bfd7f7-b582-4535-a713-358f631e98fd      d7e8e21e-ac3b-491d-9df9-a84b20799be8     7307f6f6-d0b2-47ac-98c0-e8eddcca138b     51658997-0e96-43c5-b51f-6eb683a574c5    ">
                
<div class="                           text-center w-full m-heading" >
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-xl md:text-7xl font-bold                            "  style="color: #FFFFFF";>
<p>Espátulas</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/utensilios-de-cocina/espatulas-cucharas-y-pinceles" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-ed127590-f5e6-4f16-9017-7c4d2840ab57 {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
            <div class=""
             style="">
            
<div class="o-banner o-banner-d9fb2bb0-4953-411e-8515-1f595b3fb2bc relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]   e3a85bee-3d8d-4cb8-97fb-bee15a2e0a6b     e5bec909-67e1-4676-9b06-d98d68d93a38     65831c30-b66e-4cdd-b5aa-eb1b5c9798cf      63d4ebd1-dfa4-4e26-a7ad-cd621848a82c     08d978a6-9fd3-4ee8-a900-056dc845f9a3     80ed3256-5395-4018-91cf-c40cc191a81f      overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/48d22cce13/veggie-lovers.jpg" type="image/webp" media="(min-width: 768px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/48d22cce13/veggie-lovers.jpg" type="image/jpeg" media="(min-width: 768px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/48d22cce13/veggie-lovers.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/48d22cce13/veggie-lovers.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/266x300/48d22cce13/veggie-lovers.jpg"
         alt=""
         title=""
        loading="lazy"        width="266"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]   545b14ea-00eb-4eb9-8f2b-d6eca19a4b64     21dc0c92-4ec4-4c60-a8f5-f8411c09e345     6dbb8777-627f-4446-8943-126b4a9a576e      17c99f55-b95f-4dec-acfa-1baf589f6db9     ba0b470c-55d3-4845-8915-5b2e97982297     03e6109b-26b3-49a6-b82a-9dbc8c7e18ae lg:ml-2 lg:mr-2  ">
                
<div class="                           text-center w-full m-heading" >
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-xl md:text-7xl font-bold                            "  style="color: #FFFFFF";>
<p>Veggie Lovers</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/utensilios-de-cocina/utensilios" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-d9fb2bb0-4953-411e-8515-1f595b3fb2bc {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
            <div class=""
             style="">
            
<div class="o-banner o-banner-28778f90-b6ef-4977-9a82-a7f139ea2d7a relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]   42d76511-a871-4000-ae61-1af2b5e83252     52b70013-bf67-4264-9250-bc0541c555ef     0d6247d9-e102-428b-9a39-e9c67d3edbf1      c7146c10-7878-4233-98d4-e8b1bbbaaba1     a54fc95a-9952-4c06-919b-670e6943feff     64ff74a2-80f2-4947-887a-4c602248514b      overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/fe053cdda0/sausages.jpg" type="image/webp" media="(min-width: 768px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/fe053cdda0/sausages.jpg" type="image/jpeg" media="(min-width: 768px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/fe053cdda0/sausages.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/fe053cdda0/sausages.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/266x300/fe053cdda0/sausages.jpg"
         alt=""
         title=""
        loading="lazy"        width="266"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]   336b8557-179b-4904-b1b9-ed9344031d25     57af874b-e4ef-46ff-9fb7-2bc839e38a74     d4b6a257-b162-4d6e-9315-3656fa341fe1      4a21c30d-4458-493f-b75b-e69cb9513442     1e793cb9-1ab9-42cb-aa21-2818eacdfa33     7804b579-f32f-4d87-867d-620ea83bdc92 lg:ml-2 lg:mr-2  ">
                
<div class="                           text-center w-full m-heading" >
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-xl md:text-7xl font-bold                            "  style="color: #FFFFFF";>
<p>Veggie Sausages</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/veggie-sausages/" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-28778f90-b6ef-4977-9a82-a7f139ea2d7a {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
    </div>
                        </div>
                                    </div>
            </div>
        </div>
        <div x-show="open" class="fixed bg-black inset-x-0 bg-opacity-50 pointer-events-none h-full lg:mt-[var(--megamenu__sublist-padding-top-desktop)]" x-cloak></div>
    
    <style>
        .megamenu__sublist-1st-52923ce7-ed8f-47e9-884d-936684825105 {
            --megamenu__sublist-width-size-1st: 50%;
            --megamenu__banner-width-1st: 50%;
        }
    </style>
</li>


<li class="cursor-pointer megamenu__sublist-1st megamenu__sublist-1st-c958e3eb-8708-4a6d-b2df-2680263e6f3d" data-uid="c958e3eb-8708-4a6d-b2df-2680263e6f3d"
    @close-popover-items-1st.window="open=false"
    @mouseleave="if(!isMobile()){open=false}"
            x-data="Components.popover({ open: false, focus: false })"
        x-init="init()"
    >
    
<a class="block navigation-header-font lg:navigation-header-l1 lg:hover:navigation-header-l1-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){
        $dispatch('close-popover-items-1st');
        $dispatch('close-popover-items-2nd');
        if($el.querySelector('li') && $el.querySelector('li').querySelector('[x-ref=\'panel\']')){
            $dispatch(`open-item-${$el.querySelector('li').getAttribute('data-uid')}`)
        }
        open=true;
   }"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/conservacion" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
                <span class="o-megamenu__item__link-text text-ccb75c00-732a-43d8-8b5f-4382a4e1599c text-[color:var(--text-color)] font-normal">
            <p>Conservación</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-ccb75c00-732a-43d8-8b5f-4382a4e1599c {
            --label-color: ;
            --label-bg: ;
        }
        .text-ccb75c00-732a-43d8-8b5f-4382a4e1599c {
            --text-color: ;
        }
    </style>
</a>
            <div x-show="open"
             x-transition:enter="duration-200 ease-out"
             x-transition:enter-start="opacity-0 lg:scale-95"
             x-transition:enter-end="opacity-100 lg:scale-100"
             x-transition:leave="duration-100 ease-in"
             x-transition:leave-start="opacity-100 lg:scale-100"
             x-transition:leave-end="opacity-0 lg:scale-95"
             :class="{'flex flex-col': open}"
             class="absolute inset-0 transition transform origin-right z-10 lg:inset-y-auto lg:origin-top lg:pt-[var(--megamenu__sublist-padding-top-desktop)]"
             x-ref="panel" x-cloak>
            <a class="flex flex-row flex-no-wrap items-center space-x-4 navigation-header-title lg:hidden"
               @touchend.prevent="open=false"
               aria-expanded="false"
               :aria-expanded="open.toString()">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.85 12a.9.9 0 01.9-.9h16.5a.9.9 0 110 1.8H3.75a.9.9 0 01-.9-.9z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.136 4.614a.9.9 0 010 1.272L5.023 12l6.114 6.114a.9.9 0 11-1.273 1.272l-6.75-6.75a.9.9 0 010-1.272l6.75-6.75a.9.9 0 011.272 0z" fill="currentColor"/></svg>
                <span>Volver</span>
            </a>
            <div class="overflow-y-auto bg-navigation-l3-background h-full lg:bg-navigation-l2-background lg:h-[var(--megamenu__sublist-height)]"  x-data="Components.popoverGroup()" x-init="init()">
                <div class="lg:relative lg:h-[var(--megamenu__sublist-height)] lg:container lg:mx-auto">
                                            <ul class="lg:grid lg:w-[var(--megamenu__sublist-width-size-1st)] lg:grid-cols-1   40808e11-e9dd-4c92-b528-6b23864ca043     cbfb8eaf-12e0-42d2-ad19-432f4aaf5e66    lg:pt-6 d08c786c-3be9-4d28-9738-757e310887fa   lg:pb-6">
                            
<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-753212dd-8ea8-4531-a953-89a5b8896aa6" data-uid="753212dd-8ea8-4531-a953-89a5b8896aa6"
    @close-popover-items-2nd.window="open=false"
    @open-item-753212dd-8ea8-4531-a953-89a5b8896aa6.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/conservacion/recipientes-reutilizables" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-7c16ee13-7eac-4b5e-bf40-35b46ba0f654 text-[color:var(--text-color)] font-normal">
            <p>Recipientes reutilizables</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-7c16ee13-7eac-4b5e-bf40-35b46ba0f654 {
            --label-color: ;
            --label-bg: ;
        }
        .text-7c16ee13-7eac-4b5e-bf40-35b46ba0f654 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-753212dd-8ea8-4531-a953-89a5b8896aa6 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-1a32eb76-90d7-43a7-90c1-b33202473f26" data-uid="1a32eb76-90d7-43a7-90c1-b33202473f26"
    @close-popover-items-2nd.window="open=false"
    @open-item-1a32eb76-90d7-43a7-90c1-b33202473f26.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/conservacion/tapas-reutilizables" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-a0e7bd24-804e-4e6b-b677-a328caeaa691 text-[color:var(--text-color)] font-normal">
            <p>Tapas reutilizables</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-a0e7bd24-804e-4e6b-b677-a328caeaa691 {
            --label-color: ;
            --label-bg: ;
        }
        .text-a0e7bd24-804e-4e6b-b677-a328caeaa691 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-1a32eb76-90d7-43a7-90c1-b33202473f26 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>
                        </ul>
                    
                                            <div class="hidden absolute inset-0 transition transform origin-right lg:block lg:left-[calc(100%-var(--megamenu__banner-width-1st))]">
                            
<div class="o-grid w-full                            grid" style="--o-grid-template-columns:1fr; --o-grid-template-columns-tablet:repeat(2, 1fr); --o-grid-template-columns-desktop:repeat(2, 1fr); --o-grid-template-rows:repeat(2, 1fr); --o-grid-template-rows-tablet:1fr; --o-grid-template-rows-desktop:1fr;    --o-grid-template-gap:1rem 1rem; --o-grid-template-gap-tablet:1rem 1rem; --o-grid-template-gap-desktop:1rem 1rem;">
            <div class=""
             style="">
            
<div class="o-banner o-banner-75e1f1af-4543-45fb-a0d8-c26b5c368353 relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]                             overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/400x300/ba6780afaa/boxes_400x300.jpg" type="image/webp" media="(min-width: 768px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/400x300/ba6780afaa/boxes_400x300.jpg" type="image/jpeg" media="(min-width: 768px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/400x300/ba6780afaa/boxes_400x300.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/400x300/ba6780afaa/boxes_400x300.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/400x300/ba6780afaa/boxes_400x300.jpg"
         alt=""
         title=""
        loading="lazy"        width="400"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]                        lg:ml-2 lg:mr-2  ">
                
<div class="                           left w-full m-heading" style="color:#FFFFFF;">
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-md md:text-7xl font-bold                            "  >
<p>Recipientes reutilizables</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/conservacion/recipientes-reutilizables" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-75e1f1af-4543-45fb-a0d8-c26b5c368353 {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
            <div class=""
             style="">
            
<div class="o-banner o-banner-a0e443db-2c31-4e62-a0d0-f72d0ff9395e relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]   c1172eb9-86f5-49b6-8870-554be593352d     320a0a85-571f-46c0-8d3c-b31d92457a01     9674f424-ad63-48d8-b047-3ac814595eab      6056465e-fba4-425b-aa3b-ef04cbf56363     f390e341-6e90-4206-a1f8-2083f709a0a1     4b93782f-fa5d-442d-a194-c56f172007ef      overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/400x300/415011ee1f/tapas_400x300.jpg" type="image/webp" media="(min-width: 768px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/400x300/415011ee1f/tapas_400x300.jpg" type="image/jpeg" media="(min-width: 768px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/400x300/415011ee1f/tapas_400x300.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/400x300/415011ee1f/tapas_400x300.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/400x300/415011ee1f/tapas_400x300.jpg"
         alt=""
         title=""
        loading="lazy"        width="400"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex text-center justify-center items-center absolute inset-0 z-10    md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]   94cfe8d3-fe0c-4be8-aede-5d16babdf62a     d04793c3-3290-47e4-af9e-0bb8118f0bc2     09d3f208-3a2b-4e1c-882e-657db85c747e      01635026-2762-4e47-b32e-0fe2a1ec0414     5fba0272-a522-4084-af88-1bdfd105388a     988967b9-f2d2-4434-a18f-18d823684d2d lg:ml-2 lg:mr-2  ">
                
<div class="                           left w-full m-heading" style="color:#FFFFFF;">
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-md md:text-7xl font-bold                         lg:ml-1.5 lg:mr-1.5  "  >
<p>Tapas reutilizables</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/conservacion/tapas-reutilizables" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-a0e443db-2c31-4e62-a0d0-f72d0ff9395e {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
    </div>
                        </div>
                                    </div>
            </div>
        </div>
        <div x-show="open" class="fixed bg-black inset-x-0 bg-opacity-50 pointer-events-none h-full lg:mt-[var(--megamenu__sublist-padding-top-desktop)]" x-cloak></div>
    
    <style>
        .megamenu__sublist-1st-c958e3eb-8708-4a6d-b2df-2680263e6f3d {
            --megamenu__sublist-width-size-1st: 50%;
            --megamenu__banner-width-1st: 50%;
        }
    </style>
</li>


<li class="cursor-pointer megamenu__sublist-1st megamenu__sublist-1st-b6d6ce05-5eb0-4af2-ba5b-dced2b90ae87" data-uid="b6d6ce05-5eb0-4af2-ba5b-dced2b90ae87"
    @close-popover-items-1st.window="open=false"
    @mouseleave="if(!isMobile()){open=false}"
            x-data="Components.popover({ open: false, focus: false })"
        x-init="init()"
    >
    
<a class="block navigation-header-font lg:navigation-header-l1 lg:hover:navigation-header-l1-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){
        $dispatch('close-popover-items-1st');
        $dispatch('close-popover-items-2nd');
        if($el.querySelector('li') && $el.querySelector('li').querySelector('[x-ref=\'panel\']')){
            $dispatch(`open-item-${$el.querySelector('li').getAttribute('data-uid')}`)
        }
        open=true;
   }"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/para-llevar" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
                <span class="o-megamenu__item__link-text text-d2dc80d8-e4b7-4d11-8217-259e14e84a1c text-[color:var(--text-color)] font-normal">
            <p>Para llevar</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-d2dc80d8-e4b7-4d11-8217-259e14e84a1c {
            --label-color: ;
            --label-bg: ;
        }
        .text-d2dc80d8-e4b7-4d11-8217-259e14e84a1c {
            --text-color: ;
        }
    </style>
</a>
            <div x-show="open"
             x-transition:enter="duration-200 ease-out"
             x-transition:enter-start="opacity-0 lg:scale-95"
             x-transition:enter-end="opacity-100 lg:scale-100"
             x-transition:leave="duration-100 ease-in"
             x-transition:leave-start="opacity-100 lg:scale-100"
             x-transition:leave-end="opacity-0 lg:scale-95"
             :class="{'flex flex-col': open}"
             class="absolute inset-0 transition transform origin-right z-10 lg:inset-y-auto lg:origin-top lg:pt-[var(--megamenu__sublist-padding-top-desktop)]"
             x-ref="panel" x-cloak>
            <a class="flex flex-row flex-no-wrap items-center space-x-4 navigation-header-title lg:hidden"
               @touchend.prevent="open=false"
               aria-expanded="false"
               :aria-expanded="open.toString()">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.85 12a.9.9 0 01.9-.9h16.5a.9.9 0 110 1.8H3.75a.9.9 0 01-.9-.9z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.136 4.614a.9.9 0 010 1.272L5.023 12l6.114 6.114a.9.9 0 11-1.273 1.272l-6.75-6.75a.9.9 0 010-1.272l6.75-6.75a.9.9 0 011.272 0z" fill="currentColor"/></svg>
                <span>Volver</span>
            </a>
            <div class="overflow-y-auto bg-navigation-l3-background h-full lg:bg-navigation-l2-background lg:h-[var(--megamenu__sublist-height)]"  x-data="Components.popoverGroup()" x-init="init()">
                <div class="lg:relative lg:h-[var(--megamenu__sublist-height)] lg:container lg:mx-auto">
                                            <ul class="lg:grid lg:w-[var(--megamenu__sublist-width-size-1st)] lg:grid-cols-1   4c0149cd-e275-48e4-a061-66414fc1b9d2     65dbd52d-5bcb-4db0-b48a-6d053ed6ccd1    lg:pt-6 ff697f0c-22c6-4013-84ec-aa855bce6bea   lg:pb-6">
                            
<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-0e693a12-d762-4d94-b3d8-045f15a7be12" data-uid="0e693a12-d762-4d94-b3d8-045f15a7be12"
    @close-popover-items-2nd.window="open=false"
    @open-item-0e693a12-d762-4d94-b3d8-045f15a7be12.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/para-llevar/recipientes-para-llevar-comida" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-61083e03-8c2d-4bd8-8405-feba24bf58c5 text-[color:var(--text-color)] font-normal">
            <p>Recipientes para llevar comida</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-61083e03-8c2d-4bd8-8405-feba24bf58c5 {
            --label-color: ;
            --label-bg: ;
        }
        .text-61083e03-8c2d-4bd8-8405-feba24bf58c5 {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-0e693a12-d762-4d94-b3d8-045f15a7be12 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-2aafe4f0-7b3a-435b-be8a-6a7092cfa884" data-uid="2aafe4f0-7b3a-435b-be8a-6a7092cfa884"
    @close-popover-items-2nd.window="open=false"
    @open-item-2aafe4f0-7b3a-435b-be8a-6a7092cfa884.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/para-llevar/botellas-y-tazas-reutilizables" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-ea5ff1ba-7611-4449-ab04-abf359ad394e text-[color:var(--text-color)] font-normal">
            <p>Botellas y tazas reutilizables</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-ea5ff1ba-7611-4449-ab04-abf359ad394e {
            --label-color: ;
            --label-bg: ;
        }
        .text-ea5ff1ba-7611-4449-ab04-abf359ad394e {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-2aafe4f0-7b3a-435b-be8a-6a7092cfa884 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>

<li class="cursor-pointer megamenu__sublist-2nd megamenu__sublist-2nd-360b6e30-6bf9-4018-b584-09030b69be34" data-uid="360b6e30-6bf9-4018-b584-09030b69be34"
    @close-popover-items-2nd.window="open=false"
    @open-item-360b6e30-6bf9-4018-b584-09030b69be34.window="open=true"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l2 lg:hover:navigation-header-l2-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){$dispatch('close-popover-items-2nd');open=true}"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/para-llevar/accesorios" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
        <span class="o-megamenu__item__link-text text-fbb7476c-72ca-4d39-8d68-01ee0f2dcaac text-[color:var(--text-color)] font-normal">
            <p>Accesorios</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-fbb7476c-72ca-4d39-8d68-01ee0f2dcaac {
            --label-color: ;
            --label-bg: ;
        }
        .text-fbb7476c-72ca-4d39-8d68-01ee0f2dcaac {
            --text-color: ;
        }
    </style>
</a>
        <style>
        .megamenu__sublist-2nd-360b6e30-6bf9-4018-b584-09030b69be34 {
            --megamenu__banner-width-2nd: 0%;
        }
    </style>
</li>
                        </ul>
                    
                                            <div class="hidden absolute inset-0 transition transform origin-right lg:block lg:left-[calc(100%-var(--megamenu__banner-width-1st))]">
                            
<div class="o-grid container   4bf6fca1-9781-498d-b750-b2189078a7ca     43755e82-780c-424e-8c93-feaba4ef9f4a     c6a62210-2366-46b3-9f3b-d3c095897037      9c031b70-c87d-4f87-b687-b9abd10df717     48a9f834-7e8e-4be6-89bc-41c393963e7c     fec6c2e8-7e5e-461c-83de-f12a05cbbdea     grid" style="--o-grid-template-columns:1fr; --o-grid-template-columns-tablet:repeat(3, 1fr); --o-grid-template-columns-desktop:repeat(3, 1fr); --o-grid-template-rows:repeat(3, 1fr); --o-grid-template-rows-tablet:1fr; --o-grid-template-rows-desktop:1fr; --o-grid-template-areas:&quot;col-1&quot;
&quot;col-2&quot;
&quot;col-3&quot;; --o-grid-template-areas-tablet:&quot;col-1 col-2 col-3&quot;; --o-grid-template-areas-desktop:&quot;col-1 col-2 col-3&quot;; --o-grid-template-gap:1rem 1rem; --o-grid-template-gap-tablet:1rem 1rem; --o-grid-template-gap-desktop:1rem 1rem;">
            <div class=""
             style="">
            
<div class="o-banner o-banner-b42dcc6a-b984-498b-8ed4-75317b0e9c56 relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]   ab3d0e3f-33c7-4262-b65a-7d3f7637bc03     e8730f56-1fbe-4875-938d-e403772af0c4     27c23665-da31-4ea0-bbb1-63f94d0f2c9b      656bd766-6e3e-4630-a280-d6fee9cd0ce9     250b2cde-9005-4fea-be26-0cbeed501515     f801af8f-338a-429c-99de-a7466c67bed5      overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/a60cc82796/lunchbox.jpg" type="image/webp" media="(min-width: 772px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/a60cc82796/lunchbox.jpg" type="image/jpeg" media="(min-width: 772px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/b86a408cd9/lunchbox.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/b86a408cd9/lunchbox.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/266x300/b86a408cd9/lunchbox.jpg"
         alt=""
         title=""
        loading="lazy"        width="266"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]   eb1da0b4-7c6f-4597-ad3a-cce3623d76f5     20564617-d3a2-4496-8d95-c7eb3e9e6da1     f9bfd7f7-b582-4535-a713-358f631e98fd      d7e8e21e-ac3b-491d-9df9-a84b20799be8     7307f6f6-d0b2-47ac-98c0-e8eddcca138b     51658997-0e96-43c5-b51f-6eb683a574c5 lg:ml-2 lg:mr-2  ">
                
<div class="                           left w-full m-heading" >
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-xl md:text-7xl font-bold text-center                           "  style="color: #FFFFFF";>
<p>LunchBox To Go</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/lunchbox-to-go/" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-b42dcc6a-b984-498b-8ed4-75317b0e9c56 {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
            <div class=""
             style="">
            
<div class="o-banner o-banner-ae65b112-04de-4694-abac-1f7f9ff197f7 relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]   e3a85bee-3d8d-4cb8-97fb-bee15a2e0a6b     e5bec909-67e1-4676-9b06-d98d68d93a38     65831c30-b66e-4cdd-b5aa-eb1b5c9798cf      63d4ebd1-dfa4-4e26-a7ad-cd621848a82c     08d978a6-9fd3-4ee8-a900-056dc845f9a3     80ed3256-5395-4018-91cf-c40cc191a81f      overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/ae3d91f38f/isotermica.jpg" type="image/webp" media="(min-width: 768px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/ae3d91f38f/isotermica.jpg" type="image/jpeg" media="(min-width: 768px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/ae3d91f38f/isotermica.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/ae3d91f38f/isotermica.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/266x300/ae3d91f38f/isotermica.jpg"
         alt=""
         title=""
        loading="lazy"        width="266"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]   545b14ea-00eb-4eb9-8f2b-d6eca19a4b64     21dc0c92-4ec4-4c60-a8f5-f8411c09e345     6dbb8777-627f-4446-8943-126b4a9a576e      17c99f55-b95f-4dec-acfa-1baf589f6db9     ba0b470c-55d3-4845-8915-5b2e97982297     03e6109b-26b3-49a6-b82a-9dbc8c7e18ae lg:ml-2 lg:mr-2  ">
                
<div class="                           left w-full m-heading" >
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-xl md:text-7xl font-bold                            "  style="color: #FFFFFF";>
<p>Botella Isotérmica</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/botella-isotermica-to-go-500-ml/" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-ae65b112-04de-4694-abac-1f7f9ff197f7 {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
            <div class=""
             style="">
            
<div class="o-banner o-banner-e1be14f8-8d2b-4d7b-906d-f6994dbc256e relative bg-[color:var(--banner-background-color)] h-[var(--banner-height)] lg:h-[var(--banner-height-desktop)]   42d76511-a871-4000-ae61-1af2b5e83252     52b70013-bf67-4264-9250-bc0541c555ef     0d6247d9-e102-428b-9a39-e9c67d3edbf1      c7146c10-7878-4233-98d4-e8b1bbbaaba1     a54fc95a-9952-4c06-919b-670e6943feff     64ff74a2-80f2-4947-887a-4c602248514b      overlay  md:overlay">
    <div class="o-banner__asset  md:relative md:inset-auto md:z-auto">
        
<picture class="a-image__picture">
            <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/ad957d2037/basics.jpg" type="image/webp" media="(min-width: 768px)">
        <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/ad957d2037/basics.jpg" type="image/jpeg" media="(min-width: 768px)">
    
    <source srcset="//img2.storyblok.com/filters:format(webp)/f/120479/266x300/ad957d2037/basics.jpg" type="image/webp">
    <source srcset="//img2.storyblok.com/filters:format(jpeg)/f/120479/266x300/ad957d2037/basics.jpg" type="image/jpeg">

    <img src="https://a.storyblok.com/f/120479/266x300/ad957d2037/basics.jpg"
         alt=""
         title=""
        loading="lazy"        width="266"        height="300"         class="a-image__image object-cover w-full h-full">
</picture>
    </div>

    <div class="o-banner__container flex    absolute inset-0 z-10 md:text-center md:justify-center md:items-center md:absolute md:inset-0 md:z-10">
        <div class="o-banner__content-wrapper">
            <div class="o-banner__content bg-[color:var(--banner-container-background-color)] max-w-[var(--banner-content-max-width)] lg:max-w-[var(--banner-content-max-width-desktop)]   336b8557-179b-4904-b1b9-ed9344031d25     57af874b-e4ef-46ff-9fb7-2bc839e38a74     d4b6a257-b162-4d6e-9315-3656fa341fe1      4a21c30d-4458-493f-b75b-e69cb9513442     1e793cb9-1ab9-42cb-aa21-2818eacdfa33     7804b579-f32f-4d87-867d-620ea83bdc92 lg:ml-2 lg:mr-2  ">
                
<div class="                           left w-full m-heading" >
    
            <div class="                          m-heading__title">
            
<div class="font-primary text-xl md:text-7xl font-bold                            "  style="color: #FFFFFF";>
<p>Accesorios</p></div>
        </div>
    
    
    </div>
                            </div>
        </div>
    </div>
            <a href="https://www.lekue.com/es/para-llevar/accesorios" target="" rel="" class="absolute inset-0 z-10"></a>
    </div>

<style>
    .o-banner-e1be14f8-8d2b-4d7b-906d-f6994dbc256e {
        --banner-height: auto;
        --banner-height-desktop: auto;
        --banner-background-color: ;
        --banner-content-max-width: px;
        --banner-content-max-width-desktop: px;
        --banner-container-background-color: ;
    }
</style>
        </div>
    </div>
                        </div>
                                    </div>
            </div>
        </div>
        <div x-show="open" class="fixed bg-black inset-x-0 bg-opacity-50 pointer-events-none h-full lg:mt-[var(--megamenu__sublist-padding-top-desktop)]" x-cloak></div>
    
    <style>
        .megamenu__sublist-1st-b6d6ce05-5eb0-4af2-ba5b-dced2b90ae87 {
            --megamenu__sublist-width-size-1st: 50%;
            --megamenu__banner-width-1st: 50%;
        }
    </style>
</li>


<li class="cursor-pointer megamenu__sublist-1st megamenu__sublist-1st-38251992-e370-444b-84ad-8acbc76a0da1" data-uid="38251992-e370-444b-84ad-8acbc76a0da1"
    @close-popover-items-1st.window="open=false"
    @mouseleave="if(!isMobile()){open=false}"
            x-data="{open: false}"
    >
    
<a class="block navigation-header-font lg:navigation-header-l1 lg:hover:navigation-header-l1-hover"
   :class="{'active':open || $el.querySelector(`a[href='${window.location.href}']`) ? true : false }"
   @touchend.prevent="if(typeof $refs.panel === 'undefined'){ $event.target.closest('a').getAttribute('href') ? window.location=$event.target.closest('a').getAttribute('href') : ''; } else { open=true }"
   @mouseover="if(!isMobile()){
        $dispatch('close-popover-items-1st');
        $dispatch('close-popover-items-2nd');
        if($el.querySelector('li') && $el.querySelector('li').querySelector('[x-ref=\'panel\']')){
            $dispatch(`open-item-${$el.querySelector('li').getAttribute('data-uid')}`)
        }
        open=true;
   }"
   aria-expanded="false"
   :aria-expanded="open.toString()"
    href="https://www.lekue.com/es/recetas" target="" rel="">
    <div class="flex items-center o-megamenu__item__link__container">
                    <span class="hidden lg:navigation-header-l1-separator lg:inline-block"></span>
                <span class="o-megamenu__item__link-text text-c94f5b0c-4ffc-4eb5-85b9-da7027550f6e text-[color:var(--text-color)] font-bold">
            <p>Recetas</p>        </span>
                <div class="ml-auto lg:hidden o-megamenu__item__link-icon a-icon" x-show="typeof $refs.panel !== 'undefined'">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.364 3.864a.9.9 0 011.272 0l7.5 7.5a.9.9 0 010 1.272l-7.5 7.5a.9.9 0 01-1.272-1.272L15.227 12 8.364 5.136a.9.9 0 010-1.272z" fill="currentColor"/></svg>
        </div>
    </div>
    <style>
        .label-c94f5b0c-4ffc-4eb5-85b9-da7027550f6e {
            --label-color: ;
            --label-bg: ;
        }
        .text-c94f5b0c-4ffc-4eb5-85b9-da7027550f6e {
            --text-color: #68BA00;
        }
    </style>
</a>
    
    <style>
        .megamenu__sublist-1st-38251992-e370-444b-84ad-8acbc76a0da1 {
            --megamenu__sublist-width-size-1st: 20%;
            --megamenu__banner-width-1st: 0%;
        }
    </style>
</li>

    <div class="o-container o-container-57f1bde5-7c34-475b-9139-c5176ef8e99d full-width  md:pt-0.5 md:pl-1 md:pr-1 md:pb-0.5 pt-2 pl-5 pr-1 pb-0.5                   block relative lg:hidden ">
    <div x-data="{ open: false }" class="">
        <div class="title-font text-md text-gray-dark mb-2">
            Lenguaje        </div>
        <div class="relative">
                                            <span @click.prevent="open = !open"
                        @click.away="open = false"
                        @keydown.window.escape="open=false"
                        class="flex flex-row flex-nowrap items-center cursor-pointer"
                        aria-haspopup="true"
                        aria-expanded="true">
                    <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/es.svg" loading="lazy"/></span>
                    <span>ES</span>
                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-4 h-4 ml-2"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.864 8.364a.9.9 0 011.272 0L12 15.227l6.864-6.863a.9.9 0 011.273 1.272l-7.5 7.5a.9.9 0 01-1.273 0l-7.5-7.5a.9.9 0 010-1.272z" fill="currentColor"/></svg>
</span>
                </span>
                                                                                                                                                                                    <nav x-cloak=""
                 x-show="open"
                 class="lg:overflow-auto lg:absolute right-0 top-full z-20 w-56 rounded-sm shadow-lg origin-top-left bg-container-lighter text-black mt-4 sm:w-48">
                <div class="divide-y divide-gray-light" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
                                                                                                                    <a href="https://www.lekue.com/es/stores/store/redirect/___store/ca/___from_store/es/uenc/aHR0cHM6Ly93d3cubGVrdWUuY29tL2NhL2Jsb2cvZmVlZA%2C%2C/"
                               class="flex flex-row items-center text-lg uppercase flex-no-wrap px-4 py-2 hover:bg-gray-light">
                                <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/ca.svg" loading="lazy"/></span>
                                CAT                            </a>
                                                                                                <a href="https://www.lekue.com/es/stores/store/redirect/___store/en/___from_store/es/uenc/aHR0cHM6Ly93d3cubGVrdWUuY29tL2VuL2Jsb2cvZmVlZA%2C%2C/"
                               class="flex flex-row items-center text-lg uppercase flex-no-wrap px-4 py-2 hover:bg-gray-light">
                                <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/en.svg" loading="lazy"/></span>
                                UK                            </a>
                                                                                                <a href="https://www.lekue.com/es/stores/store/redirect/___store/fr/___from_store/es/uenc/aHR0cHM6Ly93d3cubGVrdWUuY29tL2ZyL2Jsb2cvZmVlZA%2C%2C/"
                               class="flex flex-row items-center text-lg uppercase flex-no-wrap px-4 py-2 hover:bg-gray-light">
                                <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/fr.svg" loading="lazy"/></span>
                                FRA                            </a>
                                                                                                <a href="https://www.lekue.com/es/stores/store/redirect/___store/eu/___from_store/es/uenc/aHR0cHM6Ly93d3cubGVrdWUuY29tL2V1L2Jsb2cvZmVlZA%2C%2C/"
                               class="flex flex-row items-center text-lg uppercase flex-no-wrap px-4 py-2 hover:bg-gray-light">
                                <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/eu.svg" loading="lazy"/></span>
                                EU                            </a>
                                                                                                <a href="https://www.lekueusa.com"
                               class="flex flex-row items-center text-lg uppercase flex-no-wrap px-4 py-2 hover:bg-gray-light">
                                <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/us.svg" loading="lazy"/></span>
                                US                            </a>
                                                            </div>
            </nav>
        </div>
    </div>
</div>
    <style>
        .o-container-57f1bde5-7c34-475b-9139-c5176ef8e99d {
            --container-background: ;
        }
    </style>
                                </ul>
                                                    </div>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <style>
        .navigation-cb23e53d-ad94-4be2-b557-b1f6ae4a30fa {
            --megamenu__sublist-height: 350px;
            --megamenu__sublist-padding-top: 39px;
            --megamenu__sublist-padding-top-desktop: 18px;
        }
    </style>
    <script>
        'use strict';
        function isMobile() {
            let elem = document.querySelector('[x-ref="navToggle"]');
            return !!(elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length);
        }

        window.Components = {},
        window.Components.popoverGroup = function () {
            return {
                __type: "popoverGroup", init() {
                    let e = t => {
                        document.body.contains(this.$el) ? t.target instanceof Element && !this.$el.contains(t.target) && window.dispatchEvent(new CustomEvent("close-popover-group", {detail: this.$el})) : window.removeEventListener("focus", e, !0)
                    };
                    window.addEventListener("focus", e, !0)
                }
            }
        },
        window.Components.popover = function ({open: e = !1, focus: t = !1} = {}) {
            const i = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e => `${e}:not([tabindex='-1'])`)).join(",");
            return {
                __type: "popover", open: e, init() {
                    t && this.$watch("open", (e => {
                        e && this.$nextTick((() => {
                            !function (e) {
                                const t = Array.from(e.querySelectorAll(i));
                                !function e(i) {
                                    void 0 !== i && (i.focus({preventScroll: !0}), document.activeElement !== i && e(t[t.indexOf(i) + 1]))
                                }(t[0])
                            }(this.$refs.panel)
                        }))
                    }));
                    let e = i => {
                        if (!document.body.contains(this.$el)) return void window.removeEventListener("focus", e, !0);
                        let n = t ? this.$refs.panel : this.$el;
                        if (this.open && i.target instanceof Element && !n.contains(i.target)) {
                            let e = this.$el;
                            for (; e.parentNode;) if (e = e.parentNode, e.__x instanceof this.constructor) {
                                if ("popoverGroup" === e.__x.$data.__type) return;
                                if ("popover" === e.__x.$data.__type) break
                            }
                            this.open = !1
                        }
                    };
                    window.addEventListener("focus", e, !0)
                }, onEscape() {
                    this.open = !1, this.restoreEl && this.restoreEl.focus()
                }, onClosePopoverGroup(e) {
                    e.detail.contains(this.$el) && (this.open = !1)
                }, toggle(e) {
                    this.open = !this.open, this.open ? this.restoreEl = e.currentTarget : this.restoreEl && this.restoreEl.focus()
                }
            }
        };
    </script>
</div>
</div><div class="z-20 order-2 mr-auto lg:ml-0 lg:order-1 2xl:w-64 2xl:mr-5"><div class="hidden lg:block"><a href="https://www.lekue.com/es/"
   title=""
   aria-label="store logo">
    <img src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/logo.svg"
         title=""
         alt=""
        width="136"        height="54"    />
    </a>
</div><div class="block lg:hidden"><a href="https://www.lekue.com/es/"
   title=""
   aria-label="store logo">
    <img src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/logo-small.svg"
         title=""
         alt=""
        width="68"        height="20"    />
    </a>
</div></div>
<a id="menu-search-icon"
   class="inline-block order-3 no-underline w-5 text-navigation-l1-font hover:text-navigation-l1-font-hover lg:mr-6 lg:order-4 z-20"
   href="#"
   @click.prevent="searchOpen = !searchOpen; $nextTick(function () { $refs.searchInput.select(); });">
    <span class="sr-only label">Buscar</span>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.9 10.875a6.975 6.975 0 1113.95 0 6.975 6.975 0 01-13.95 0zM10.875 2.1a8.775 8.775 0 105.535 15.584l3.953 3.953a.9.9 0 101.273-1.273l-3.953-3.953A8.775 8.775 0 0010.874 2.1z" fill="currentColor"/></svg>
</a>
<div class="hidden lg:inline-block order-4 no-underline text-navigation-l1-font hover:text-navigation-l1-font-hover lg:order-4 z-20">
    <div x-data="{ open: false }" class="">
        <div class="hidden">
            Lenguaje        </div>
        <div class="relative">
                                            <span @click.prevent="open = !open"
                        @click.away="open = false"
                        @keydown.window.escape="open=false"
                        class="flex flex-row flex-nowrap items-center cursor-pointer"
                        aria-haspopup="true"
                        aria-expanded="true">
                    <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/es.svg" loading="lazy"/></span>
                    <span>ES</span>
                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="flex self-center h-6 w-6 ml-2"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.864 8.364a.9.9 0 011.272 0L12 15.227l6.864-6.863a.9.9 0 011.273 1.272l-7.5 7.5a.9.9 0 01-1.273 0l-7.5-7.5a.9.9 0 010-1.272z" fill="currentColor"/></svg>
</span>
                </span>
                                                                                                                                                                                    <nav x-cloak=""
                 x-show="open"
                 class="lg:overflow-auto lg:absolute right-0 top-full z-20 w-56 rounded-sm shadow-lg origin-top-left bg-container-lighter text-black mt-4 sm:w-48">
                <div class="divide-y divide-gray-light" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
                                                                                                                    <a href="https://www.lekue.com/es/stores/store/redirect/___store/ca/___from_store/es/uenc/aHR0cHM6Ly93d3cubGVrdWUuY29tL2NhL2Jsb2cvZmVlZA%2C%2C/"
                               class="flex flex-row items-center text-lg uppercase flex-no-wrap px-4 py-2 hover:bg-gray-light">
                                <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/ca.svg" loading="lazy"/></span>
                                CAT                            </a>
                                                                                                <a href="https://www.lekue.com/es/stores/store/redirect/___store/en/___from_store/es/uenc/aHR0cHM6Ly93d3cubGVrdWUuY29tL2VuL2Jsb2cvZmVlZA%2C%2C/"
                               class="flex flex-row items-center text-lg uppercase flex-no-wrap px-4 py-2 hover:bg-gray-light">
                                <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/en.svg" loading="lazy"/></span>
                                UK                            </a>
                                                                                                <a href="https://www.lekue.com/es/stores/store/redirect/___store/fr/___from_store/es/uenc/aHR0cHM6Ly93d3cubGVrdWUuY29tL2ZyL2Jsb2cvZmVlZA%2C%2C/"
                               class="flex flex-row items-center text-lg uppercase flex-no-wrap px-4 py-2 hover:bg-gray-light">
                                <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/fr.svg" loading="lazy"/></span>
                                FRA                            </a>
                                                                                                <a href="https://www.lekue.com/es/stores/store/redirect/___store/eu/___from_store/es/uenc/aHR0cHM6Ly93d3cubGVrdWUuY29tL2V1L2Jsb2cvZmVlZA%2C%2C/"
                               class="flex flex-row items-center text-lg uppercase flex-no-wrap px-4 py-2 hover:bg-gray-light">
                                <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/eu.svg" loading="lazy"/></span>
                                EU                            </a>
                                                                                                <a href="https://www.lekueusa.com"
                               class="flex flex-row items-center text-lg uppercase flex-no-wrap px-4 py-2 hover:bg-gray-light">
                                <span><img class="h-4 w-4 mr-2.5" width="16" height="16" src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/images/store/us.svg" loading="lazy"/></span>
                                US                            </a>
                                                            </div>
            </nav>
        </div>
    </div>
</div><div class="order-5 lg:order-4 ml-3 lg:ml-4">
<div x-data="{ open: false }">
            <a id="customer-menu"
           class="inline-block align-middle no-underline text-navigation-l1-font hover:text-navigation-l1-font-hover lg:order-4 z-20"
           @click.prevent.stop="$dispatch('toggle-authentication',
                                {url: 'https://www.lekue.com/es/customer/account/'});"
           href="https://www.lekue.com/es/customer/account/">
            <span class="sr-only label">Mi cuenta</span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.9 9a5.1 5.1 0 1110.2 0A5.1 5.1 0 016.9 9zM12 2.1a6.9 6.9 0 00-3.808 12.655 11.398 11.398 0 00-6.066 5.044.9.9 0 101.558.9 9.603 9.603 0 0116.631 0 .9.9 0 001.559-.9 11.404 11.404 0 00-6.066-5.044A6.9 6.9 0 0012 2.1z" fill="currentColor"/></svg>
        </a>
    </div>
</div>
<a href="https://www.lekue.com/es/wishlist/" class="inline-block order-5 no-underline text-navigation-l1-font hover:text-navigation-l1-font-hover lg:order-4 z-20 ml-2 lg:ml-5">
    <span class="sr-only label">Lista de deseos</span>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6"><path d="M13.388 3.657a5.774 5.774 0 00-1.413 1.178l-.144.171-.05-.063A5.776 5.776 0 001.558 8.625c0 3.104 1.884 6.081 4.986 8.872a30.195 30.195 0 004.163 3.126l.47.287a7.9 7.9 0 00.216.125.9.9 0 00.88 0l.216-.125.215-.13a30.2 30.2 0 004.419-3.284c3.1-2.79 4.985-5.767 4.985-8.87a5.776 5.776 0 00-8.487-5.1l-.233.13zm3.725 1.07a3.976 3.976 0 013.195 3.898c0 2.474-1.631 5.052-4.39 7.534a28.418 28.418 0 01-3.123 2.425l-.274.182a26.7 26.7 0 01-.514.33l-.174.107.065.04a28.417 28.417 0 01-4.15-3.084c-2.759-2.482-4.39-5.06-4.39-7.534a3.975 3.975 0 017.558-1.724l.096.215a.9.9 0 001.652-.022 3.975 3.975 0 014.203-2.408l.246.042z" fill="currentColor"/></svg>
</a>

<a id="menu-cart-icon"
   @click.prevent.stop="$dispatch('toggle-cart',{});"   class="ml-3 lg:ml-5 order-6 text-navigation-l1-font hover:text-navigation-l1-font-hover no-underline flex items-center z-20 px-2 py-px border border-gray border-solid rounded-full lg:py-1" href="https://www.lekue.com/es/checkout/cart/index/">
    <span class="sr-only label">Carrito</span>
    <span x-show="cart.summary_count === 0 || typeof cart.summary_count === 'undefined'"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.985 4.735A2.85 2.85 0 0114.85 6.75a.9.9 0 00.035.25h-5.77a.9.9 0 00.035-.25c0-.756.3-1.48.835-2.015zM7.385 7a.9.9 0 01-.035-.25 4.65 4.65 0 119.3 0 .9.9 0 01-.035.25h3.823a1.583 1.583 0 011.164.503 1.5 1.5 0 01.324.547c.067.202.089.415.064.627l-1.262 10.98a1.49 1.49 0 01-.51.958 1.593 1.593 0 01-1.043.385H4.825a1.59 1.59 0 01-1.042-.385 1.494 1.494 0 01-.511-.958L2.01 8.677a1.462 1.462 0 01.064-.627 1.5 1.5 0 01.324-.547A1.573 1.573 0 013.562 7h3.823zM4.952 19.353L3.72 8.647h16.558l-1.23 10.706H4.951z" fill="currentColor"/></svg>
</span>
    <span x-show="cart.summary_count !== 0 && typeof cart.summary_count !== 'undefined'" x-cloak><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.985 4.735A2.85 2.85 0 0 1 14.85 6.75a.9.9 0 0 0 .035.25h-5.77a.9.9 0 0 0 .035-.25c0-.756.3-1.48.835-2.015zM7.385 7a.9.9 0 0 1-.035-.25 4.65 4.65 0 0 1 9.3 0 .9.9 0 0 1-.035.25h3.823c.22 0 .437.045.637.132.2.086.38.213.527.371.146.158.257.345.324.547.067.202.089.416.064.627l-1.262 10.98c-.042.37-.224.71-.51.958a1.593 1.593 0 0 1-1.043.385H4.825c-.385 0-.756-.137-1.042-.385a1.494 1.494 0 0 1-.511-.958L2.01 8.677a1.462 1.462 0 0 1 .064-.627c.067-.202.178-.389.324-.547a1.56 1.56 0 0 1 .527-.371c.2-.087.417-.132.637-.132h3.823z" fill="currentColor"/></svg>
</span>
    <span x-text="cart.summary_count" class="text-sm ml-2"></span>
</a>
<script>
    function initAuthentication() {
        return {
            open: false,
            forceAuthentication: false,
            checkoutUrl: 'https://www.lekue.com/es/checkout/index/',
            errors: 0,
            isLoading: false,
            hasCaptchaToken: 0,
            displayErrorMessage: false,
            errorMessages: [],
            setErrorMessages: function setErrorMessages(messages) {
                this.errorMessages = [messages];
                this.displayErrorMessage = this.errorMessages.length;
            },
            submitForm: function () {
                var $form = document.querySelector('#login-form');
                
                if (this.isLoading === false) {
                    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;
                var username = this.$refs['customer-email'].value;
                var password = this.$refs['customer-password'].value;
                var formKey = document.querySelector('input[name=form_key]').value;
                var bodyFields = {
                    'username': username,
                    'password': password,
                    'formKey': formKey
                };
                var recaptchaField = form.querySelector('input[name=g-recaptcha-response]');
                if (recaptchaField != null) {
                    bodyFields['g-recaptcha-response'] = recaptchaField.value;
                }
                fetch('https://www.lekue.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) {
                        dispatchMessages([{
                            type: 'error',
                            text: data.message
                        }], 5000);
                        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"
         x-cloak
>
    <div role="dialog"
         aria-modal="true"
         class="fixed inset-y-0 right-0 z-40 flex max-w-md">
        <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"
             @click="open = false"
             aria-label="Close panel"></div>
        <div class="relative w-screen max-w-md bg-white"
             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 class="flex flex-col h-full space-y-4 px-4 md:px-5 md:space-y-5  overflow-y-auto">
                <header class="px-4 py-3 flex flex-row justify-between items-center border-b border-gray -mx-4 md:-mx-5">
                    <div
                        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" class="flex">
                        <button @click="open = false;" aria-label="Close panel"
                                class="text-black transition duration-150 ease-in-out block hover:text-black">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-8 h-8 p-0.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.387 5.886a.9.9 0 10-1.273-1.272L12 10.727 5.886 4.614a.9.9 0 00-1.272 1.272L10.727 12l-6.113 6.114a.9.9 0 001.272 1.272L12 13.273l6.114 6.113a.9.9 0 001.273-1.272L13.273 12l6.114-6.114z" fill="currentColor"/></svg>
                        </button>
                    </div>
                    <p id="cart-drawer-title" class="text-4xl font-bold">
                        Mi cuenta                    </p>
                    <div class="w-8 h-8"></div>
                </header>
                <div class="block-customer-login">
                    <form class="form form-login"
                          method="post"
                          @submit.prevent="submitForm();"
                          id="login-form">
                        <p class="text-3xl font-bold mb-3 md:mb-5 md:text-6xl">Bienvenido a Lékué</p>
                                                <div class="fieldset login">
                            <div class="field email required">
                                <label class="label" for="customer-email">
                                    <span>Dirección de email</span>
                                </label>
                                <div class="control">
                                    <input name="username"
                                           x-ref="customer-email"
                                           type="email"
                                           required
                                           class="form-input input-text"
                                    >
                                </div>
                            </div>
                            <div class="field password required">
                                <label for="pass" class="label">
                                    <span>Contraseña</span>
                                </label>
                                <div class="control">
                                    <input name="password"
                                           type="password"
                                           class="form-input input-text"
                                           required
                                           x-ref="customer-password"
                                    >
                                </div>
                            </div>

                            <input name="context" type="hidden" value="checkout"/>
                            <div class="actions-toolbar flex flex-col flex-no-wrap">
                                <a class="text-sm underline text-brand-primary mb-5" href="https://www.lekue.com/es/customer/account/forgotpassword/">
                                    ¿Has olvidado tu contraseña?                                </a>
                                <button type="submit" class="inline-flex btn btn-primary md:btn-lg">
                                    Identifícate                                </button>
                            </div>

                        </div>
                    </form>
                                            <div class="mt-5 mb-2 md:mt-8">
                                <div class="flex flex-col flex-no-wrap items-center md:flex-row md:flex-no-wrap md:justify-between" x-data="initSocialLoginComponent()">
        <p class="text-md font-light mb-2 md:mb-0 md:mr-2">Haz Login o Registro con tus redes sociales</p>
        <div class="flex space-x-1">
                            <a href="https://www.lekue.com/es/social_login/index/index/provider/google" @click="setCookie()">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-12 h-12">
<path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="#F0F0F0"/>
<path d="M12.1427 7.76192C13.484 7.76192 14.3887 8.34128 14.9046 8.82541L16.9205 6.85715C15.6824 5.70635 14.0713 5 12.1427 5C9.34904 5 6.93633 6.60318 5.76172 8.93652L8.07125 10.7302C8.65062 9.00795 10.2538 7.76192 12.1427 7.76192Z" fill="#EA4335"/>
<path d="M19 12.3017C19 11.7144 18.9524 11.2858 18.8492 10.8413H12.1428V13.4921H16.0793C16 14.1509 15.5714 15.1429 14.619 15.8096L16.873 17.5557C18.2222 16.3096 19 14.4763 19 12.3017Z" fill="#4285F4"/>
<path d="M8.07938 13.5556C7.92858 13.1112 7.84128 12.635 7.84128 12.1429C7.84128 11.6509 7.92858 11.1747 8.07144 10.7302L5.76191 8.93658C5.27778 9.90484 5 10.9921 5 12.1429C5 13.2937 5.27778 14.381 5.76191 15.3493L8.07938 13.5556Z" fill="#FBBC05"/>
<path d="M12.1431 19.2858C14.0716 19.2858 15.6907 18.6508 16.8732 17.5556L14.6193 15.8096C14.0161 16.2302 13.2066 16.5238 12.1431 16.5238C10.2542 16.5238 8.65098 15.2778 8.07955 13.5556L5.77002 15.3492C6.94463 17.6826 9.3494 19.2858 12.1431 19.2858Z" fill="#34A853"/>
</svg>
                </a>
                            <a href="https://www.lekue.com/es/social_login/index/index/provider/facebook" @click="setCookie()">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-12 h-12">
<path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="#3B5998"/>
<path d="M14.8468 12.1502H13.0671V18.67H10.3708V12.1502H9.08838V9.85882H10.3708V8.37606C10.3708 7.31573 10.8744 5.65536 13.0911 5.65536L15.0884 5.66372V7.88785H13.6392C13.4015 7.88785 13.0673 8.00662 13.0673 8.51243V9.86095H15.0823L14.8468 12.1502Z" fill="white"/>
</svg>
                </a>
                    </div>
    </div>
    <script>
        function initSocialLoginComponent() {
            return {
                cookieName: "rocket_social_login_initial_link",
                cookieLifetime: "120",
                cookieValue: window.location.pathname.substring(1),
                setCookie() {
                    let cookieExpires = this.cookieLifetime / 60 / 60 / 24;
                    hyva.setCookie(this.cookieName, this.cookieValue, cookieExpires);
                }
            }
        }
    </script>
                        </div>
                                    </div>

                
                <div class="block-new-customer border-t border-gray pt-5 md:pt-6">
                    <p id="authenticate-new-customer" class="text-xl font-bold text-black mb-2 md:text-2xl">
                        No tengo una cuenta                    </p>

                    <div class="block-content">
                        <p class="text-md font-light">
                            Crear una cuenta tiene muchos beneficios: Pago más rápido, guardar más de una dirección, seguimiento de pedidos y mucho más.                        </p>
                        <div class="actions-toolbar flex justify-between mt-6 mb-2 items-center">
                            <a href="https://www.lekue.com/es/customer/account/create/"
                               class="inline-flex btn btn-secondary md:btn-lg w-full">
                                Crear cuenta                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
</div>
<div class="absolute z-10 hidden w-full border-t shadow-sm bg-container-lighter border-container-lighter"
     id="search-content"
     :class="{ 'block': searchOpen, 'hidden': !searchOpen }"
     @click.away="searchOpen = false"
     x-show="true">
    <div class="container py-2 mx-auto text-black">
        <form class="form minisearch" id="search_mini_form"
              action="https://www.lekue.com/es/catalogsearch/result/" method="get">
            <label class="hidden" for="search" data-role="minisearch-label">
                <span>Buscar</span>
            </label>
            <input id="search"
                   x-ref="searchInput"
                   type="search"
                   name="q"
                   value=""
                   placeholder="Buscar..."
                   maxlength="128"
                   class="w-full p-2 text-lg leading-normal transition appearance-none text-grey-800 focus:outline-none focus:border-transparent lg:text-xl"
            />
        </form>
    </div>
</div>
<script>
    function initCartDrawer() {
        return {
            open: false,
            isLoading: true,
            cartId: null,
            cartEmpty: true,
            cart: {},
            getCartQuery(cartId) {
                return "{cart (cart_id: \"%cartId\") {\n            total_quantity\n    items {\n      id\n      errors\n      prices {\n        price {\n          value\n        }\n        row_total {\n          value\n          currency\n        }\n        row_total_incl_tax {\n          value\n          currency\n        }\n        price_incl_tax {\n          value\n        }\n      }\n      product_type\n      product {\n        id\n        name\n        sku\n        ... on ConfigurableProduct {\n          name\n          configurable_options {\n            values {\n              swatch_data {\n                __typename\n                value\n              }\n            }\n          }\n          options {\n            uid\n            title\n            ... on CustomizableOptionInterface {\n              title\n            }\n            ... on CustomizableDropDownOption {\n              value {\n                option_type_id\n                title\n                sku\n              }\n            }\n            ... on CustomizableMultipleOption {\n              value {\n                option_type_id\n                title\n                sku\n              }\n            }\n            ... on CustomizableRadioOption {\n              value {\n                option_type_id\n                title\n                sku\n              }\n            }\n            ... on CustomizableCheckboxOption {\n              value {\n                option_type_id\n                title\n                sku\n              }\n            }\n          }\n        }\n        ... on SimpleProduct {\n          name\n          options {\n            title\n          }\n        }\n        ... on VirtualProduct {\n          name\n          options {\n            title\n          }\n        }\n        ... on DownloadableProduct {\n          name\n          options {\n            title\n          }\n        }\n        ... on BundleProduct {\n          name\n          options {\n            title\n          }\n        }\n        small_image {\n          label\n          url\n        }\n        url_key\n        url_suffix\n        price_tiers {\n          quantity\n          final_price {\n            value\n          }\n          discount {\n            amount_off\n            percent_off\n          }\n        }\n      }\n      quantity\n      ... on ConfigurableCartItem {\n        configurable_options {\n          option_label\n          swatch_type\n          swatch_value\n        }\n        options: customizable_options {\n          type\n          label\n          values {\n            label\n            value\n          }\n        }\n      }\n      ... on SimpleCartItem {\n        customizable_options {\n          type\n          label\n          values {\n            label\n            value\n          }\n        }\n      }\n      ... on VirtualCartItem {\n        customizable_options {\n          type\n          label\n          values {\n            label\n            value\n          }\n        }\n      }\n      ... on DownloadableCartItem {\n        customizable_options {\n          type\n          label\n          values {\n            label\n            value\n          }\n        }\n      }\n      ... on BundleCartItem {\n        customizable_options: bundle_options {\n          uid\n          type\n          label\n          values{\n            id\n            label\n          }\n        }\n      }\n    }\n    available_payment_methods {\n      code\n      title\n    }\n    selected_payment_method {\n      code\n      title\n    }\n    applied_coupons {\n      code\n    }\n    shipping_addresses {\n      selected_shipping_method {\n        amount {\n          value\n          currency\n        }\n        carrier_title\n        method_title\n      }\n    }\n    prices {\n      grand_total {\n        value\n        currency\n      }\n      subtotal_excluding_tax {\n        value\n        currency\n      }\n      subtotal_including_tax {\n        value\n        currency\n      }\n      applied_taxes {\n        amount {\n          value\n          currency\n        }\n        label\n      }\n      discounts {\n        amount {\n          value\n          currency\n        }\n        label\n      }\n    }\n        }}".replace('%cartId', cartId)
            },
            getData(data) {
                if (data.cart) {
                    this.cart = data.cart;
                    this.getCartByCustomerSectionData(data);
                    this.setCartItems();
                }
            },
            getSwatchStyle(option, value) {
                switch (option) {
                    case "1":
                        return `background-color: ${value};`
                    case "2":
                        return `background-image: url("https://www.lekue.com/media/attribute/swatch${value}");
                                background-size: cover;`
                    default:
                        return ""
                }
            },
            cartItems: {},
            setCartItems() {
                this.cartItems = this.cart && this.cart.items.sort(function (a, b) {
                    return a.item_id - b.item_id
                }) || {}

            },
            deleteItemFromCart(itemId) {
                var formKey = document.querySelector('input[name=form_key]').value;

                fetch(BASE_URL + "checkout/sidebar/removeItem/", {
                    "headers": {
                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                    },
                    "body": "form_key=" + formKey + "&item_id=" + itemId,
                    "method": "POST",
                    "mode": "cors",
                    "credentials": "include"
                }).then(function (response) {
                    if (response.redirected) {
                        window.location.href = response.url;
                    } else if (response.ok) {
                        return response.json();
                    } else {
                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                            [{
                                type: "warning",
                                text: "No se ha podido eliminar el elemento del carrito"
                            }], 5000
                        );
                    }
                }).then(function (response) {
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: response.success ? "success" : "error",
                            text: response.success
                                ? "Eliminó el elemento."
                                : response.error_message
                        }], 5000
                    );
                    var reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
                    window.dispatchEvent(reloadCustomerDataEvent);
                });
            },
            getCartByCustomerSectionData(data) {
                if (data && data.cart && data.cart.cartId) {
                    this.cartId = data.cart.cartId;
                } else {
                    this.cartEmpty = true;
                    this.isLoading = false;
                }
            },
            getCart() {
                this.isLoading = true;
                fetch('https://www.lekue.com/es/graphql', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'Store': 'es'
                        },
                        credentials: 'include',
                        body: JSON.stringify({
                            query: (
                                    this.customerToken &&
                                    this.getCustomerCartQuery()) ||
                                this.getCartQuery(this.cartId)
                        })
                    }
                ).then((response) => {
                        return response.json()
                    }
                ).then((data) => {
                    if (data && data.errors) {
                        this.initErrorMessages(data.errors);
                    } else {
                        this.cartData = (data && data.data && (data.data.customerCart || data.data.cart)) || [];
                    }
                }).catch(error => {
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: "error",
                            text: "Algo\u0020sali\u00F3\u0020mal.\u0020Por\u0020favor,\u0020int\u00E9ntelo\u0020de\u0020nuevo."
                        }], 10000
                    );
                }).finally(() => {
                    this.isLoading = false;
                });
            },
            mutateItemQty(itemId, qty) {
                this.isLoading = true;
                var cartItemUpdateQuery = `mutation {updateCartItems(
                 input: {
                  cart_id: "${this.cartId}",
                  cart_items: [
                    {
                      cart_item_id: ${itemId}
                      quantity: ${qty}
                    }
                  ]
                }
              ) {
                cart {
                    
            total_quantity
    items {
      id
      errors
      prices {
        price {
          value
        }
        row_total {
          value
          currency
        }
        row_total_incl_tax {
          value
          currency
        }
        price_incl_tax {
          value
        }
      }
      product_type
      product {
        id
        name
        sku
        ... on ConfigurableProduct {
          name
          configurable_options {
            values {
              swatch_data {
                __typename
                value
              }
            }
          }
          options {
            uid
            title
            ... on CustomizableOptionInterface {
              title
            }
            ... on CustomizableDropDownOption {
              value {
                option_type_id
                title
                sku
              }
            }
            ... on CustomizableMultipleOption {
              value {
                option_type_id
                title
                sku
              }
            }
            ... on CustomizableRadioOption {
              value {
                option_type_id
                title
                sku
              }
            }
            ... on CustomizableCheckboxOption {
              value {
                option_type_id
                title
                sku
              }
            }
          }
        }
        ... on SimpleProduct {
          name
          options {
            title
          }
        }
        ... on VirtualProduct {
          name
          options {
            title
          }
        }
        ... on DownloadableProduct {
          name
          options {
            title
          }
        }
        ... on BundleProduct {
          name
          options {
            title
          }
        }
        small_image {
          label
          url
        }
        url_key
        url_suffix
        price_tiers {
          quantity
          final_price {
            value
          }
          discount {
            amount_off
            percent_off
          }
        }
      }
      quantity
      ... on ConfigurableCartItem {
        configurable_options {
          option_label
          swatch_type
          swatch_value
        }
        options: customizable_options {
          type
          label
          values {
            label
            value
          }
        }
      }
      ... on SimpleCartItem {
        customizable_options {
          type
          label
          values {
            label
            value
          }
        }
      }
      ... on VirtualCartItem {
        customizable_options {
          type
          label
          values {
            label
            value
          }
        }
      }
      ... on DownloadableCartItem {
        customizable_options {
          type
          label
          values {
            label
            value
          }
        }
      }
      ... on BundleCartItem {
        customizable_options: bundle_options {
          uid
          type
          label
          values{
            id
            label
          }
        }
      }
    }
    available_payment_methods {
      code
      title
    }
    selected_payment_method {
      code
      title
    }
    applied_coupons {
      code
    }
    shipping_addresses {
      selected_shipping_method {
        amount {
          value
          currency
        }
        carrier_title
        method_title
      }
    }
    prices {
      grand_total {
        value
        currency
      }
      subtotal_excluding_tax {
        value
        currency
      }
      subtotal_including_tax {
        value
        currency
      }
      applied_taxes {
        amount {
          value
          currency
        }
        label
      }
      discounts {
        amount {
          value
          currency
        }
        label
      }
    }
        
                }
             }}`;

                fetch('https://www.lekue.com/es/graphql', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json;charset=utf-8',
                            'Store': 'es'
                        },
                        body: JSON.stringify({query: cartItemUpdateQuery.replace('%cartId', this.cartId)})
                    }
                ).then((response) => {
                        return response.json()
                    }
                ).then((data) => {
                    this.clearErrorMessages();

                    if (data.errors) {
                        this.initErrorMessages(data.errors);
                        this.getCart();
                    } else {
                        this.cartData = (
                            data &&
                            data.data &&
                            (data.data.updateCartItems && (data.data.updateCartItems.cart))
                        ) || [];
                        this.setCartItems();
                    }
                    this.reloadCustomerData();
                }).catch(error => {
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: "error",
                            text: "Algo\u0020sali\u00F3\u0020mal.\u0020Por\u0020favor,\u0020int\u00E9ntelo\u0020de\u0020nuevo."
                        }], 10000
                    );
                }).finally(() => {
                    this.isLoading = false;
                });
            },
            reloadCustomerData() {
                var reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
                window.dispatchEvent(reloadCustomerDataEvent);
            },
            clearErrorMessages() {
                window.dispatchEvent(new CustomEvent('clear-messages'));
            },
            initErrorMessages(errors) {
                var messages = [];
                for (var error in Object.keys(errors)) {
                    messages.push({type: 'error', text: errors[error].message});
                }
                dispatchMessages(messages)
            },
        }
    }
</script>

<section id="cart-drawer"
         x-data="initCartDrawer()"
         @private-content-loaded.window="getData(event.detail.data); cart && cart.summary_count ? open=open : open=false;"
         @toggle-cart.window="open=true"
         @keydown.window.escape="open=false"
         x-cloak
>
    <div role="dialog"
         aria-labelledby="cart-drawer-title"
         aria-modal="true"
         class="fixed inset-y-0 right-0 z-30 flex max-w-md">
        <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"
             @click="open = false"
             aria-label="Close panel"></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"
        >
            <div class="flex flex-col justify-between h-full bg-white shadow-xl overflow-y-auto">
                <header class="px-4 py-3 flex flex-row justify-between items-center border-b border-gray">
                    <div
                        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" class="flex">
                        <button @click="open = false;" aria-label="Close panel"
                                class="text-black transition duration-150 ease-in-out hover:text-black">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-8 h-8 p-0.5"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.387 5.886a.9.9 0 10-1.273-1.272L12 10.727 5.886 4.614a.9.9 0 00-1.272 1.272L10.727 12l-6.113 6.114a.9.9 0 001.272 1.272L12 13.273l6.114 6.113a.9.9 0 001.273-1.272L13.273 12l6.114-6.114z" fill="currentColor"/></svg>
                        </button>
                    </div>
                    <p id="cart-drawer-title" class="text-4xl font-bold">
                        Carrito                    </p>
                    <div class="relative px-1">
                        <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-5 h-5"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.985 4.735A2.85 2.85 0 0114.85 6.75a.9.9 0 00.035.25h-5.77a.9.9 0 00.035-.25c0-.756.3-1.48.835-2.015zM7.385 7a.9.9 0 01-.035-.25 4.65 4.65 0 119.3 0 .9.9 0 01-.035.25h3.823a1.583 1.583 0 011.164.503 1.5 1.5 0 01.324.547c.067.202.089.415.064.627l-1.262 10.98a1.49 1.49 0 01-.51.958 1.593 1.593 0 01-1.043.385H4.825a1.59 1.59 0 01-1.042-.385 1.494 1.494 0 01-.511-.958L2.01 8.677a1.462 1.462 0 01.064-.627 1.5 1.5 0 01.324-.547A1.573 1.573 0 013.562 7h3.823zM4.952 19.353L3.72 8.647h16.558l-1.23 10.706H4.951z" fill="currentColor"/></svg>
</span>
                        <template x-if="cart && cart.summary_count" hidden>
                            <div x-html="cart.summary_count"
                                 class="absolute bg-primary text-white -right-1.5 top-0 text-2xs text-center px-1 min-w-[14px] leading-[14px] rounded-full">
                            </div>
                        </template>
                    </div>
                </header>

                <script>
    function initFreeShippingInfoCartComponent() {
        return {
            shipping_cart_info: {},
            onPrivateContentLoaded: function (data) {
                if (event.detail.data.cart && event.detail.data.cart.free_shipping_cart_notification) {
                    this.shipping_cart_info = event.detail.data.cart.free_shipping_cart_notification;
                }
            },
            getProgressBarWidth: function() {
                return 'width: ' + this.shipping_cart_info.reachedPercentage + '%;'
            },
            getReachedPercentageText: function() {
                return this.shipping_cart_info.reachedPercentage + '%'
            }
        }
    }
</script>
<div x-data="initFreeShippingInfoCartComponent()"
     @private-content-loaded.window="onPrivateContentLoaded(event.detail.data);"
     class="free-shipping-info-cart-notification mb-4">
    <div class="bg-gray-light px-4 text-center">
        <span x-text="shipping_cart_info.message" class="text-sm font-light text-black"></span>
    </div>
</div>

                <template x-if="cartItems.length" hidden>
                    <div class="relative flex flex-col px-4 divide-y divide-gray space-y-3 flex-grow overflow-y-auto">
                        <template x-for="item in cartItems" hidden>
                            <div class="relative flex items-center justify-between pt-3">
                                <div class="w-24 flex-shrink-0 mr-2">
                                    <a :href="item.product_url">
                                        <img
                                            :src="item.product_image.src"
                                            :width="item.product_image.width"
                                            :height="item.product_image.height"
                                            loading="lazy"
                                        />
                                    </a>
                                </div>
                                <div class="flex-1">
                                    <span x-html="item.product_name"
                                          class="text-md font-primary font-bold mb-1 pr-6"></span>
                                    <div class="flex flex-row flex-wrap items-center mb-3 divide-x divide-gray gap-x-2 gap-y-1 -ml-2 pr-8">
                                        <template x-for="option in item.options" hidden>
                                            <div class="text-sm font-primary pl-2">
                                                <template x-if="option.swatchType == 0">
                                                    <p x-html="option.value"></p>
                                                </template>
                                                <template x-if="option.swatchType == 1 || option.swatchType == 2">
                                                    <div class="box-content w-2 h-2 p-px rounded-full cursor-pointer select-none"
                                                        :class="{
                                                            'border-gray-light' : !option.swatchValue || option.swatchValue == '#ffffff',
                                                            'border-white' : option.swatchValue && option.swatchValue != '#ffffff',
                                                             }"
                                                        :style="getSwatchStyle(option.swatchType, option.swatchValue)"></div>
                                                </template>
                                                <template x-if="option.swatchType == undefined">
                                                    <p x-html="option.print_value || option.label"></p>
                                                </template>
                                            </div>
                                        </template>
                                    </div>
                                    <div class="flex justify-between items-end">
                                        <div class="field qty inline-flex flex-row flex-no-wrap items-strech">
                                            <button
                                                class="w-8 cursor-pointer flex flex-row flex-no-wrap items-center justify-center"
                                                @click="item.qty--; if(parseInt(item.qty) < 1) item.qty = 1;"
                                                @click.debounce="mutateItemQty(item.item_id, item.qty)">
                                                <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current mx-auto"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.85 12a.9.9 0 01.9-.9h16.5a.9.9 0 110 1.8H3.75a.9.9 0 01-.9-.9z" fill="currentColor"/></svg>
</span>
                                            </button>
                                            <input type="text"
                                                   x-model="item.qty"
                                                   :value="item.qty"
                                                   @change="if(parseInt(item.qty) < 1) item.qty = 1; mutateItemQty(item.item_id, item.qty)"
                                                   class="w-8 text-center py-1 border-none focus:ring-0 md:w-14"
                                            />
                                            <button class="w-8 cursor-pointer flex flex-row flex-no-wrap items-center justify-center"
                                                @click="item.qty++;"
                                                @click.debounce="mutateItemQty(item.item_id, item.qty)">
                                                <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-4 h-4 fill-current mx-auto"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9 3.75a.9.9 0 10-1.8 0v7.35H3.75a.9.9 0 100 1.8h7.35v7.35a.9.9 0 001.8 0V12.9h7.35a.9.9 0 000-1.8H12.9V3.75z" fill="currentColor"/></svg>
</span>
                                            </button>
                                        </div>
                                        <span x-html="item.product_price"
                                              class="product-card-price md:product-card-price-desktop"></span>
                                    </div>
                                    <button class="absolute top-6 right-0"
                                        @click="deleteItemFromCart(item.item_id)"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 4.35h16.5a.9.9 0 110 1.8H3.75a.9.9 0 110-1.8zm6 4.5a.9.9 0 01.9.9v6a.9.9 0 01-1.8 0v-6a.9.9 0 01.9-.9zm4.5 0a.9.9 0 01.9.9v6a.9.9 0 01-1.8 0v-6a.9.9 0 01.9-.9z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 4.35a.9.9 0 01.9.9v14.1h11.7V5.25a.9.9 0 011.8 0V19.5A1.65 1.65 0 0118 21.15H6a1.65 1.65 0 01-1.65-1.65V5.25a.9.9 0 01.9-.9z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.053 2.053A2.4 2.4 0 019.75 1.35h4.5a2.4 2.4 0 012.4 2.4v1.5a.9.9 0 11-1.8 0v-1.5a.6.6 0 00-.6-.6h-4.5a.6.6 0 00-.6.6v1.5a.9.9 0 01-1.8 0v-1.5a2.4 2.4 0 01.703-1.697z" fill="currentColor"/></svg>
                                    </button>
                                </div>
                            </div>
                        </template>
                    </div>
                </template>
                <template x-if="!cartItems.length" hidden>
                    <div class="relative flex flex-col px-4 flex-grow">
                        
    <div class="o-container o-container-0edcfd11-88cd-47c3-ad5b-da7e1aaf243d full-width                   mt-4         text-center ">
<div class="primary text-xl md:text-6xl font-bold text-center   3a38a8ee-2285-4e5f-9738-45e1a3744612     78f5e213-5038-456a-b64d-fbde551dd956     a175d68b-a81b-4cfc-8b63-0de25a184918      2201b9cf-d9ec-4369-9757-2b51387c3e4b     336c1510-9aff-4790-989c-9f2e857df7db   mb-2  88ba20f7-04df-4b20-ae53-e2632ff19372    "  >
<p>El carrito está vacío</p></div>

<div class="primary text-md  font-light text-center   24500955-478b-47dc-a0d8-befa0fb48609     aa7751e6-8f58-4fb9-8b5d-36fab0daa25d     db958554-9601-489c-8829-1144fd247fbf      51e21f7a-296c-49ba-b458-07cce41f9e90     eb5ea4ec-98aa-4124-b20c-5f30564fe77d   mb-4  65980fb7-8aef-49a8-ba9b-ef1c5abc3832    "  >
<p>No tiene artículos en su carrito de compras.</p></div>

<a class="btn  mx-auto btn-primary btn-md w-44 " href="https://www.lekue.com/es/" target="" rel="">
    <span>Empezar a comprar</span>  </a>
</div>
    <style>
        .o-container-0edcfd11-88cd-47c3-ad5b-da7e1aaf243d {
            --container-background: ;
        }
    </style>
                    </div>
                </template>

                <div class="w-full flex flex-col items-center bg-white border-t border-gray">
                    <template x-if="cart && cart.summary_count" hidden>
                        <div class="w-full p-4">
                            <div
                                class="flex flex-row justify-between text-xl font-primary font-bold mb-4">
                                    <span>Total                                        <span class="text-sm font-light">
                                            (Incl. impuesto)                                        </span>
                                    </span>
                                <span x-html="cart.subtotal_incl_tax"></span>
                            </div>
                            <div class="w-full flex flex-col items-center transition duration-150 ease-in-out">
                                <a @click.prevent.stop="$dispatch('toggle-authentication',
                                    {url: 'https://www.lekue.com/es/checkout/index/'});"
                                   href="https://www.lekue.com/es/checkout/index/"
                                   class="btn btn-primary btn-md w-full uppercase">
                                    Realizar pedido                                </a>
                                <a href="https://www.lekue.com/es/checkout/cart/"
                                   class="underline text-brand-primary text-sm mt-4">
                                    Ver carrito                                </a>
                            </div>
                        </div>
                    </template>
                </div>
            </div>
        </div>
    </div>
</section>
</div></nav>

</header><main id="maincontent" class="page-main"><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) {
                this.messages[messageIndex] = undefined;
            },
            addMessages(messages, hideAfter) {
                var $this = this;
                messages.map(function (message) {
                    $this.messages = $this.messages.concat(message);
                    if (hideAfter) {
                        $this.setHideTimeOut($this.messages.length - 1, hideAfter);
                    }
                });
            },
            setHideTimeOut(messageIndex, hideAfter) {
                var $this = this;
                setTimeout(
                    function (messageIndex) {
                        $this.removeMessage(messageIndex);
                    },
                    hideAfter,
                    messageIndex
                );
            },
            eventListeners: {
                ['@messages-loaded.window']() {
                    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 = [];
                }
            },
            messageIcon: {
                'success': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="h-6 w-6 text-success"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.776 9.129a.9.9 0 01-.03 1.272l-5.5 5.25a.9.9 0 01-1.243 0l-2.75-2.625a.9.9 0 011.243-1.302l2.129 2.032 4.878-4.657a.9.9 0 011.273.03z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.9a8.1 8.1 0 100 16.2 8.1 8.1 0 000-16.2zM2.1 12c0-5.468 4.432-9.9 9.9-9.9 5.467 0 9.9 4.432 9.9 9.9s-4.433 9.9-9.9 9.9c-5.468 0-9.9-4.432-9.9-9.9z" fill="currentColor"/></svg>',
                'warning': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="h-6 w-6 text-warning"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.9a8.1 8.1 0 100 16.2 8.1 8.1 0 000-16.2zM2.1 12c0-5.468 4.432-9.9 9.9-9.9 5.467 0 9.9 4.432 9.9 9.9s-4.433 9.9-9.9 9.9c-5.468 0-9.9-4.432-9.9-9.9z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.6a.9.9 0 01.9.9v5.25a.9.9 0 01-1.8 0V7.5a.9.9 0 01.9-.9z" fill="currentColor"/><path d="M12 17.25A1.125 1.125 0 1012 15a1.125 1.125 0 000 2.25z" fill="currentColor"/></svg>',
                'error': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="h-6 w-6 text-danger"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.9a8.1 8.1 0 100 16.2 8.1 8.1 0 000-16.2zM2.1 12c0-5.468 4.432-9.9 9.9-9.9 5.467 0 9.9 4.432 9.9 9.9s-4.433 9.9-9.9 9.9c-5.468 0-9.9-4.432-9.9-9.9z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.636 8.364a.9.9 0 010 1.272l-6 6a.9.9 0 01-1.273-1.272l6-6a.9.9 0 011.273 0z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.363 8.364a.9.9 0 011.273 0l6 6a.9.9 0 11-1.273 1.272l-6-6a.9.9 0 010-1.272z" fill="currentColor"/></svg>'
            },
            messageTitle: {
                'success': '¡Éxito!',
                'warning': '¡Alerta!',
                'error': '¡Fallo!'
            }
        }
    }
</script>
<section id="messages"
         x-data="initMessages()"
         x-spread="eventListeners"
>
    <template x-if="!isEmpty()">
        <div role="alert" class="fixed inset-0 flex items-end px-4 py-6 pointer-events-none z-20 md:px-6 md:pt-20 md:pb-6 md:items-start">
            <div class="w-full flex flex-col items-center space-y-4 sm:items-end">
                <template x-for="(message, index) in messages" :key="index">
                    <div class="max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden">
                        <template x-if="message">
                            <div class="p-4">
                                <div class="flex items-start">
                                    <div class="flex-shrink-0" x-html="messageIcon[message.type]"></div>
                                    <div class="ml-3 w-0 flex-1 pt-0.5">
                                        <p class="text-sm font-medium text-gray-900"><span x-text="messageTitle[message.type]"></span></p>
                                        <p class="mt-1 text-sm text-gray-500"><span x-html="message.text"></span></p>
                                    </div>
                                    <div class="ml-4 flex-shrink-0 flex">
                                        <button @click="removeMessage(index)" class="bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                                            <span class="sr-only">Cerrar</span>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="h-5 w-5"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.387 5.886a.9.9 0 10-1.273-1.272L12 10.727 5.886 4.614a.9.9 0 00-1.272 1.272L10.727 12l-6.113 6.114a.9.9 0 001.272 1.272L12 13.273l6.114 6.113a.9.9 0 001.273-1.272L13.273 12l6.114-6.114z" fill="currentColor"/></svg>                                        </button>
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>
                </template>
            </div>
        </div>
    </template>
</section>

</div><div class="row"><div class="container"><div class="row"><div class="columns">

    <div class="sidebar sidebar-main">
        <div class="sidebar-blog-item item-categories mb-8">
    <div class="font-secondary font-bold text-xl mb-7">Categor&#xED;as</div>
    <div class="space-y-2">
                    <div class="text-md font-light"><a href="https://www.lekue.com/es/blog/categoria/lifestyle">Lifestyle</a></div>
                    <div class="text-md font-light"><a href="https://www.lekue.com/es/blog/categoria/vida-activa">Vida Activa</a></div>
                    <div class="text-md font-light"><a href="https://www.lekue.com/es/blog/categoria/trucos-de-cocina">Trucos de cocina</a></div>
                    <div class="text-md font-light"><a href="https://www.lekue.com/es/blog/categoria/alimentacion-saludable">Alimentación Saludable</a></div>
            </div>
</div>

<div class="sidebar-blog-item item-featured mb-8">
    <div class="font-secondary font-bold text-xl mb-4">Featured</div>
    <div class="space-y-5">
                    <div class="bg-post-card-color border-post-card-border">
                <a href="https://www.lekue.com/es/blog/bolsas-congelar-otros-trucos-sacarle-partido-congelador" class="flex flex-row flex-no-wrap items-stretch">
                    <div class="flex-shrink-0">
                        <img src="//img2.storyblok.com/120x120/filters:format(jpeg)/f/120479/e02f05dff4/bolsas-para-congelar-1-1.jpg"
                             alt="bolsas-congelar-otros-trucos-sacarle-partido-congelador"
                             title=""
                             width="120"
                             height="120"
                             loading="lazy"
                             class="a-image__image object-cover w-full h-full">
                    </div>
                    <div class="flex-grow p-5 flex flex-col flex-no-wrap items-start justify-center">
                        <span class="text-post-card-date post-card-data md:post-card-data-desktop">15.06.2021</span>
                        <span class="text-post-card-title text-md font-bold line-clamp-1">Bolsas para congelar y otros trucos para sacarle partido a tu congelador</span>
                    </div>
                </a>
            </div>
                    <div class="bg-post-card-color border-post-card-border">
                <a href="https://www.lekue.com/es/blog/5-deliciosas-maneras-disfrutar-la-calabaza" class="flex flex-row flex-no-wrap items-stretch">
                    <div class="flex-shrink-0">
                        <img src="//img2.storyblok.com/120x120/filters:format(jpeg)/f/120479/825x551/9a37442bb1/calabaza-825x551.jpg"
                             alt=""
                             title=""
                             width="120"
                             height="120"
                             loading="lazy"
                             class="a-image__image object-cover w-full h-full">
                    </div>
                    <div class="flex-grow p-5 flex flex-col flex-no-wrap items-start justify-center">
                        <span class="text-post-card-date post-card-data md:post-card-data-desktop">17.01.2018</span>
                        <span class="text-post-card-title text-md font-bold line-clamp-1">5 deliciosas maneras de disfrutar de la calabaza</span>
                    </div>
                </a>
            </div>
                    <div class="bg-post-card-color border-post-card-border">
                <a href="https://www.lekue.com/es/blog/trucos-una-dieta-equilibrada-sea-facil-seguir" class="flex flex-row flex-no-wrap items-stretch">
                    <div class="flex-shrink-0">
                        <img src="//img2.storyblok.com/120x120/filters:format(jpeg)/f/120479/825x491/f2781c6526/trucos-para-que-una-dieta-equilibrada-sea-facil-de-seguir-1-825x491.jpg"
                             alt=""
                             title=""
                             width="120"
                             height="120"
                             loading="lazy"
                             class="a-image__image object-cover w-full h-full">
                    </div>
                    <div class="flex-grow p-5 flex flex-col flex-no-wrap items-start justify-center">
                        <span class="text-post-card-date post-card-data md:post-card-data-desktop">17.02.2017</span>
                        <span class="text-post-card-title text-md font-bold line-clamp-1">Trucos para que una dieta equilibrada sea fácil de seguir</span>
                    </div>
                </a>
            </div>
            </div>
</div>

<div class="sidebar-blog-item item-recent mb-8">
    <div class="font-secondary font-bold text-xl mb-4">Recent</div>
    <div class="space-y-5">
                    <div class="bg-post-card-color border-post-card-border">
                <a href="https://www.lekue.com/es/blog/asi-se-preparar-exquisito-cocido-vegetariano" class="flex flex-row flex-no-wrap items-stretch">
                    <div class="flex-shrink-0">
                        <img src="//img2.storyblok.com/120x120/filters:format(jpeg)/f/120479/825x550/ab538fff3d/cocido-vegetariano-1-1-1-825x550.jpg"
                             alt=""
                             title=""
                             width="120"
                             height="120"
                             loading="lazy"
                             class="a-image__image object-cover w-full h-full">
                    </div>
                    <div class="flex-grow p-5 flex flex-col flex-no-wrap items-start justify-center">
                        <span class="text-post-card-date post-card-data md:post-card-data-desktop">22.09.2021</span>
                        <span class="text-post-card-title text-md font-bold line-clamp-1">Así se preparar un exquisito cocido vegetariano</span>
                    </div>
                </a>
            </div>
                    <div class="bg-post-card-color border-post-card-border">
                <a href="https://www.lekue.com/es/blog/hamburguesa-soja-texturizada-otras-formas-utilizarla" class="flex flex-row flex-no-wrap items-stretch">
                    <div class="flex-shrink-0">
                        <img src="//img2.storyblok.com/120x120/filters:format(jpeg)/f/120479/825x435/a283af7e0f/hamburguesa-soja-texturizada-1-1-1-825x435.jpg"
                             alt=""
                             title=""
                             width="120"
                             height="120"
                             loading="lazy"
                             class="a-image__image object-cover w-full h-full">
                    </div>
                    <div class="flex-grow p-5 flex flex-col flex-no-wrap items-start justify-center">
                        <span class="text-post-card-date post-card-data md:post-card-data-desktop">21.09.2021</span>
                        <span class="text-post-card-title text-md font-bold line-clamp-1">Hamburguesa de soja texturizada y otras formas de utilizarla</span>
                    </div>
                </a>
            </div>
                    <div class="bg-post-card-color border-post-card-border">
                <a href="https://www.lekue.com/es/blog/receta-ceviche-bacalao-casera" class="flex flex-row flex-no-wrap items-stretch">
                    <div class="flex-shrink-0">
                        <img src="//img2.storyblok.com/120x120/filters:format(jpeg)/f/120479/825x550/a83f52cca2/ceviche-bacalao-1-1-1-825x550.jpg"
                             alt=""
                             title=""
                             width="120"
                             height="120"
                             loading="lazy"
                             class="a-image__image object-cover w-full h-full">
                    </div>
                    <div class="flex-grow p-5 flex flex-col flex-no-wrap items-start justify-center">
                        <span class="text-post-card-date post-card-data md:post-card-data-desktop">20.09.2021</span>
                        <span class="text-post-card-title text-md font-bold line-clamp-1">Receta ceviche de bacalao casera</span>
                    </div>
                </a>
            </div>
            </div>
</div>

<div class="sidebar-blog-item item-tags mb-8">
    <div class="font-secondary font-bold text-xl mb-4">Etiquetas</div>
    <div class="space-y-2 flex flex-row flex-wrap items-baseline -mt-2 -mr-2">
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/destacados">destacados</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/tonificacion">Tonificación</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/planes">Planes</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/life-hacks">Life hacks</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/alimentacion-deportiva">Alimentación deportiva</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/dietas">Dietas</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/mindfulness">Mindfulness</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/meditacion">Meditación</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/concentracion">Concentración</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/yoga">Yoga</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/mitos-alimentos">mitos alimentos</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/productividad">Productividad</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/alimentacion-equilibrada">Alimentación equilibrada</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/alimentacion-vegetariana">Alimentación vegetariana</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/ejercicios">Ejercicios</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/carne">Carne</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/pescado">Pescado</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/alimentacion-vegana">Alimentación vegana</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/correr">Correr</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/nutricion-deportiva">Nutrición deportiva</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/deporte">Deporte</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/estiramientos">Estiramientos</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/consejos-alimentarios">Consejos alimentarios</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/beneficios-alimentos">Beneficios alimentos</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/verduras">Verduras</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/bienestar">Bienestar</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/frutas">frutas</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/bebidas">bebidas</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/propiedades-alimentos">propiedades alimentos</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/recomendaciones-alimentarias">recomendaciones alimentarias</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/trucos-para-recetas">trucos para recetas</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/body-balance">Body Balance</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/consejos-nutricionales">Consejos nutricionales</a>
            </div>
                    <div class="mt-2 mr-2">
                <a class="block text-sm font-light p-2.5 border border-gray transition-all duration-300 delay-75 text-gray-dark hover:text-black hover:border-black" href="https://www.lekue.com/es/blog/etiqueta/destacado">destacado</a>
            </div>
            </div>
</div>
    </div>
<div class="column main">    <div class="flex flex-col md:flex-row flex-wrap my-6 lg:mt-8">
        <h1 class="container text-3xl font-bold font-secondary md:text-8xl"
            >
            <span class="base" data-ui-id="page-title-wrapper" >We could not find the post that you requested</span>        </h1>
            </div>
<div class="breadcrumbs hidden md:block md:mb-8">
    <div class="items list-reset flex flex-wrap text-black text-xs">
        <a href="https://www.lekue.com/es/blog">Blog</a>    </div>
</div>
    Static 404 page...
</div></div></div></div></div></main><footer class="page-footer"><div class="footer content"><div class="footer-trustbadge"><div id="MyCustomTrustbadge" style="width:175px; height:90px" class="fixed bottom-0 right-0">
    </div>
</div><script type="text/javascript">
   let browserStorage = hyva.getBrowserStorage();

    function sendEvent (event) {
        console.log('DATALAYER EVENT', event);
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push(event);
    }

    function generateHashCache (data) {
        const text = JSON.stringify(data);
        return btoa(text);
    }

    function updateUserData (customer) {
        const customerCache = browserStorage.getItem('datalayer-cache-customer');
        const customerHash = generateHashCache(customer);

        if (customerHash === customerCache) {
            return false;
        }

        sendEvent(customer);
        browserStorage.setItem('datalayer-cache-customer', customerHash);
    }

    function updateCartData (cart){
        const cartCache = browserStorage.getItem('datalayer-cache-cart');
        const cartHash = generateHashCache(cart);

        if (cartHash === cartCache) {
            return false;
        }

        sendEvent(cart);
        browserStorage.setItem('datalayer-cache-cart', cartHash);
    }

    function updateEvents (events) {
        let cacheEvents = [];
        const cacheStorage = browserStorage.getItem('datalayer-cache-events');

        try {
            if (cacheStorage) {
                cacheEvents = JSON.parse(cacheStorage);
            }
        } catch (error) {
           console.error(error);
        }

        Object.keys(events).forEach(key => {
            if (cacheEvents.includes(events[key].identifier)) {
                return;
            }

            cacheEvents.push(events[key].identifier);
            sendEvent(events[key].event);
        });

        browserStorage.setItem('datalayer-cache-events', JSON.stringify(cacheEvents));
    }

    window.addEventListener('private-content-loaded', event => {
        const dataObject = event.detail.data['rocket_datalayer'] || {};

        if (dataObject['customer'] && Object.keys(dataObject['customer']).length) {
            updateUserData(dataObject['customer']);
        }

        if (dataObject['cart'] && Object.keys(dataObject['cart']).length) {
            updateCartData(dataObject['cart']);
        }

        if (dataObject['events'] && Object.keys(dataObject['events']).length) {
            updateEvents(dataObject['events']);
        }
    });

    window.addEventListener('datalayer-event', event => {
        sendEvent(event.detail);
    });

    window.addEventListener('thirdparty-trigger', event => {
        sendEvent({'event':'trigger-load-thirdparty'});
    });
</script>

<style>
    .o-footer {
        --footer-left-bleeding-background: #FBFBFB;
        --footer-content-background: #FBFBFB;
        --footer-right-bleeding-background: #FBFBFB;
    }
</style>

<section class="o-footer relative">
    <div class="o-footer__container bg-[color:var(--footer-content-background)] container px-0 relative">
        
    <div class="o-container o-container-5985e018-b14d-4ec5-a620-9e9cda2fa04a       pt-10   pb-6    lg:pb-10               ">
<div class="o-grid full-width       pl-4 pr-4                    grid" style="--o-grid-template-columns:1fr; --o-grid-template-columns-tablet:1fr; --o-grid-template-columns-desktop:repeat(4, 1fr); --o-grid-template-rows:repeat(4, auto); --o-grid-template-rows-tablet:repeat(4, auto); --o-grid-template-rows-desktop:1fr; --o-grid-template-areas:&quot;column-1&quot;
&quot;column-2&quot;
&quot;column-3&quot;
&quot;column-4&quot;; --o-grid-template-areas-tablet:&quot;column-1&quot;
&quot;column-2&quot;
&quot;column-3&quot;
&quot;column-4&quot;; --o-grid-template-areas-desktop:&quot;column-1 column-2 column-3 column-4&quot;; --o-grid-template-gap:1rem 1rem; --o-grid-template-gap-tablet:2rem 2rem; --o-grid-template-gap-desktop:4rem 4rem;">
            <div class=""
             style="">
            
<div class="o-grid full-width                            grid" style="--o-grid-template-columns:1fr; --o-grid-template-columns-tablet:1fr; --o-grid-template-columns-desktop:1fr; --o-grid-template-rows:repeat(3, auto); --o-grid-template-rows-tablet:repeat(3, auto); --o-grid-template-rows-desktop:repeat(3, auto); --o-grid-template-areas:&quot;column-1&quot;
&quot;column-2&quot;
&quot;column-3&quot;; --o-grid-template-areas-tablet:&quot;column-1&quot;
&quot;column-2&quot;
&quot;column-3&quot;; --o-grid-template-areas-desktop:&quot;column-1&quot;
&quot;column-2&quot;
&quot;column-3&quot;; --o-grid-template-gap:1rem 1rem; --o-grid-template-gap-tablet:1rem 1rem; --o-grid-template-gap-desktop:1rem 1rem;">
            <div class=""
             style="">
            
    <div class="o-container o-container-d8d126c2-c84f-490e-8a5c-3e78c2014d4b    106abf4c-ad0f-4def-af6b-71b99051c141     965201e2-b839-479e-868d-21bb3e23ed04     58271d6b-7f58-429b-a587-066e88355907                  "><span class="text-footer-title navigation-footer-title md:navigation-footer-title-desktop inline-block                           ">
        <span>¡15% dto en tu primera compra!</span>
</span>

<div class="font-primary text-md  font-light                            "  >
<p><span class="">Suscríbete a nuestra newsletter y consigue un 15% en tu primera compra (no acumulable a otras promociones) </span></p></div>
</div>
    <style>
        .o-container-d8d126c2-c84f-490e-8a5c-3e78c2014d4b {
            --container-background: ;
        }
    </style>
        </div>
            <div class=""
             style="">
            
    <div class="o-container o-container-d1a71cf5-ab0d-468b-9b2b-1b7e1d83bc7a    5bc16ba0-503c-4807-a75f-184a33c332e7     73567880-5685-4aba-841c-b38a4515b30e     3abdbf5f-52ba-452d-8abb-308e36f4abfd      "><div>
    <form class="form subscribe"
          action="https://www.lekue.com/es/newsletter/subscriber/new/"
          method="post"
          x-data="initNewsletterForm()"
          @submit.prevent="submitForm()"
          id="newsletter-validate-detail">
        <div class="field field-inline relative mb-1.5">
            <label for="newsletter-subscribe">Dirección de email</label>
            <input name="email"
                   type="email"
                   required
                   id="newsletter-subscribe"
                   class="form-input inline-flex w-full pr-14">
            <button class="btn btn-primary absolute right-0 md:right-1 top-1/2 transform -translate-y-1/2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
  <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
            </button>
        </div>

        <input name="form_key" type="hidden" value="e3SF4u15lsS3elkP" />
        <div class="text-sm text-footer-font leading-6">
            
<div id="checkout-terms-form-1"
     class="field choice  required">
    <input type="checkbox"
           id="terms-1"
           name="terms[1]"
                   title="ES - política de privacidad "
           class="checkbox"
        required    />
    <label class="label" for="terms-1">
        <span>He leído y acepto la <a href="/es/politica-de-privacidad" target="_blank" >política de privacidad</a></span>
    </label>
</div>
        </div>

                <div>
            <template x-if="displayErrorMessage">
                <p class="flex items-center text-red">
                    <span class="inline-block w-8 h-8 mr-3">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                             stroke="currentColor">
                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
                        </svg>
                    </span>
                    <template x-for="errorMessage in errorMessages">
                        <span x-html="errorMessage"></span>
                    </template>
                </p>
            </template>
        </div>
    </form>
    <div class="w-full">
            </div>
    <script>
        function initNewsletterForm() {
            return {
                errors: 0,
                hasCaptchaToken: 0,
                displayErrorMessage: false,
                errorMessages: [],
                setErrorMessages(messages) {
                    this.errorMessages = [messages]
                    this.displayErrorMessage = this.errorMessages.length
                },
                submitForm() {
                    var $form = document.querySelector('#newsletter-validate-detail');
                    
                    if (this.errors === 0) {
                        $form.submit();
                    }
                }
            }
        }
    </script>
</div>
</div>
    <style>
        .o-container-d1a71cf5-ab0d-468b-9b2b-1b7e1d83bc7a {
            --container-background: ;
        }
    </style>
        </div>
            <div class=""
             style="">
            
    <div class="o-container o-container-8f092b8e-423d-436c-b80d-3791b5da0ef1 full-width   ee323688-587f-492c-90f9-8dbeff6daf9f     c1a0c853-cef0-417b-936d-c621617fd58e     fd0cea25-149f-4ea5-8801-36d6a92b99a2     md:mt-0    mt-2    lg:mt-2     "><span class="text-footer-title navigation-footer-title md:navigation-footer-title-desktop inline-block             lg:pb-3              ">
        <span>Síguenos en… </span>
</span>

<div class="flex  ">
            <div class="p-2">
            
<div class="m-characteristic flex text-center items-center flex-col space-y-2 md:flex-col md:space-y-2  ">
    <a href="https://instagram.com/lekuees" target="_blank" rel="nofollow" class="u-link inline-block">        
    <div class="a-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-8 h-8" width="18" height="18">
<path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0007 5C10.0996 5 9.86097 5.00831 9.1143 5.04229C8.36908 5.07642 7.8604 5.1944 7.41532 5.3675C6.95492 5.5463 6.56437 5.78547 6.17528 6.1747C5.78591 6.56378 5.54673 6.95433 5.36736 7.41459C5.19381 7.85982 5.07569 8.36863 5.04215 9.11356C5.00875 9.86023 5 10.099 5 12.0001C5 13.9012 5.00846 14.139 5.04229 14.8857C5.07656 15.6309 5.19454 16.1395 5.3675 16.5847C5.54644 17.0451 5.78561 17.4356 6.17484 17.8247C6.56379 18.2141 6.95434 18.4538 7.41444 18.6326C7.85982 18.8058 8.36864 18.9237 9.1137 18.9578C9.86039 18.9918 10.0988 19.0001 11.9998 19.0001C13.901 19.0001 14.1389 18.9918 14.8856 18.9578C15.6308 18.9237 16.1401 18.8058 16.5854 18.6326C17.0457 18.4538 17.4356 18.2141 17.8245 17.8247C18.2139 17.4356 18.4531 17.0451 18.6325 16.5848C18.8045 16.1395 18.9227 15.6307 18.9577 14.8859C18.9912 14.1392 19 13.9012 19 12.0001C19 10.099 18.9912 9.86039 18.9577 9.11371C18.9227 8.36849 18.8045 7.85982 18.6325 7.41473C18.4531 6.95433 18.2139 6.56378 17.8245 6.1747C17.4352 5.78532 17.0458 5.54615 16.585 5.3675C16.1388 5.1944 15.6297 5.07642 14.8845 5.04229C14.1379 5.00831 13.9002 5 11.9985 5H12.0007ZM11.7671 6.2614H11.7673L12.0006 6.26147C13.8696 6.26147 14.0911 6.26817 14.8292 6.30172C15.5117 6.33292 15.8822 6.44697 16.1289 6.54278C16.4556 6.66966 16.6885 6.82133 16.9334 7.06633C17.1784 7.31133 17.33 7.54467 17.4572 7.87134C17.553 8.1178 17.6672 8.48822 17.6982 9.17072C17.7318 9.90865 17.739 10.1303 17.739 11.9985C17.739 13.8666 17.7318 14.0883 17.6982 14.8262C17.667 15.5087 17.553 15.8791 17.4572 16.1255C17.3303 16.4522 17.1784 16.6849 16.9334 16.9298C16.6884 17.1748 16.4557 17.3264 16.1289 17.4532C15.8824 17.5495 15.5117 17.6632 14.8292 17.6945C14.0913 17.728 13.8696 17.7353 12.0006 17.7353C10.1314 17.7353 9.90991 17.728 9.17199 17.6945C8.48948 17.663 8.11906 17.5489 7.87216 17.4531C7.54549 17.3263 7.31216 17.1746 7.06716 16.9296C6.82215 16.6846 6.67048 16.4518 6.54332 16.125C6.4475 15.8786 6.33332 15.5081 6.30224 14.8256C6.26871 14.0877 6.26199 13.866 6.26199 11.9967C6.26199 10.1274 6.26871 9.9069 6.30224 9.16897C6.33346 8.48647 6.4475 8.11605 6.54332 7.86929C6.67019 7.54262 6.82215 7.30929 7.06716 7.06429C7.31216 6.81928 7.54549 6.66761 7.87216 6.54045C8.11892 6.4442 8.48948 6.33044 9.17199 6.29909C9.81774 6.26992 10.068 6.26117 11.3726 6.25972V6.26147C11.4945 6.26127 11.6256 6.26134 11.7671 6.2614ZM14.8972 8.26349C14.8972 7.79959 15.2734 7.42378 15.7371 7.42378V7.42348C16.2009 7.42348 16.5772 7.79973 16.5772 8.26349C16.5772 8.72724 16.2009 9.1035 15.7371 9.1035C15.2734 9.1035 14.8972 8.72724 14.8972 8.26349ZM12.0005 8.40524C10.0153 8.40532 8.40583 10.0149 8.40583 12.0001C8.40583 13.9853 10.0154 15.5942 12.0007 15.5942C13.9859 15.5942 15.5949 13.9853 15.5949 12.0001C15.5949 10.0148 13.9858 8.40524 12.0005 8.40524ZM14.3341 12.0001C14.3341 10.7113 13.2893 9.66672 12.0007 9.66672C10.7119 9.66672 9.66733 10.7113 9.66733 12.0001C9.66733 13.2887 10.7119 14.3334 12.0007 14.3334C13.2893 14.3334 14.3341 13.2887 14.3341 12.0001Z" fill="black"/>
</svg>
</div>
        </a>        <div class="m-characteristic__text">
                    </div>
</div>
        </div>
            <div class="p-2">
            
<div class="m-characteristic flex text-center items-center flex-col space-y-2 md:flex-col md:space-y-2  ">
    <a href="https://www.facebook.com/LekueES/" target="_blank" rel="nofollow" class="u-link inline-block">        
    <div class="a-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-8 h-8" width="18" height="18">
<rect width="24" height="24" fill="white"/>
<path d="M14.7584 12.4948H12.9787V19.0146H10.2824V12.4948H9V10.2035H10.2824V8.7207C10.2824 7.66037 10.7861 6 13.0027 6L15 6.00836V8.23249H13.5508C13.3131 8.23249 12.9789 8.35125 12.9789 8.85706V10.2056H14.994L14.7584 12.4948Z" fill="black"/>
</svg>
</div>
        </a>        <div class="m-characteristic__text">
                    </div>
</div>
        </div>
            <div class="p-2">
            
<div class="m-characteristic flex     ">
    <a href="https://twitter.com/LekueEs" target="_blank" rel="nofollow" class="u-link inline-block">        
    <div class="a-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-8 h-8" width="18" height="18">
<path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="white"/>
<path d="M11.8267 9.83801L11.8527 10.2669L11.4192 10.2144C9.8411 10.0131 8.46247 9.3303 7.29193 8.18358L6.71966 7.6146L6.57226 8.03477C6.26012 8.97141 6.45955 9.96056 7.10984 10.6258C7.45667 10.9935 7.37864 11.046 6.78036 10.8272C6.57226 10.7571 6.39018 10.7046 6.37284 10.7309C6.31214 10.7922 6.52024 11.5887 6.68498 11.9039C6.91042 12.3415 7.36996 12.7705 7.87286 13.0243L8.29773 13.2256L7.79483 13.2344C7.30927 13.2344 7.29193 13.2432 7.34395 13.427C7.51737 13.996 8.20235 14.6 8.96537 14.8626L9.50295 15.0464L9.03473 15.3265C8.34108 15.7292 7.52604 15.9568 6.71099 15.9743C6.32081 15.983 6 16.018 6 16.0443C6 16.1318 7.05782 16.622 7.67344 16.8146C9.52029 17.3836 11.714 17.1385 13.3614 16.1669C14.5319 15.4753 15.7025 14.101 16.2487 12.7705C16.5435 12.0614 16.8383 10.7659 16.8383 10.1444C16.8383 9.74172 16.8643 9.6892 17.3499 9.20775C17.636 8.92764 17.9048 8.62126 17.9568 8.53373C18.0435 8.36741 18.0349 8.36741 17.5927 8.51622C16.8557 8.77883 16.7516 8.74381 17.1158 8.3499C17.3846 8.06979 17.7054 7.56208 17.7054 7.41327C17.7054 7.38701 17.5753 7.43078 17.4279 7.50956C17.2719 7.59709 16.925 7.7284 16.6649 7.80718L16.1967 7.95599L15.7718 7.66712C15.5377 7.50956 15.2082 7.33449 15.0348 7.28197C14.5926 7.15942 13.9163 7.17692 13.5175 7.31698C12.4336 7.71089 11.7486 8.72631 11.8267 9.83801Z" fill="black"/>
</svg>
</div>
        </a>        <div class="m-characteristic__text">
                    </div>
</div>
        </div>
            <div class="p-2">
            
<div class="m-characteristic flex text-center items-center flex-col space-y-2 md:flex-col md:space-y-2  ">
    <a href="https://www.youtube.com/user/LekueVideos" target="_blank" rel="nofollow" class="u-link inline-block">        
    <div class="a-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-8 h-8" width="18" height="18">
<path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.4696 7.30041C18.0721 7.46571 18.5464 7.95277 18.7074 8.57129C19 9.69228 19 12.0312 19 12.0312C19 12.0312 19 14.3701 18.7074 15.4912C18.5464 16.1097 18.0721 16.5968 17.4696 16.7622C16.378 17.0625 12 17.0625 12 17.0625C12 17.0625 7.62206 17.0625 6.53029 16.7622C5.9279 16.5968 5.45349 16.1097 5.29249 15.4912C5 14.3701 5 12.0312 5 12.0312C5 12.0312 5 9.69228 5.29249 8.57129C5.45349 7.95277 5.9279 7.46571 6.53029 7.30041C7.62206 7 12 7 12 7C12 7 16.378 7 17.4696 7.30041ZM10.6874 10.0625V14.4375L14.1874 12.2501L10.6874 10.0625Z" fill="black"/>
</svg>
</div>
        </a>        <div class="m-characteristic__text">
                    </div>
</div>
        </div>
    </div>
</div>
    <style>
        .o-container-8f092b8e-423d-436c-b80d-3791b5da0ef1 {
            --container-background: ;
        }
    </style>
        </div>
            <div class=""
             style="">
            
    <a href="https://www.lekue.com/es/storelocator/" target="" rel="" class="  ">
        <span class="text-footer-title navigation-footer-title md:navigation-footer-title-desktop inline-block         pb-4    lg:pb-0          lg:mt-2    ">
            <span class="inline-block align-middle">
    <div class="a-icon w-5 h-5"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 6.375C9.0335 6.375 8.25 7.1585 8.25 8.125C8.25 9.0915 9.0335 9.875 10 9.875C10.9665 9.875 11.75 9.0915 11.75 8.125C11.75 7.1585 10.9665 6.375 10 6.375ZM6.75 8.125C6.75 6.33007 8.20507 4.875 10 4.875C11.7949 4.875 13.25 6.33007 13.25 8.125C13.25 9.91993 11.7949 11.375 10 11.375C8.20507 11.375 6.75 9.91993 6.75 8.125Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 2.625C8.54131 2.625 7.14236 3.20446 6.11091 4.23591C5.07946 5.26736 4.5 6.66631 4.5 8.125C4.5 10.6675 5.92139 12.9947 7.44095 14.7422C8.19158 15.6055 8.94413 16.3018 9.50917 16.7821C9.69629 16.9411 9.86225 17.076 10 17.1848C10.1378 17.076 10.3037 16.9411 10.4908 16.7821C11.0559 16.3018 11.8084 15.6055 12.559 14.7422C14.0786 12.9947 15.5 10.6675 15.5 8.125C15.5 6.66631 14.9205 5.26736 13.8891 4.23591C12.8576 3.20446 11.4587 2.625 10 2.625ZM10 18.125C9.5699 18.7394 9.5697 18.7393 9.56947 18.7391L9.56731 18.7376L9.56244 18.7342L9.54605 18.7225C9.53221 18.7126 9.5126 18.6985 9.4876 18.6803C9.43762 18.6438 9.36606 18.5907 9.27602 18.5219C9.096 18.3843 8.84164 18.1833 8.5377 17.925C7.93088 17.4092 7.12092 16.6602 6.30905 15.7265C4.70361 13.8803 3 11.2075 3 8.125C3 6.26848 3.7375 4.48801 5.05025 3.17525C6.36301 1.8625 8.14348 1.125 10 1.125C11.8565 1.125 13.637 1.8625 14.9497 3.17525C16.2625 4.48801 17 6.26848 17 8.125C17 11.2075 15.2964 13.8803 13.691 15.7265C12.8791 16.6602 12.0691 17.4092 11.4623 17.925C11.1584 18.1833 10.904 18.3843 10.724 18.5219C10.6339 18.5907 10.5624 18.6438 10.5124 18.6803C10.4874 18.6985 10.4678 18.7126 10.454 18.7225L10.4376 18.7342L10.4327 18.7376L10.4311 18.7387C10.4309 18.7389 10.4301 18.7394 10 18.125ZM10 18.125L10.4301 18.7394C10.1719 18.9202 9.82771 18.9199 9.56947 18.7391L10 18.125Z" fill="black"/>
</svg></div>
</span>
        <span>Buscar una tienda</span>
</span>
    </a>
        </div>
    </div>
        </div>
            <div class=""
             style="">
            
<div class="m-footer-widget o-footer__navigation-column" x-data="{selected:null}">
    <div class="m-footer-widget__title" @click="selected !== 1 ? selected = 1 : selected = null">
        <div class="m-footer-widget__title__text flex flex-row flex-no-wrap items-center justify-between">
            <div class="navigation-footer-title md:navigation-footer-title-desktop"><span class="text-footer-title navigation-footer-title md:navigation-footer-title-desktop inline-block         pb-4    lg:pb-4              ">
        <span>AYUDA</span>
</span>
</div>
            <div class="lg:hidden" :class="{'transform rotate-180': selected == 1}">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="25" height="25">
  <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>
            </div>
        </div>
    </div>
    <div class="m-footer-widget__content relative overflow-hidden transition-all max-h-0 duration-700 lg:max-h-screen"
        x-ref="container"
        :class="{'!max-h-screen':selected}">
        <ul class="o-footer__navigation-list">
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/contact/" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop">Contacto</span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/faq/" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop">Preguntas frecuentes</span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/envios-y-devoluciones/" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop">Envíos y devoluciones</span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/politica-de-privacidad/" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop">Politica de privacidad</span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/politica-de-cookies/" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop">Politica de cookies</span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/condiciones-generales-de-contratacion/" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop">Condiciones generales de contratacion</span>
    </a>
                </li>
                    </ul>
    </div>
</div>
        </div>
            <div class=""
             style="">
            
<div class="m-footer-widget o-footer__navigation-column" x-data="{selected:null}">
    <div class="m-footer-widget__title" @click="selected !== 1 ? selected = 1 : selected = null">
        <div class="m-footer-widget__title__text flex flex-row flex-no-wrap items-center justify-between">
            <div class="navigation-footer-title md:navigation-footer-title-desktop"><span class="text-footer-title navigation-footer-title md:navigation-footer-title-desktop inline-block         pb-4    lg:pb-4  ">
        <span>LÉKUÉ</span>
</span>
</div>
            <div class="lg:hidden" :class="{'transform rotate-180': selected == 1}">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="25" height="25">
  <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>
            </div>
        </div>
    </div>
    <div class="m-footer-widget__content relative overflow-hidden transition-all max-h-0 duration-700 lg:max-h-screen"
        x-ref="container"
        :class="{'!max-h-screen':selected}">
        <ul class="o-footer__navigation-list">
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/quienes-somos/" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop"><p>Quiénes somos</p></span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/storelocator/" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop"><p>Buscador de tiendas</p></span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/#/" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop">Comunicaciones</span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://lekue.filecamp.com/l" target="_blank" rel="nofollow" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop">Para distribuidores</span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/blog/" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop">Blog</span>
    </a>
                </li>
                    </ul>
    </div>
</div>
        </div>
            <div class=""
             style="">
            
<div class="m-footer-widget o-footer__navigation-column" x-data="{selected:null}">
    <div class="m-footer-widget__title" @click="selected !== 1 ? selected = 1 : selected = null">
        <div class="m-footer-widget__title__text flex flex-row flex-no-wrap items-center justify-between">
            <div class="navigation-footer-title md:navigation-footer-title-desktop"><span class="text-footer-title navigation-footer-title md:navigation-footer-title-desktop inline-block         pb-4    lg:pb-4              ">
        <span>COLECCIONES</span>
</span>
</div>
            <div class="lg:hidden" :class="{'transform rotate-180': selected == 1}">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="25" height="25">
  <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>
            </div>
        </div>
    </div>
    <div class="m-footer-widget__content relative overflow-hidden transition-all max-h-0 duration-700 lg:max-h-screen"
        x-ref="container"
        :class="{'!max-h-screen':selected}">
        <ul class="o-footer__navigation-list">
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/colecciones/reuse-reduce-collection" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop"><p>Reuse &amp; Reduce</p></span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/colecciones/veggie-lovers-collection" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop">Veggie Lovers</span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/colecciones/microwave" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop"><p>Cocinar al microondas</p></span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/colecciones/pan-en-casa" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop"><p>Pan en casa</p></span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/colecciones/pasteleria-tradicional" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop"><p>Pastelería tradicional</p></span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/colecciones/pasteleria-creativa" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop"><p>Pastelería creativa</p></span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/colecciones/coleccion-hielo" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop"><p>Hielo &amp; Helados</p></span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/colecciones/calm-at-home" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop"><p>Calm at Home</p></span>
    </a>
                </li>
                            <li class="o-footer__navigation-list-item navigation-footer-font md:navigation-footer-font-desktop">
                    
    <a href="https://www.lekue.com/es/colecciones/to-go-collection" target="" rel="" class="  ">
        <span class="text-footer-font navigation-footer-font md:navigation-footer-font-desktop">To Go</span>
    </a>
                </li>
                    </ul>
    </div>
</div>
        </div>
    </div>
</div>
    <style>
        .o-container-5985e018-b14d-4ec5-a620-9e9cda2fa04a {
            --container-background: ;
        }
    </style>
    </div>
</section>
</div></footer>
<script>
    (function (global, factory) {
        typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
            typeof define === 'function' && define.amd ? define(factory) :
                (global = typeof globalThis !== 'undefined' ? globalThis : global || self, (global.AlpineMagicHelpers = global.AlpineMagicHelpers || {}, global.AlpineMagicHelpers.intersec = factory()));
    }(this, (function () {
        'use strict';

        var checkForAlpine = function checkForAlpine() {
            if (!window.Alpine) {
                throw new Error('[Magic Helpers] Alpine is required for the magic helpers to function correctly.');
            }

            if (!window.Alpine.version || !isValidVersion('2.5.0', window.Alpine.version)) {
                throw new Error('Invalid Alpine version. Please use Alpine version 2.5.0 or above');
            }
        };

        function isValidVersion(required, current) {
            var requiredArray = required.split('.');
            var currentArray = current.split('.');

            for (var i = 0; i < requiredArray.length; i++) {
                if (!currentArray[i] || parseInt(currentArray[i]) < parseInt(requiredArray[i])) {
                    return false;
                }
            }

            return true;
        }

        function importOrderCheck() {
            // We only want to show the error once
            if (window.Alpine && !window.AlpineMagicHelpers.__fatal) {
                window.AlpineMagicHelpers.__fatal = setTimeout(function () {
                    console.error('%c*** ALPINE MAGIC HELPER: Fatal Error! ***\n\n\n' + 'Alpine magic helpers need to be loaded before Alpine ' + 'to avoid errors when Alpine initialises its component. \n\n' + 'Make sure the helper script is included before Alpine in ' + 'your page when using the defer attribute', 'font-size: 14px');
                }, 200); // We set a small timeout to make sure we flush all the Alpine noise first
            }
        }

        importOrderCheck();
        var AlpineIntersecMagicMethod = {
            start: function start() {
                checkForAlpine();
                Alpine.addMagicProperty('intersec', function ($el) {
                    return function () {
                        var _this = this;

                        for (var _len = arguments.length, parameters = new Array(_len), _key = 0; _key < _len; _key++) {
                            parameters[_key] = arguments[_key];
                        }


                        if (typeof parameters[0] !== 'function') return parameters[0];

                        var threshold = 0;
                        var rootMargin = '300px';

                        if (typeof parameters[1] === 'number') {
                            rootMargin = parameters[1];
                        }

                        let options = { threshold: threshold, rootMargin: rootMargin };
                        let observer = new IntersectionObserver((entries) => {
                            entries.forEach((entry) => {
                                if (entry.intersectionRatio === 0)
                                    return;

                                parameters[0].call(_this);
                                observer.unobserve($el);
                            });
                        }, options);

                        observer.observe($el);
                    };
                });
            }
        };

        var alpine = window.deferLoadingAlpine || function (alpine) {
            return alpine();
        };

        window.deferLoadingAlpine = function (callback) {
            AlpineIntersecMagicMethod.start();
            alpine(callback);
        };

        return AlpineIntersecMagicMethod;

    })));
</script>

<script type="module"
        src="https://www.lekue.com/static/version1636453716/frontend/Project/default/es_ES/Hyva_Theme/js/alpine-2.3.5.min.js"
        defer
        crossorigin
></script>
<script>
    'use strict';
    function dispatchMessages(messages, hideAfter) {
        var 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 {
                var messages = hyva.getCookie('mage-messages');
                messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
                window.mageMessages = messages;
            } catch (error) {
                console.warn('Error parsing Cookie Messages:', error);
                return;
            }

            dispatchMessages(messages);

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

        window.addEventListener('load', function () {
            hyva.initFormKey();
            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 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: "Por favor, active LocalStorage en su navegador"
                    }]
                );
                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;
                    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) {
                    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 {
                    dispatchPrivateContent({});
                }

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

        window.addEventListener('load', 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('https://www.lekue.com/es//customer/section/load/?sections=' + encodeURIComponent(
                sections.join(',')
            ), {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest'
                }
            })
                .then(function (response) {
                    return response.json()
                })
                .then(
                    function (data) {
                        if (data) {
                            dispatchPrivateContent(data);

                            // don't persist messages, they've been dispatched already
                            if ( data.messages && data.messages.messages ) {
                                data.messages.messages = []
                            }
                            try {
                                const browserStorage = hyva.getBrowserStorage();
                                browserStorage.setItem(private_content_key, JSON.stringify(data));
                                browserStorage.setItem(
                                    private_content_expire_key,
                                    new Date(Date.now() + (ttl * 1000)).toISOString()
                                );
                                const newCookieVersion = hyva.getCookie(private_content_version_key);
                                browserStorage.setItem(private_content_version_key, newCookieVersion);
                            } catch (error) {
                                console.warn("Couldn't store privateContent", error);
                            }
                        }
                    }
                );
        }
    }
</script>
<script>
    const selector = '.form-email, .form-input, .form-multiselect, .form-select, .form-textarea';
    const BINDED = 'binded';

    function _bindEvents($inputField) {
        let field = $inputField.closest('.field');

        if ($inputField.classList.contains(BINDED) || !field) {
            return false;
        }

        if ($inputField.tagName === 'SELECT') {
            field.classList.add('select');

            if ($inputField.options[$inputField.selectedIndex].text.length > 0 || $inputField.hasAttribute('multiple')) {
                field.classList.add('active');
            }
        }

        if ($inputField.tagName === 'TEXTAREA') {
            field.classList.add('textarea');
        }

        if ($inputField.value && $inputField.value.length > 0 || $inputField.placeholder && $inputField.placeholder.length > 0) {
            if ($inputField.getAttribute('aria-invalid')) {
                $inputField.closest('form').validation();
                $inputField.closest('form').validation('isValid');
            }

            field.classList.add('active');
        }

        $inputField.addEventListener('focus', function () {
            field.classList.add('active');
        });

        $inputField.addEventListener('blur', function () {
            if (!this.value) {
                field.classList.remove('active')
            }
        });

        $inputField.addEventListener('change', function () {
            if ($inputField.tagName === 'SELECT') {
                if ($inputField.options[$inputField.selectedIndex].text.length > 0) {
                    this.closest('.field').classList.add('active');
                } else {
                    this.closest('.field').classList.remove('active')
                }
            }

            if ($inputField.closest('form')?.length) {
                try {
                    $inputField.validation();
                    $inputField.validation('isValid');
                } catch (e) {
                }
            }
        });

        $inputField.classList.add(BINDED);
    }

    window.addEventListener('load', function () {
        const targetNode = document.body;
        const config = {attributes: false, childList: true, subtree: true};

        let elements = document.querySelectorAll(selector);
        Array.prototype.forEach.call(elements, function ($inputField, i) {
            _bindEvents($inputField);
        });

        const callback = function (mutationsList, observer) {
            mutationsList.forEach(function (mutation) {
                for (let i = 0; i < mutation.addedNodes.length; i++) {
                    if (mutation.addedNodes[i].nodeType === 1) {
                        if (mutation.addedNodes[i].closest(selector) || mutation.addedNodes[i].querySelectorAll(selector).length) {
                            let closest = mutation.addedNodes[i].closest(selector);
                            let childs = mutation.addedNodes[i].querySelectorAll(selector);
                            let $inputFields = [];

                            if (closest) {
                                $inputFields.push(closest);
                            }

                            if (childs) {
                                $inputFields.push(...childs);
                            }

                            Array.prototype.forEach.call($inputFields, function ($inputField, i) {
                                let field = $inputField.closest('.field');
                                field.classList.remove('active');
                                field.classList.remove('select');
                                field.classList.remove('textarea');
                                $inputField.classList.remove(BINDED);
                                _bindEvents($inputField);
                            });
                        }
                    }
                }
            });
        };

        const observer = new MutationObserver(callback);
        observer.observe(targetNode, config);
    });
</script>
<script>
    window.addEventListener("load", () => {
        setTimeout(() => {
            window.dispatchEvent(
                new CustomEvent("thirdparty-trigger")
            );
        }, 3500);
    });
</script>
<script>
    class RktCarousel {
        /**
         * Constructor
         */
        constructor(selector, options = {}, hooks = []) {
            // Selectors
            this.container = document.querySelector(selector);
            this.slidesSelector = options.slidesSelector || '.js-carousel__slide';
            this.slides = [];
            this.slidesLength = 0;

            // Breakpoints
            this.currentBreakpoint = undefined;
            this.breakpoints = options.breakpoints || {};

            // Hooks
            this.hooks = hooks;

            // Options
            this.initialOptions = {
                loop: options.loop || false,
                autoplay: options.autoplay || false,
                autoplaySpeed: options.autoplaySpeed || 3000,
                transitionSpeed: options.transitionSpeed || 1000,
                slidesPerView: options.slidesPerView || 1,
                spacing: options.spacing || 0,
            };
            this.options = this.initialOptions;


            // Functional
            this.autoplayInterval = undefined;
            this.isButtonRightDisabled = false;
            this.isButtonLeftDisabled = false;
            this.currentIndex = 0;
            this.maxIndex = 0;
            this.singleSlideMode = false;

            this.addEventListeners();
            this.initCarousel();
        };

        /**
         * Fire hook.
         */
        hook (name) {
            this.hooks[name] && this.hooks[name](this);
        };

        /**
         * Add Event Listeners.
         */
        addEventListeners () {
            window.addEventListener('orientationchange', () => this.onResize());
            window.addEventListener('resize', () => this.onResize());
        };

        /**
         * On Resize Event.
         */
        onResize () {
            const breakpoint = this.checkBreakpoint();
            breakpoint && this.buildCarousel();
            this.hook('resized');
        };

        /**
         * Configure Autoplay.
         */
        setUpAutoplay () {
            if (!this.options.autoplay) return;
            clearInterval(this.autoplayInterval);
            this.autoplayInterval = setInterval(() => this.next(), this.options.autoplaySpeed);
        };

        /**
         * Check current breakpoint.
         */
        checkBreakpoint() {
            if (!this.breakpoints) return;

            const currentBreakpoint = Object.keys(this.breakpoints).reverse().find(breakpoint => {
                const media = `(min-width: ${breakpoint}px)`;
                return window.matchMedia(media).matches;
            });

            if (this.currentBreakpoint === currentBreakpoint) return;

            this.currentBreakpoint = currentBreakpoint;
            const options = currentBreakpoint ? this.breakpoints[currentBreakpoint] : this.initialOptions;
            this.options = {
                ...this.initialOptions,
                ...options
            };
            return true;
        };

        /**
         * Set buttons visibility.
         */
        setButtonsVisibility () {
            this.isButtonLeftDisabled = !this.options.loop && this.currentIndex === 0;
            this.isButtonRightDisabled = !this.options.loop && this.currentIndex === (this.maxIndex - 1);
        };

        /**
         * Clear Carousel Styles.
         */
        clearCarouselStyles () {
            const containerStyles = ['gridAutoColumns', 'gridGap'];
            containerStyles.map(style => this.container.style.removeProperty(style));
            const slideStyles = ['gridColumnStart', 'gridColumnEnd', 'gridRowStart', 'gridRowEnd', 'left'];
            this.slides.forEach(slide => {
                slideStyles.map(style => slide.style.removeProperty(style));
            });
        };

        /**
         * Set Single Mode Styles.
         */
        setSingleModeStyles () {
            this.slides.forEach((slide, index) => {
                slide.style.gridColumnStart = 1;
                slide.style.gridColumnEnd = 1;
                slide.style.gridRowStart = 1;
                slide.style.gridRowEnd = 1;
                slide.style.left = index === 0 ? 0 : '100%';
            });
        };

        /**
         * Set Multiple Mode Styles.
         */
        setMultipleModeStyles () {
            const slidesPerView = this.options.slidesPerView > this.slidesLength ? this.slidesLength : this.options.slidesPerView;
            const slideWidth = 100 / slidesPerView;
            const gap = (this.options.spacing * (slidesPerView - 1)) / slidesPerView;
            this.container.style.gridAutoColumns = `calc(${slideWidth}% - ${gap}px)`;
            this.container.style.gridGap = `${this.options.spacing}px`;
        };

        /**
         * Set Carousel Classes.
         */
        setCarouselStyles () {
            if (!this.slides) return;
            this.singleSlideMode ? this.setSingleModeStyles() : this.setMultipleModeStyles();
        };

        /**
         * Set Slides Transition.
         */
        setTransition () {
            this.container.style.transition = `left ${this.options.transitionSpeed}ms`;
        };

        /**
         * Build Carousel with current Options.
         */
        buildCarousel () {
            this.maxIndex = Math.ceil(this.slidesLength / this.options.slidesPerView);
            this.singleSlideMode = this.options.slidesPerView === 1;
            this.clearCarouselStyles();
            this.setCarouselStyles();
            this.setTransition();
            this.setButtonsVisibility();
            this.setUpAutoplay();
            this.hook('built');
        };

        /**
         * Initialize carousel and fire created event.
         */
        initCarousel () {
            this.slides = this.container.querySelectorAll(this.slidesSelector);
            this.slidesLength = this.slides?.length;
            this.checkBreakpoint();
            this.buildCarousel();
            this.hook('created');
        };

        /**
         * Remove animation styles
         */
        removeAnimationStyles () {
            this.slides.forEach(slide => {
                slide.style.removeProperty('animation');
                slide.style.left = '100%';
            });
        };

        /**
         * Move Single Slide.
         */
        moveSingleSlide (index, action) {
            this.removeAnimationStyles();
            const transition = action === 'next' ? 'slideOutLeft' : 'slideOutRight';
            this.slides[index].style.left = action === 'next' ? '100%' : '-100%';
            this.slides[this.currentIndex].style.left = 0;
            this.slides[index].style.animation = `slideIn ${this.options.transitionSpeed}ms forwards`;
            this.slides[this.currentIndex].style.animation = `${transition} ${this.options.transitionSpeed}ms forwards`;
        };

        /**
         * Move Multiple Slides.
         */
        moveMultipleSlides (index) {
            const trans = index * -100;
            const gap = this.options.spacing * index;
            this.container.style.left = `calc(${trans}% - ${gap}px)`;
        };

        /**
         * Move Slide.
         */
        moveSlide (index, action) {
            this.singleSlideMode ? this.moveSingleSlide(index, action) : this.moveMultipleSlides(index);
            this.currentIndex = index;
            this.setUpAutoplay();
            this.setButtonsVisibility();
            this.hook('moved');
        };

        /**
         * Next Slide.
         */
        next () {
            const nextIndex = this.currentIndex === this.maxIndex -1 ? 0 : this.currentIndex + 1;
            if (!this.options.loop &&  nextIndex < this.currentIndex) return;
            this.moveSlide(nextIndex, 'next');
        };

        /**
         * Prev Slide.
         */
        prev () {
            const nextIndex = this.currentIndex === 0 ? this.maxIndex - 1 : this.currentIndex - 1;
            if (!this.options.loop && nextIndex > this.currentIndex) return;
            this.moveSlide(nextIndex, 'prev');
        };

        /**
         * Move to Slide.
         */
        moveToSlide (index) {
            const action = index > this.currentIndex ? 'next' : 'prev';
            this.moveSlide(index, action);
        };

        /**
         * Get Slides
         */
        getSlides () {
            return this.slides;
        };

        /**
         * Get Current Index.
         */
        getCurrentIndex () {
            return this.currentIndex;
        };

        /**
         * Get Options.
         */
        getOptions () {
            return this.options;
        };

        /**
         * Get Page Size.
         */
        getPageSize () {
            return this.maxIndex;
        }
    }

    window.RktCarousel = RktCarousel;
</script>

<script type="text/javascript">
    function initMcCampaignCatcher() {
        let checkCampaignUrl = 'https://www.lekue.com/es/mailchimp/campaign/check/';

        function getUrlVars() {
            let vars = [],
                i = 0;
            window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
                vars[i++] = {'value': value, 'key': key};
            });

            return vars;
        }

            var path = location;
            var urlParams = null;
            var isGet = path.search.search('\\?');
            var mcCID = null;
            var isMailchimp = false;

            if (isGet !== -1) {
                urlParams = getUrlVars();
                urlParams.forEach(function (item) {
                    if (item.key === 'utm_source') {
                        var reg = /^mailchimp$/;

                        if (reg.exec(item.value)) {
                            isMailchimp = true;
                        }
                    } else if (item.key === 'mc_cid') {
                        mcCID = item.value;
                    }
                });
            } else {
                urlParams = path.href.split('/');
                var utmIndex = urlParams.indexOf('utm_source');
                var mccidIndex = urlParams.indexOf('mc_cid');

                if (utmIndex !== -1) {
                    var value = urlParams[utmIndex + 1];
                    var reg = /^mailchimp$/;

                    if (reg.exec(value)) {
                        isMailchimp = true;
                    }
                } else if (mccidIndex !== -1) {
                    mcCID = urlParams[mccidIndex + 1];
                }
            }

            if (mcCID && !isMailchimp) {
                fetch(checkCampaignUrl + 'mc_cid/' + mcCID + '/', {
                    method: 'GET',
                    dataType: 'json',
                    showLoader: false
                }).then(response => response.json()).then(function (data) {
                    if (data.valid === 0) {
                        hyva.setCookie('mailchimp_campaign_id', '', -1);
                        hyva.setCookie('mailchimp_landing_page', location);
                    } else if (data.valid === 1) {
                        hyva.setCookie('mailchimp_campaign_id', mcCID);
                        hyva.setCookie('mailchimp_landing_page', location);
                    }
                }).catch(function (err) {
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: "error",
                            text: err
                        }], 5000
                    );
                });
            }

            if (isMailchimp) {
                hyva.setCookie('mailchimp_campaign_id', '', -1);
                hyva.setCookie('mailchimp_landing_page', location);
            }


        return {
            checkCampaignUrl: checkCampaignUrl,
            getUrlVars: getUrlVars
        };
    }

    window.addEventListener('thirdparty-trigger', event => {
        let script = document.createElement('script');
        script.async = true;
        script.src = "https://chimpstatic.com/mcjs-connected/js/users/a68d8721716fd5e290640ce55/460bfe2dd6435e4b2d87ecb3d.js";
        let entry = document.getElementsByTagName('script')[0];
        entry.parentNode.insertBefore(script, entry);
        initMcCampaignCatcher();
    });
</script>
<div id="cookie-consent" x-data="initCookiesConfig()" x-init="init()">
    <div x-show="visibleNotice" :class="{'fixed inset-0 z-30' : isAllowNavigation}"
         aria-labelledby="modal-title"
         x-ref="dialog"
         aria-modal="true"
         x-cloak>
        <div>
            <div x-show="isAllowNavigation"
                 x-transition:enter="ease-out duration-300"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="ease-in duration-200"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"
                 class="backdrop"
                 aria-hidden="true"></div>

            <div x-transition:enter="ease-out duration-300"
                 x-transition:enter-start="opacity-0 translate-y-4 md:translate-y-0 md:scale-95"
                 x-transition:enter-end="opacity-100 translate-y-0 md:scale-100"
                 x-transition:leave="ease-in duration-200"
                 x-transition:leave-start="opacity-100 translate-y-0 md:scale-100"
                 x-transition:leave-end="opacity-0 translate-y-4 md:translate-y-0 md:scale-95"
                 class="fixed bottom-0 left-0 right-0 bg-gray-light">
                <div class="container">
                    <div class="flex flex-col flex-no-wrap py-2.5 gap-2 md:gap-4 md:justify-between md:flex-row">
                        <p class="text-sm font-light text-black max-w-screen-lg">
                            <span class="hidden md:block">Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Para administrar o deshabilitar estas cookies haz click en Configuración de Cookies.</span>
                            <span class="md:hidden">Utilizamos cookies propias y de terceros para mejorar nuestros servicios. Para gestionarlas haz click en Configuración de Cookies.</span>
                        </p>
                        <div class="flex flex-row flex-no-wrap gap-2">
                            <a class="btn btn-dark-stroke btn-sm w-full md:w-auto" href="#" @click="visibleConfig = true; visibleNotice = false">Configurar cookies</a>
                            <a class="btn btn-primary btn-sm w-full md:w-auto" href="#" @click="acceptAll" title="Enable or disable all services">Aceptar todas</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div @keydown.window.escape="visibleConfig = false; visibleNotice = true"
         x-show="visibleConfig" class="overflow-y-auto fixed inset-0 z-30"
         aria-labelledby="modal-title"
         x-ref="dialog"
         aria-modal="true"
         x-cloak>
        <div class="flex justify-center items-center min-h-screen">
            <div x-show="visibleConfig"
                 x-transition:enter="ease-out duration-300"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="ease-in duration-200"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"
                 class="backdrop"
                 @click="visibleConfig = false; visibleNotice = true"
                 aria-hidden="true"></div>

            <span class="hidden md:inline-block md:align-middle md:h-screen" aria-hidden="true">&ZeroWidthSpace;</span>

            <div x-show="visibleConfig"
                 x-transition:enter="ease-out duration-300"
                 x-transition:enter-start="opacity-0 translate-y-4 md:translate-y-0 md:scale-95"
                 x-transition:enter-end="opacity-100 translate-y-0 md:scale-100"
                 x-transition:leave="ease-in duration-200"
                 x-transition:leave-start="opacity-100 translate-y-0 md:scale-100"
                 x-transition:leave-end="opacity-0 translate-y-4 md:translate-y-0 md:scale-95"
                 class="flex overflow-hidden flex-col justify-start px-4 pt-10 pb-4 m-4 w-full h-auto bg-white transition-all transform gap-4 md:justify-center md:p-8 md:my-8 md:max-w-2xl">
                <button @click="visibleConfig = false; visibleNotice = true" aria-label="Cerrar"
                        class="absolute top-0 right-0 p-4 opacity-75 transition duration-150 ease-in-out">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.387 5.886a.9.9 0 10-1.273-1.272L12 10.727 5.886 4.614a.9.9 0 00-1.272 1.272L10.727 12l-6.113 6.114a.9.9 0 001.272 1.272L12 13.273l6.114 6.113a.9.9 0 001.273-1.272L13.273 12l6.114-6.114z" fill="currentColor"/></svg>
                </button>
                <div class="relative">
                    <p class="text-lg font-bold mb-2 configuratorTitle">Configurar cookies</p>
                    <p class="text-sm font-light text-black">
                        <span class="hidden md:inline-block configuratorDescription">Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Para saber más, por favor lee nuestra <a href="privacy-policy" target="_blank" class="underline">política de privacidad</a>.</span>
                        <span class="md:hidden configuratorDescription">Utilizamos cookies propias y de terceros para mejorar nuestros servicios en base del análisis de sus hábitos de navegación. Para saber más, por favor lee nuestra <a href="privacy-policy" target="_blank" class="underline">política de privacidad</a>.</span>
                    </p>
                </div>
                <div class="overflow-y-auto flex flex-col gap-4">
                    <template x-for="[id, category] in Object.entries(categories)" hidden>
                        <div class="flex flex-row gap-3 pl-1">
                            <button class="flex-shrink-0 group relative rounded-full inline-flex items-center justify-center h-5 w-10 cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
                                    type="button"
                                    role="switch"
                                    aria-checked="false"
                                    :aria-checked="groups[id].toString()"
                                    :class="{'opacity-30': category.required}"
                                    :disabled="category.required"
                                    @click="groups[id] = !groups[id]">
                                <span aria-hidden="true" class="pointer-events-none absolute bg-white w-full h-full rounded-md"></span>
                                <span aria-hidden="true" class="pointer-events-none absolute h-4 w-9 mx-auto rounded-full transition-colors ease-in-out duration-200 bg-gray-200" x-state:on="Enabled" x-state:off="Not Enabled" :class="{ 'bg-primary': groups[id], 'bg-gray-light': !(groups[id]) }"></span>
                                <span aria-hidden="true" class="pointer-events-none absolute left-0 inline-block h-5 w-5 border border-gray-200 rounded-full bg-white shadow transform ring-0 transition-transform ease-in-out duration-200 translate-x-0" x-state:on="Enabled" x-state:off="Not Enabled" :class="{ 'translate-x-5': groups[id], 'translate-x-0': !(groups[id]) }"></span>
                            </button>
                            <div class="flex flex-col gap-0.5">
                                <p class="text-md font-bold" x-text="category.title"></p>
                                <p class="text-sm font-light" x-text="category.description"></p>
                                <a class="text-sm underline"
                                   @click="visibleConfig = false; visibleNotice = true"
                                   :href="`https://www.lekue.com/es/privacy-policy/#cookies-${id}`">Ver cookies</a>
                            </div>
                        </div>
                    </template>
                </div>
                <div class="flex flex-row flex-no-wrap gap-2">
                    <a class="btn btn-dark-stroke btn-sm w-full md:w-auto" href="#" @click="acceptSelected">Aceptar seleccionadas</a>
                    <a class="btn btn-primary btn-sm w-full md:w-auto" href="#" @click="acceptAll" title="Enable or disable all services">Aceptar todas</a>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    function initCookiesConfig() {
        return {
            cookieName: 'cookie-consent',
            definitionVersion: '0.0.1',
            isAllowNavigation: true,
            logMode: true,
            categories: {"required":{"name":"required","title":"Cookies obligatorias","description":"Estas cookies son estrictamente necesarias para el funcionamiento de la tienda y nos permiten ofrecer funcionalidades b\u00e1sicas (seguridad, registro de usuario, idioma, cesta de la compra ...).","required":true,"purposes":["required"],"accept":true,"default":true,"domains":[],"cookies":[["cookie-consent","","Almacena la configuraci\u00f3n real del consentimiento de las cookies del cliente",""],["frontend","","Cookie interna para equilibrar el servidor",""],["cookienotice","","Magento utiliza para saber si se muestra el aviso de cookies",""],["form_key","","Clave de formulario de Magento",""],["\/mage-.+\/","","Cookies relacionadas con Magento",""],["product_data_storage","","Precio personalizado del producto Magento por cliente",""],["\/recently_.+\/","","Magento relacionado con las secciones vistas recientemente",""],["PHPSESSID","","Cookie interna de PHP para almacenar sesiones",""],["add_to_cart","","Utilizado por Google Tag Manager. Captura el SKU del producto, el nombre, el precio y la cantidad eliminados del carrito, y hace que la informaci\u00f3n est\u00e9 disponible para una futura integraci\u00f3n mediante secuencias de comandos de terceros.",""],["guest-view","","Stores the Order ID that guest shoppers use to retrieve their order status. Guest orders view. Used in \u201cOrders and Returns\u201d widgets.",""],["login_redirect","","Conserva la p\u00e1gina de destino que se estaba cargando antes de que se indicara al cliente que iniciara sesi\u00f3n. Se utiliza una redirecci\u00f3n de inicio de sesi\u00f3n con el minicarro para los clientes que inician sesi\u00f3n si la opci\u00f3n de configuraci\u00f3n Mostrar minicarro est\u00e1 establecida en S\u00ed",""],["remove_from_cart","","Utilizado por Google Tag Manager. Captura el SKU del producto, el nombre, el precio y la cantidad agregada al carrito, y hace que la informaci\u00f3n est\u00e9 disponible para una futura integraci\u00f3n mediante secuencias de comandos de terceros.",""],["stf","","Registra la hora en que el m\u00f3dulo SendFriend (Enviar correo electr\u00f3nico a un amigo) env\u00eda los mensajes.",""],["X-Magento-Vary","","Ajuste de configuraci\u00f3n que mejora el rendimiento cuando se utiliza el almacenamiento en cach\u00e9 de contenido est\u00e1tico de Varnish.",""],["private_content_version","","Agrega un n\u00famero y una hora aleatorios y \u00fanicos a las p\u00e1ginas con contenido del cliente para evitar que se almacenen en cach\u00e9 en el servidor",""],["section_data_ids","","Almacena informaci\u00f3n espec\u00edfica del cliente relacionada con acciones iniciadas por el comprador, como mostrar la lista de deseos, informaci\u00f3n de pago, etc.",""],["store","","Realiza un seguimiento de la vista \/ configuraci\u00f3n regional espec\u00edfica de la tienda seleccionada por el comprador",""],["user_allowed_save_cookie","","Usado para el modo de restricci\u00f3n de cookies",""],["\/_ga|_gid|_gat|_gac.+|AMP_TOKEN|__utm.+\/","","Cookies relacionadas con Google Analytics para el seguimiento de visitas","google-analitycs.com"],["OGPC","","Esta cookie habilita la funcionalidad de Google Maps.",".google.com"],["CGIC","","Mejora la entrega de resultados de b\u00fasqueda al completar autom\u00e1ticamente las consultas de b\u00fasqueda seg\u00fan la entrada inicial del usuario. Esta cookie tiene una duraci\u00f3n de 6 meses",".google.com"],["DV","","Google ReCaptcha almacena una cookie para ayudar a detectar si el usuario es un robot o no (garantizar la seguridad)","www.google.com"],["SIDCC","","Google los utiliza para almacenar las preferencias del usuario y la informaci\u00f3n mientras visualiza p\u00e1ginas con mapas de Google","google.com"],["rocket_social_login_initial_link","","Permite una correcta redirecci\u00f3n despu\u00e9s de identificarse o registrarse con redes sociales.",""]]},"functional":{"name":"functional","title":"Cookies funcionales","description":"Estas cookies ayudan a mejorar nuestro sitio recopilando y analizando informaci\u00f3n sobre su uso. Pueden ser utilizadas para mejorar la experiencia de usuario con funcionalidades como el chat online y los botones para compartir en redes sociales.","required":false,"purposes":["functional"],"accept":false,"default":false,"domains":[],"cookies":[["__zlcmid","","Utilizado por el chat de Zopim para almacenar una identificaci\u00f3n de usuario \u00fanica","zopim.com"],["__cfduid","","El servicio CloudFlare establece la cookie '__cfduid' para identificar el tr\u00e1fico web confiable.","cloudflare.com"],["_asc","","La anal\u00edtica de Alexa usa esta cookie para rastrear y reportar informaci\u00f3n al servicio de anal\u00edtica de Alexa","alexa.com"],["_auc","","La anal\u00edtica de Alexa usa esta cookie para rastrear y reportar informaci\u00f3n al servicio de anal\u00edtica de Alexa","alexa.com"],["atrk","","La anal\u00edtica de Alexa usa esta cookie para rastrear y reportar informaci\u00f3n al servicio de anal\u00edtica de Alexa","alexa.com"],["atrk.gif","","Esta cookie se utiliza para recopilar informaci\u00f3n sobre el comportamiento del consumidor, que se env\u00eda a Alexa Analytics","alexa.com"],["APID","","Recopila informaci\u00f3n sobre el comportamiento de los visitantes en varios sitios web. Esta informaci\u00f3n se utiliza en el sitio web para optimizar la relevancia de la publicidad","yahoo.com"],["B","","Recopila datos an\u00f3nimos relacionados con las visitas al sitio web del usuario, como el n\u00famero de visitas, el tiempo promedio que pasa en el sitio web y las p\u00e1ginas que se han cargado","yahoo.com"],["GPS","","Cookie de YouTube que registra un \u00fanico ID en dispositivos m\u00f3viles con fines estad\u00edsticos seg\u00fan la ubicaci\u00f3n geogr\u00e1fica","youtube.com"],["MR","","Cookie de an\u00e1lisis que se utiliza para transmitir informaci\u00f3n sobre las acciones del usuario a la red publicitaria de Bing","bing.com"],["na_id","","Addthis usa esto para almacenar el historial de uso del usuario.","addthis.com"],["stx_user_id","","Entrega de contenido espec\u00edfico y relevante","sharethrough.com"],["AWSALB","","Balanceador de carga de aplicaciones de Amazon ELB","amazon.com"]]},"marketing":{"name":"marketing","title":"Cookies de marketing","description":"Estas cookies son usadas para monitorizar a los usuarios de forma an\u00f3nima. Permiten mostrar anuncios personalizados y ofrecer contenido relacionado con los intereses detectados durante la navegaci\u00f3n del usuario.","required":false,"purposes":["marketing"],"accept":false,"default":false,"domains":[],"cookies":[["_fbp","","Utilizado por Facebook para ofrecer una serie de productos publicitarios, como ofertas en tiempo real de anunciantes externos","facebook.com"],["fr","","Utilizado por Facebook para ofrecer una serie de productos publicitarios, como ofertas en tiempo real de anunciantes externos","facebook.com"],["\/euds?\/","","Registra datos de usuarios an\u00f3nimos, como su direcci\u00f3n IP, ubicaci\u00f3n geogr\u00e1fica, sitios web visitados y en qu\u00e9 anuncios ha hecho clic el usuario","rocketfuel.com"],["pid","","SmartAdServer es un sistema de publicaci\u00f3n de anuncios remota. Los sitios y los anunciantes utilizan el sistema para administrar la entrega de sus campa\u00f1as publicitarias en l\u00ednea.","smartadserver.es"],["tluid","","Esta cookie se utiliza para identificar al visitante y optimizar la relevancia del anuncio mediante la recopilaci\u00f3n de datos de visitantes de varios sitios web","triplelift.com"],["t_gid","","Asigne un ID de usuario \u00fanico que Taboola utiliza para fines de atribuci\u00f3n e informes","taboola.com"],["_uetsid","","Almacenar y realizar un seguimiento de las visitas en los sitios web para Bing Ads","bing.xom"],["_uetvid","","Almacenar y realizar un seguimiento de las visitas en los sitios web para Bing Ads"],["cto_bundle","","Utilizado por criteo para proporcionar funciones en las p\u00e1ginas","criteo.com"],["mailchimp_landing_page","","Identificar la referencia de llegada a la p\u00e1gina","mailchimp.com"],["1P_JAR","","Cookies de Google para publicidad",".google.es"],["1P_JAR","","Cookies de Google para publicidad",".google.com"],["IDE","","Se utiliza con fines publicitarios para mostrar anuncios de Google en sitios que no son de Google",".google.com"],["\/.?NID\/","","Se utiliza con fines publicitarios para mostrar anuncios de Google en sitios que no son de Google",".google.com"],["\/__Secure\\-\/","","Publicidad. Estas cookies se utilizan para ofrecer anuncios m\u00e1s relevantes para usted y sus intereses.",".google.com"],["\/.*SID\/","","Se utilizan con fines publicitarios para mostrar anuncios de Google en sitios que no son de Google",".google.com"]]}},
            recheckTime: 8,
            domain: COOKIE_CONFIG.domain,
            visibleConfig: false,
            services: {},
            visibleCookies: {},
            isGtmEnabled: true,
            gtmEventName: 'cookie_consent_setted',
            init: function () {
                this.categoriesNames = Object.keys(this.categories);
                this.groups = Object.fromEntries(Object.entries(this.categories).map(function (group, index, array) {
                    return [group[0], group[1].default];
                }));

                this.currentValuesRequired = Object.fromEntries(Object.entries(this.categories).map(function (group, index, array) {
                    return [group[0], group[1].required || group[1].default];
                }));

                for (let categoryName of Object.keys(this.categories)) {
                    let category = this.categories[categoryName],
                        length = category.cookies.length,
                        cookiesNames = [],
                        service = {
                            name: category.name,
                            required: category.required,
                            cookies: [],
                            domains: [this.domain],
                            default: category.default,
                        };

                    for (let j = 0; j < length; j++) {
                        let cookie = category.cookies[j],
                            serviceCookies = service.cookies,
                            name = cookie[0],
                            cookieName = name.startsWith('/') ? name.slice(1, name.lastIndexOf('/')) : name,
                            cookieDef = [
                                name.startsWith('/') ? new RegExp(cookieName) : cookieName,
                                cookie[1] ? cookie[1] : '/',
                            ];

                        if (serviceCookies.indexOf(cookieDef) === -1) {
                            cookiesNames.push(cookieName);
                            serviceCookies.push(cookieDef);
                        }
                    }

                    window.cookie_consent_groups[categoryName] = service.required;
                    window.cookie_consent_config[categoryName] = [].concat(
                        window.cookie_consent_config[categoryName] || [],
                        cookiesNames
                    );

                    this.services[service.name] = service;
                }

                let content = hyva.getCookie(this.cookieName);
                this.currentValues = content ? JSON.parse(decodeURIComponent(content)) : false;
                this.versionDiffers = !!this.currentValues && this.definitionVersion !== this.currentValues.version;

                if (this.versionDiffers) {
                    this.removeCookie({
                        name: this.cookieName,
                        path: '/',
                        domain: this.domain
                    });
                    this.currentValues = false;
                }

                for (let key of Object.keys(this.groups)) {
                    if (this.currentValues && this.currentValues.consents[key] !== this.groups[key]) {
                        this.groups[key] = window.cookie_consent_groups[key] = this.currentValues.consents[key];
                    }
                }

                this.visibleNotice = !this.currentValues || this.versionDiffers;

                this.removeCookiesFunction();
                setInterval(this.removeCookiesFunction.bind(this), this.recheckTime * 1000);
            },
            log: function (msg, type) {
                if (this.logMode && console) {
                    if (typeof type === 'undefined') {
                        type = 'log';
                    }

                    if (console[type]) {
                        console[type](msg);
                    }
                }
            },
            getCookiesByRegexp: function (regexp, path, domains) {
                let regExpCookieName = regexp;

                if (regExpCookieName instanceof RegExp) {
                    regExpCookieName = regexp.toString();
                    regExpCookieName = regExpCookieName.slice(1, regExpCookieName.lastIndexOf('/'));

                    if (regExpCookieName.startsWith('^')) {
                        regExpCookieName = regExpCookieName.slice(1);
                    }

                    if (regExpCookieName.endsWith('$')) {
                        regExpCookieName = regExpCookieName.slice(0, -1);
                    }
                }

                const regExp = new RegExp('(^|;) ?(' + regExpCookieName + ')=([^;]*)(;|$)', 'g'),
                    matches = document.cookie.matchAll(regExp);

                let output = [];

                for (let match of matches) {
                    if (match && match.length > 3) {
                        for (let i = 0; i < domains.length; i++) {
                            output.push({
                                name: match[2],
                                value: match[3],
                                path: path,
                                domain: domains[i] ? domains[i] : this.domain,
                            });
                        }
                    }
                }

                return output;
            },
            removeCookie: function (cookie) {
                let cookieValue = cookie.name + '=;';

                if (cookie.path) {
                    cookieValue += ' path=' + cookie.path + ';';
                }

                document.cookie = cookieValue + ' Expires=Thu, 01 Jan 1970 00:00:01 GMT;';

                if (cookie.domain) {
                    cookieValue += ' domain=' + cookie.domain + ';';
                }

                document.cookie = cookieValue + ' Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
            },
            removeCookies: function (cookies) {
                for (let cookie of cookies) {
                    this.removeCookie(cookie);
                }
            },
            removeCookiesFunction: function () {
                for (let categoryName of Object.keys(this.categories)) {
                    if (this.services[categoryName]) {
                        let cookies = this.services[categoryName].cookies;
                        let accept = this.currentValues ? this.currentValues.consents[categoryName] : this.currentValuesRequired[categoryName];

                        if (!accept) {
                            for (let [name, path, domain] of cookies) {
                                let existingCookies = this.getCookiesByRegexp(name, path, domain ?? [this.domain]);

                                if (existingCookies.length) {
                                    this.removeCookies(existingCookies);
                                    this.log('Removed cookie ' + existingCookies[0].name);
                                }
                            }
                        }
                    }
                }
            },
            acceptSelected: function () {
                this.currentValues = {
                    version: this.definitionVersion,
                    consents: this.groups,
                };

                hyva.setCookie(this.cookieName, JSON.stringify(this.currentValues));
                this.visibleConfig = false;
                this.visibleNotice = false;

                for (let key of Object.keys(this.groups)) {
                    window.cookie_consent_groups[key] = this.groups[key];
                }

                this.sendEvent(this.gtmEventName, window.cookie_consent_groups);
            },
            acceptAll: function () {
                for (let key of Object.keys(this.groups)) {
                    this.groups[key] = true;
                }
                this.acceptSelected();
            },
            sendEvent: function (eventName, consentGroups) {
                if (!this.isGtmEnabled) {
                    return false;
                }

                if (eventName === undefined) {
                    eventName = this.gtmEventName
                }

                if (consentGroups === undefined) {
                    consentGroups = window.cookie_consent_groups
                }

                if (Array.isArray(consentGroups)) {
                    consentGroups = Object.assign({}, consentGroups)
                }

                const data = {...{'event': eventName}, ...consentGroups};
                window.dispatchEvent( new CustomEvent('datalayer-event', { detail: data }));
                this.log('Dispatch datalayer-event cookies event');
                this.log(data);
            }
        };
    }
</script>

<script>
    function initUpdatedBrowserPopup() {
        return {
            cookieName: 'outdated_browser_popup',
            cookieValue: 'outdated_browser_popup_closed',
            cookieLifetime: 86400,
            opened: false,
            close() {
                let cookieExpires = this.cookieLifetime / 60 / 60 / 24;
                hyva.setCookie(this.cookieName, this.cookieValue, cookieExpires);
                this.opened = false;
            },
            isSupported() {
                let browser = {};
                let unsupportedBrowsers = {"Chrome":"80","Firefox":"60","IE":"11","Edge":"15","Opera":"50","Safari":"12"};

                browser = (function () {
                    let userAgent = navigator.userAgent,
                        browserInfo,
                        browserMatched =
                            userAgent.match(
                                /(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i
                            ) || [];

                    if (/trident/i.test(browserMatched[1])) {
                        browserInfo = /\brv[ :]+(\d+)/g.exec(userAgent) || [];
                        return {name: "IE", version: browserInfo[1] || ""};
                    }

                    if (/msie/i.test(browserMatched[1])) {
                        browserMatched[1] = "IE"
                    }

                    if (browserMatched[1] === "Chrome") {
                        browserInfo = userAgent.match(/\b(OPR|Edge)\/(\d+)/);

                        if (browserInfo) {
                            return {name: browserInfo[1].replace("OPR", "Opera"), version: browserInfo[2]};
                        }
                    }

                    if (/ucbrowser/i.test(userAgent)) {
                        browserInfo = userAgent.match(/\b(UCBrowser)\/(\d+)/i);

                        if (browserInfo) {
                            return {name: browserInfo[1], version: browserInfo[2]};
                        }
                    }

                    if (/miuibrowser/i.test(userAgent)) {
                        browserInfo = userAgent.match(/\b(MiuiBrowser)\/(\d+)/i);

                        if (browserInfo) {
                            return {name: browserInfo[1], version: browserInfo[2]};
                        }
                    }

                    if (/instagram/i.test(userAgent)) {
                        return {name: "Instagram", version: 1};
                    }

                    browserMatched = browserMatched[2] ? [browserMatched[1], browserMatched[2]]
                        : [navigator.appName, navigator.appVersion, "-?"];

                    if ((browserInfo = userAgent.match(/version\/(\d+)/i))) {
                        browserMatched.splice(1, 1, browserInfo[1]);
                    }

                    return {name: browserMatched[0], version: browserMatched[1]};
                })();

                return !unsupportedBrowsers[browser.name] || browser.version > unsupportedBrowsers[browser.name];
            },
            init() {
                this.opened = !hyva.getCookie(this.cookieName) && !this.isSupported();
            }
        }
    }
</script>

<div x-data="initUpdatedBrowserPopup()" x-init="init()" x-show="opened" aria-haspopup="true" aria-expanded="true" x-cloak>
    <div @keydown.window.escape="close()"
         x-show="open" class="overflow-y-auto fixed inset-0 z-30"
         aria-labelledby="modal-title"
         x-ref="dialog"
         aria-modal="true" x-cloak>
        <div class="flex justify-center items-center min-h-screen">
            <div x-show="opened"
                 x-transition:enter="ease-out duration-300"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="ease-in duration-200"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"
                 class="backdrop"
                 @click="close()"
                 aria-hidden="true"></div>

            <span class="hidden md:inline-block md:align-middle md:h-screen" aria-hidden="true">&ZeroWidthSpace;</span>

            <div x-show="opened"
                 x-transition:enter="ease-out duration-300"
                 x-transition:enter-start="opacity-0 translate-y-4 md:translate-y-0 md:scale-95"
                 x-transition:enter-end="opacity-100 translate-y-0 md:scale-100"
                 x-transition:leave="ease-in duration-200"
                 x-transition:leave-start="opacity-100 translate-y-0 md:scale-100"
                 x-transition:leave-end="opacity-0 translate-y-4 md:translate-y-0 md:scale-95"
                 class="flex overflow-hidden flex-col justify-start px-4 pt-10 pb-4 w-full bg-white transition-all transform mt-auto md:justify-center md:p-8 md:my-8 md:max-w-2xl">
                <button @click="close" aria-label="Close panel"
                        class="absolute top-0 right-0 p-4 text-black transition duration-150 ease-in-out">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-6 h-6"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.387 5.886a.9.9 0 10-1.273-1.272L12 10.727 5.886 4.614a.9.9 0 00-1.272 1.272L10.727 12l-6.113 6.114a.9.9 0 001.272 1.272L12 13.273l6.114 6.113a.9.9 0 001.273-1.272L13.273 12l6.114-6.114z" fill="currentColor"/></svg>
                </button>
                
    <div class="o-container o-container-29f3b000-c56d-4bb4-835b-71e6d7d3c119 full-width                            ">
<div class="m-characteristic flex text-left items-start flex-col space-y-2 md:flex-col md:space-y-2 md:text-left md:items-start  text-danger">
            
    <div class="a-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="w-5 h-5" width="18" height="18"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.222 4.533c-.284.245-.63.507-1.037.675-.401.166-.83.22-1.196.244-.239.016-.509.02-.75.023l-.315.007c-.727.02-1.034.112-1.182.26-.148.148-.24.455-.26 1.183l-.007.314c-.004.242-.008.512-.023.75-.024.367-.079.795-.245 1.197-.168.406-.43.753-.674 1.036-.168.195-.364.4-.537.58l-.198.208c-.23.246-.401.446-.515.63-.11.177-.133.288-.133.36 0 .072.024.183.133.36.114.184.284.384.515.63l.198.208c.173.18.369.385.537.58.244.283.506.63.674 1.036.166.402.22.83.245 1.196.015.24.02.51.023.751l.006.314c.02.728.113 1.035.26 1.183.149.148.456.24 1.183.26.095.003.201.005.315.006.241.004.511.008.75.024.366.024.795.078 1.196.244.406.168.753.43 1.037.674.195.169.399.364.58.538l.207.198c.246.23.447.4.63.514.178.11.289.134.36.134.072 0 .183-.024.361-.134.184-.113.384-.284.63-.514l.207-.198c.181-.174.386-.37.58-.538.284-.244.631-.506 1.037-.674.401-.166.83-.22 1.196-.244.239-.016.51-.02.75-.023l.315-.007c.727-.02 1.035-.112 1.183-.26.147-.148.24-.455.26-1.183.003-.094.004-.2.006-.314.004-.242.008-.512.024-.75.023-.367.078-.795.244-1.197.168-.406.43-.753.674-1.036.168-.195.364-.4.538-.58l.197-.208a4.23 4.23 0 00.515-.63c.11-.177.134-.288.134-.36 0-.072-.024-.183-.134-.36a4.23 4.23 0 00-.515-.63l-.197-.208a14.29 14.29 0 01-.538-.58c-.244-.283-.506-.63-.674-1.036-.166-.402-.22-.83-.244-1.196-.016-.24-.02-.51-.024-.751a24.08 24.08 0 00-.006-.314c-.02-.728-.113-1.035-.26-1.183-.148-.148-.456-.24-1.183-.26l-.314-.007a14.383 14.383 0 01-.751-.023c-.366-.024-.795-.078-1.196-.244-.406-.168-.753-.43-1.036-.675-.196-.168-.4-.363-.58-.537l-.208-.198a4.235 4.235 0 00-.63-.514c-.178-.11-.289-.134-.36-.134-.072 0-.183.024-.36.134a4.225 4.225 0 00-.63.514c-.065.06-.134.127-.208.198-.181.174-.385.37-.58.537zm.471-2.78c.353-.218.792-.403 1.307-.403.514 0 .953.185 1.306.402.346.214.656.49.916.734l.264.251c.163.157.308.297.467.433.229.197.405.315.55.374.128.054.324.092.623.112.198.013.385.015.596.018.124.002.256.004.404.008.66.019 1.69.072 2.404.787.715.715.769 1.745.787 2.405.005.147.006.28.008.404.003.21.006.397.019.595.02.3.058.495.111.625.06.144.178.32.375.549.136.158.276.304.432.467.08.082.162.169.252.264.243.26.52.57.733.916.218.352.403.791.403 1.306 0 .514-.185.954-.403 1.306-.214.347-.49.657-.733.916l-.252.264a11.22 11.22 0 00-.432.467c-.197.229-.315.405-.375.55-.053.129-.092.325-.111.624-.013.198-.016.385-.019.595-.002.124-.003.257-.008.404-.018.66-.072 1.69-.787 2.405-.715.715-1.745.768-2.404.787-.148.004-.28.006-.404.008-.21.003-.398.005-.596.018-.299.02-.495.058-.624.112-.144.06-.32.177-.55.374-.158.136-.303.276-.466.433l-.264.25a5.9 5.9 0 01-.916.734c-.353.218-.792.403-1.306.403-.515 0-.954-.185-1.307-.402a5.93 5.93 0 01-.916-.734l-.264-.251c-.163-.157-.308-.297-.466-.433-.23-.197-.406-.315-.55-.374-.129-.054-.325-.092-.624-.112a11.483 11.483 0 00-.595-.018 29.516 29.516 0 01-.405-.008c-.66-.02-1.69-.072-2.404-.787-.715-.715-.768-1.745-.787-2.405a28.15 28.15 0 01-.008-.404c-.003-.21-.006-.397-.019-.595-.019-.3-.058-.495-.111-.625l.832-.344-.832.344c-.06-.144-.177-.32-.375-.55a11.885 11.885 0 00-.432-.466l-.251-.264a5.93 5.93 0 01-.734-.916c-.218-.352-.402-.791-.402-1.306s.184-.954.402-1.306c.214-.347.49-.657.734-.916l.251-.264c.157-.163.296-.309.432-.467.198-.229.315-.405.375-.55.053-.129.092-.325.111-.624.013-.198.016-.385.019-.595.002-.124.004-.257.008-.404.019-.66.072-1.69.787-2.405.715-.715 1.745-.768 2.404-.787.148-.004.28-.006.405-.008.21-.003.397-.005.595-.018.3-.02.495-.058.624-.112l.344.832-.344-.832c.144-.06.32-.177.55-.374.158-.136.303-.276.466-.433l.264-.25c.26-.245.57-.52.916-.735z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.6a.9.9 0 01.9.9v5.25a.9.9 0 01-1.8 0V7.5a.9.9 0 01.9-.9z" fill="currentColor"/><path d="M12 17.25A1.125 1.125 0 1012 15a1.125 1.125 0 000 2.25z" fill="currentColor"/></svg>
</div>
                <div class="m-characteristic__text">
                    </div>
</div>

<div class="                           left w-full m-heading" >
    
            <div class="        pb-1    lg:pb-2              m-heading__title">
            
<div class="font-primary text-2xl md:text-4xl font-bold                            "  >
<p>Actualice su navegador</p></div>
        </div>
    
    
            <div class="                          m-heading__description">
            
<div class="font-primary text-md  font-normal                            "  >
<p>La versión de este navegador es muy antigua, puede que los contenidos de esta web no se muestren correctamente.</p></div>
        </div>
    </div>
</div>
    <style>
        .o-container-29f3b000-c56d-4bb4-835b-71e6d7d3c119 {
            --container-background: ;
        }
    </style>
            </div>
        </div>
    </div>
</div>

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