{"id":410,"date":"2026-07-10T13:21:44","date_gmt":"2026-07-10T11:21:44","guid":{"rendered":"https:\/\/casanisgroup.eu\/cultura-gastronomica\/"},"modified":"2026-08-20T15:01:14","modified_gmt":"2026-08-20T13:01:14","slug":"nuestros-restaurantes","status":"publish","type":"page","link":"https:\/\/casanisgroup.eu\/es\/nuestros-restaurantes\/","title":{"rendered":"Nuestros Restaurantes"},"content":{"rendered":"<section id=\"hero-6a8790daae104\"\n    class=\"js-hero-component relative w-full  min-h-[100vh] flex flex-col items-center pt-[15vh] overflow-hidden pb-6 md:pb-20 border-foreground\/40 border-b\"\n    data-anim-active=\"true\">\n\n            <div\n            class=\"js-curtain h-[130vh] md:h-[110vh] fixed top-0 left-0 w-full !z-[99999] pointer-events-none flex flex-col transition-transform duration-[1500ms] ease-[cubic-bezier(0.77,0,0.175,1)] translate-y-0\">\n            <div class=\"w-full bg-primary\" style=\"height: 110vh;\"><\/div>\n            <svg class=\"w-full h-[15vh] md:h-[25vh] text-primary fill-current -mt-[1px]\" viewBox=\"0 0 100 100\"\n                preserveAspectRatio=\"none\">\n                <path d=\"M0,0 L100,0 L100,100 Q50,20 0,100 Z\" \/>\n            <\/svg>\n        <\/div>\n    \n            <div class=\"w-full relative z-40 px-4 flex justify-center pointer-events-none md:mb-28\">\n            <h1\n                class=\"font-extralight js-anim-el block text-center text-[clamp(2.5rem,7vw,5rem)] md:text-[clamp(3rem,5vw,5rem)] leading-[0.9] font-gotham text-light tracking-tight transition-all duration-[1500ms] ease-[cubic-bezier(0.77,0,0.175,1)] opacity-0 translate-y-[30vh]\">\n                Nuestros <span class=\"font-serif \">Restaurantes<\/span>\n            <\/h1>\n        <\/div>\n    \n    <div class=\"relative w-full max-w-[1600px] mx-auto px-0 md:px-6 mt-8 md:-mt-[12vh] flex flex-col md:block flex-1\">\n\n        <!-- CONTENEDOR PADRE CON FLEXBOX -->\n        <div\n            class=\"flex flex-col md:flex-row md:items-center md:justify-between w-full max-w-[1200px] mx-auto gap-4 md:gap-4 px-4\">\n\n            <!-- BLOQUE IZQUIERDO -->\n            \n            <!-- BLOQUE CENTRO (IMAGEN) -->\n            <div\n                class=\"js-anim-el order-1 md:order-2 relative z-20 w-full max-w-[300px] mx-auto flex justify-center transition-all duration-[1500ms] ease-[cubic-bezier(0.77,0,0.175,1)] opacity-0 translate-y-[40vh]\">\n                                    <div\n                        class=\"w-[100vw] md:w-full h-[50vh] md:aspect-[9\/16] overflow-hidden rounded-t-[50vw] bg-primary relative\">\n                        <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/BISTROTCASANIS-75_6a6af0370ce53.webp\" alt=\"Casanis Bistrot\"\n                            class=\"js-anim-img w-full h-full object-cover origin-center transition-transform duration-[1500ms] ease-[cubic-bezier(0.77,0,0.175,1)] scale-75\">\n                    <\/div>\n                            <\/div>\n\n            <!-- BLOQUE DERECHO -->\n            \n        <\/div>\n\n                    <div\n                class=\"js-anim-el order-4 relative z-30 w-full flex flex-col items-center text-center mt-4 md:mt-24 transition-all duration-[1500ms] ease-[cubic-bezier(0.77,0,0.175,1)] opacity-0 translate-y-[30vh] gap-6 px-6 max-w-[80vw] mx-auto\">\n\n                \n                                    <div\n                        class=\"prose font-sans font-light text-sm md:text-base max-w-none antialiased prose-p:text-sm prose-p:leading-[20px] prose-p:my-0 md:prose-p:text-base md:prose-p:leading-[26px]\">\n                        <p style=\"text-align: center;\">Fabi\u00e1n Cangas, copropietario y chef ejecutivo de Casanis Group, se encarga de la propuesta gastron\u00f3mica de todos los espacios del grupo en Marbella, Madrid y Doha.<\/p>\n<p style=\"text-align: center;\">Su filosof\u00eda en la cocina no es otra que el m\u00e1ximo respeto por el producto.<\/p>\n<p style=\"text-align: center;\">En sus propias palabras \u201cNos gusta la sencillez, el buen producto, as\u00ed como un trato amable al cliente\u201d.<\/p>\n\n                    <\/div>\n                \n                            <\/div>\n        \n    <\/div>\n<\/section>\n\n\n<section \n    id=\"marq-6a8790dab1679\" \n    class=\"w-full overflow-hidden border-y border-[#d4d4d4] py-3 md:py-6 mb-[4rem]\"\n    data-speed=\"1\" \n>\n    <div class=\"js-marquee-track flex items-center whitespace-nowrap will-change-transform\">\n        \n        \n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde los sabores cuentan una historia. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una mesa en el casco antiguo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Acogedor, familiar, inolvidable.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde los sabores cuentan una historia. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una mesa en el casco antiguo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Acogedor, familiar, inolvidable.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde los sabores cuentan una historia. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde los sabores cuentan una historia. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una mesa en el casco antiguo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Acogedor, familiar, inolvidable.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde los sabores cuentan una historia. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una mesa en el casco antiguo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Acogedor, familiar, inolvidable.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde los sabores cuentan una historia. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde los sabores cuentan una historia. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una mesa en el casco antiguo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Acogedor, familiar, inolvidable.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde los sabores cuentan una historia. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una mesa en el casco antiguo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Acogedor, familiar, inolvidable.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde los sabores cuentan una historia. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                \n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        const container = document.getElementById(\"marq-6a8790dab1679\");\n        if (!container) return;\n\n        const track = container.querySelector(\".js-marquee-track\");\n        const speed = parseFloat(container.dataset.speed) || 1; \/\/ Velocidad de p\u00edxeles por frame\n\n        let position = 0;\n\n        function animate() {\n            \/\/ Restamos para que se mueva hacia la izquierda\n            position -= speed;\n\n            \/\/ Calculamos el ancho de un tercio del track (ya que lo repetimos 3 veces en el Blade)\n            \/\/ Cuando se desplace ese ancho completo, lo reiniciamos a 0 de forma imperceptible\n            const resetLimit = track.scrollWidth \/ 3;\n\n            if (Math.abs(position) >= resetLimit) {\n                position = 0;\n            }\n\n            track.style.transform = `translate3d(${position}px, 0, 0)`;\n            \n            \/\/ Volvemos a llamar al siguiente frame para mantener la animaci\u00f3n fluida a 60fps+\n            requestAnimationFrame(animate);\n        }\n\n        \/\/ Iniciamos la animaci\u00f3n autom\u00e1tica\n        requestAnimationFrame(animate);\n    });\n<\/script>\n\n<section data-scroll-block\n    class=\"carrusel-contenedor w-full py-12 overflow-hidden\">\n\n            <div class=\"w-full flex flex-col justify-center items-center text-center mb-10 px-6\">\n            <h2\n                class=\"text-[40px] md:text-[50px] font-extralight tracking-tight leading-none text-foreground\">\n                                    <span class=\"font-sans\">Casanis <\/span>\n                                                    <span class=\"font-serif font-light ml-1\">Bistrot<\/span>\n                                <\/h2>\n\n                        <\/div>\n    \n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-2 md:gap-10 py-2 md:py-6 mb-4 md:mb-10\">\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/casanisbistrot.com\/menus\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    Men\u00fa\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/www.sevenrooms.com\/experiences\/casanisbistrot\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    RESERVAR\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/casanisbistrot.com\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    VIS\u00cdTANOS\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                    <\/div>\n    \n    <div class=\"relative flex flex-col max-w-[80vw] mx-auto\">\n        <div class=\"hidden config-carrusel\" data-cantidad=\"2\"\n            data-tipo=\"tipo_3\"><\/div>\n\n        <div class=\"swiper swiper-carrusel-instancia w-full\">\n            <div class=\"swiper-wrapper flex\">\n                                                            \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/BISTROTCASANIS-292-1.jpg\"\n                                alt=\"Casanis Bistrot\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                    \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/BISTROTCASANIS-230_6a70686713b1c.webp\"\n                                alt=\"Gastronomic Culture\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                <\/div>\n    <\/div>\n    <\/div>\n\n    \n    <div class=\"flex justify-center items-center h-10 mt-8 w-full max-w-xl mx-auto\">\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(270deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n        <div class=\"swiper-carrusel-pagination custom-pagination z-10 !w-auto flex items-center gap-3 mx-4\"><\/div>\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(90deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n    <\/div>\n\n    <\/section>\n\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        document.querySelectorAll('.js-btn-abrir-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const targetId = this.getAttribute('data-target');\n                const modal = document.getElementById(targetId);\n\n                if (modal) {\n                    modal.classList.remove('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        });\n\n        document.querySelectorAll('.js-btn-cerrar-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const modal = this.closest('.js-modal-formulario');\n\n                if (modal) {\n                    modal.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            });\n        });\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                const modalAbierto = document.querySelector('.js-modal-formulario:not(.opacity-0)');\n                if (modalAbierto) {\n                    modalAbierto.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modalAbierto.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section \n    id=\"marq-6a8790dab79ca\" \n    class=\"w-full overflow-hidden border-y border-[#d4d4d4] py-3 md:py-6 mb-[4rem]\"\n    data-speed=\"1\" \n>\n    <div class=\"js-marquee-track flex items-center whitespace-nowrap will-change-transform\">\n        \n        \n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Sol. Arena. Gastronom\u00eda. M\u00fasica. Atardeceres. Mediterr\u00e1neo      \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Baila sobre la arena\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde el verano llega a su cima.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Sol. Arena. Gastronom\u00eda. M\u00fasica. Atardeceres. Mediterr\u00e1neo      \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Baila sobre la arena\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde el verano llega a su cima.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Sol. Arena. Gastronom\u00eda. M\u00fasica. Atardeceres. Mediterr\u00e1neo      \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Sol. Arena. Gastronom\u00eda. M\u00fasica. Atardeceres. Mediterr\u00e1neo      \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Baila sobre la arena\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde el verano llega a su cima.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Sol. Arena. Gastronom\u00eda. M\u00fasica. Atardeceres. Mediterr\u00e1neo      \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Baila sobre la arena\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde el verano llega a su cima.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Sol. Arena. Gastronom\u00eda. M\u00fasica. Atardeceres. Mediterr\u00e1neo      \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Sol. Arena. Gastronom\u00eda. M\u00fasica. Atardeceres. Mediterr\u00e1neo      \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Baila sobre la arena\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde el verano llega a su cima.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Sol. Arena. Gastronom\u00eda. M\u00fasica. Atardeceres. Mediterr\u00e1neo      \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Baila sobre la arena\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde el verano llega a su cima.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Sol. Arena. Gastronom\u00eda. M\u00fasica. Atardeceres. Mediterr\u00e1neo      \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                \n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        const container = document.getElementById(\"marq-6a8790dab79ca\");\n        if (!container) return;\n\n        const track = container.querySelector(\".js-marquee-track\");\n        const speed = parseFloat(container.dataset.speed) || 1; \/\/ Velocidad de p\u00edxeles por frame\n\n        let position = 0;\n\n        function animate() {\n            \/\/ Restamos para que se mueva hacia la izquierda\n            position -= speed;\n\n            \/\/ Calculamos el ancho de un tercio del track (ya que lo repetimos 3 veces en el Blade)\n            \/\/ Cuando se desplace ese ancho completo, lo reiniciamos a 0 de forma imperceptible\n            const resetLimit = track.scrollWidth \/ 3;\n\n            if (Math.abs(position) >= resetLimit) {\n                position = 0;\n            }\n\n            track.style.transform = `translate3d(${position}px, 0, 0)`;\n            \n            \/\/ Volvemos a llamar al siguiente frame para mantener la animaci\u00f3n fluida a 60fps+\n            requestAnimationFrame(animate);\n        }\n\n        \/\/ Iniciamos la animaci\u00f3n autom\u00e1tica\n        requestAnimationFrame(animate);\n    });\n<\/script>\n\n<section data-scroll-block\n    class=\"carrusel-contenedor w-full py-12 overflow-hidden\">\n\n            <div class=\"w-full flex flex-col justify-center items-center text-center mb-10 px-6\">\n            <h2\n                class=\"text-[40px] md:text-[50px] font-extralight tracking-tight leading-none text-foreground\">\n                                    <span class=\"font-sans\">La Plage <\/span>\n                                                    <span class=\"font-serif font-light ml-1\">Casanis<\/span>\n                                <\/h2>\n\n                        <\/div>\n    \n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-2 md:gap-10 py-2 md:py-6 mb-4 md:mb-10\">\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/laplagecasanis.com\/eat-drink\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    men\u00fa\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/laplagecasanis.com\/es\/reservar-mesa\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    RESERVAR\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/laplagecasanis.com\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    VIS\u00cdTANOS\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                    <\/div>\n    \n    <div class=\"relative flex flex-col max-w-[80vw] mx-auto\">\n        <div class=\"hidden config-carrusel\" data-cantidad=\"2\"\n            data-tipo=\"tipo_3\"><\/div>\n\n        <div class=\"swiper swiper-carrusel-instancia w-full\">\n            <div class=\"swiper-wrapper flex\">\n                                                            \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/20260614_LAPLAGE_OFFWHITE__graciadelosrios_010_6a6af0339b9a0.webp\"\n                                alt=\"Venues\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                    \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/LAPLAGE_GASTRO-41_6a7068703b6db.webp\"\n                                alt=\"Gastronomic Culture\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                <\/div>\n    <\/div>\n    <\/div>\n\n    \n    <div class=\"flex justify-center items-center h-10 mt-8 w-full max-w-xl mx-auto\">\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(270deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n        <div class=\"swiper-carrusel-pagination custom-pagination z-10 !w-auto flex items-center gap-3 mx-4\"><\/div>\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(90deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n    <\/div>\n\n    <\/section>\n\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        document.querySelectorAll('.js-btn-abrir-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const targetId = this.getAttribute('data-target');\n                const modal = document.getElementById(targetId);\n\n                if (modal) {\n                    modal.classList.remove('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        });\n\n        document.querySelectorAll('.js-btn-cerrar-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const modal = this.closest('.js-modal-formulario');\n\n                if (modal) {\n                    modal.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            });\n        });\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                const modalAbierto = document.querySelector('.js-modal-formulario:not(.opacity-0)');\n                if (modalAbierto) {\n                    modalAbierto.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modalAbierto.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section \n    id=\"marq-6a8790dab92f6\" \n    class=\"w-full overflow-hidden border-y border-[#d4d4d4] py-3 md:py-6 mb-[4rem]\"\n    data-speed=\"1\" \n>\n    <div class=\"js-marquee-track flex items-center whitespace-nowrap will-change-transform\">\n        \n        \n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un show nuevo. Cada a\u00f1o.  \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cenar es un espect\u00e1culo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Experiencia inmersiva\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Cocina del mundo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un show nuevo. Cada a\u00f1o.  \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cenar es un espect\u00e1culo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Experiencia inmersiva\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Cocina del mundo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un show nuevo. Cada a\u00f1o.  \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cenar es un espect\u00e1culo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Experiencia inmersiva\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Cocina del mundo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un show nuevo. Cada a\u00f1o.  \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cenar es un espect\u00e1culo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Experiencia inmersiva\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Cocina del mundo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un show nuevo. Cada a\u00f1o.  \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cenar es un espect\u00e1culo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Experiencia inmersiva\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Cocina del mundo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un show nuevo. Cada a\u00f1o.  \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cenar es un espect\u00e1culo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Experiencia inmersiva\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Cocina del mundo.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                \n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        const container = document.getElementById(\"marq-6a8790dab92f6\");\n        if (!container) return;\n\n        const track = container.querySelector(\".js-marquee-track\");\n        const speed = parseFloat(container.dataset.speed) || 1; \/\/ Velocidad de p\u00edxeles por frame\n\n        let position = 0;\n\n        function animate() {\n            \/\/ Restamos para que se mueva hacia la izquierda\n            position -= speed;\n\n            \/\/ Calculamos el ancho de un tercio del track (ya que lo repetimos 3 veces en el Blade)\n            \/\/ Cuando se desplace ese ancho completo, lo reiniciamos a 0 de forma imperceptible\n            const resetLimit = track.scrollWidth \/ 3;\n\n            if (Math.abs(position) >= resetLimit) {\n                position = 0;\n            }\n\n            track.style.transform = `translate3d(${position}px, 0, 0)`;\n            \n            \/\/ Volvemos a llamar al siguiente frame para mantener la animaci\u00f3n fluida a 60fps+\n            requestAnimationFrame(animate);\n        }\n\n        \/\/ Iniciamos la animaci\u00f3n autom\u00e1tica\n        requestAnimationFrame(animate);\n    });\n<\/script>\n\n<section data-scroll-block\n    class=\"carrusel-contenedor w-full py-12 overflow-hidden\">\n\n            <div class=\"w-full flex flex-col justify-center items-center text-center mb-10 px-6\">\n            <h2\n                class=\"text-[40px] md:text-[50px] font-extralight tracking-tight leading-none text-foreground\">\n                                    <span class=\"font-sans\">Mamzel <\/span>\n                                                    <span class=\"font-serif font-light ml-1\">Marbella<\/span>\n                                <\/h2>\n\n                        <\/div>\n    \n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-2 md:gap-10 py-2 md:py-6 mb-4 md:mb-10\">\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/mamzelmarbella.com\/food-drinks\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    men\u00fa\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/mamzelmarbella.com\/es\/reserva-mesa\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    RESERVAR\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/mamzelmarbella.com\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    VIS\u00cdTANOS\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                    <\/div>\n    \n    <div class=\"relative flex flex-col max-w-[80vw] mx-auto\">\n        <div class=\"hidden config-carrusel\" data-cantidad=\"2\"\n            data-tipo=\"tipo_3\"><\/div>\n\n        <div class=\"swiper swiper-carrusel-instancia w-full\">\n            <div class=\"swiper-wrapper flex\">\n                                                            \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/DSC09071_6a6af03790bdb.webp\"\n                                alt=\"Casanis Mamzel\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                    \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/Mamzel_0166_6a70686921e76-scaled.webp\"\n                                alt=\"Gastronomic Culture\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                <\/div>\n    <\/div>\n    <\/div>\n\n    \n    <div class=\"flex justify-center items-center h-10 mt-8 w-full max-w-xl mx-auto\">\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(270deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n        <div class=\"swiper-carrusel-pagination custom-pagination z-10 !w-auto flex items-center gap-3 mx-4\"><\/div>\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(90deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n    <\/div>\n\n    <\/section>\n\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        document.querySelectorAll('.js-btn-abrir-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const targetId = this.getAttribute('data-target');\n                const modal = document.getElementById(targetId);\n\n                if (modal) {\n                    modal.classList.remove('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        });\n\n        document.querySelectorAll('.js-btn-cerrar-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const modal = this.closest('.js-modal-formulario');\n\n                if (modal) {\n                    modal.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            });\n        });\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                const modalAbierto = document.querySelector('.js-modal-formulario:not(.opacity-0)');\n                if (modalAbierto) {\n                    modalAbierto.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modalAbierto.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section \n    id=\"marq-6a8790dababa3\" \n    class=\"w-full overflow-hidden border-y border-[#d4d4d4] py-3 md:py-6 mb-[4rem]\"\n    data-speed=\"1\" \n>\n    <div class=\"js-marquee-track flex items-center whitespace-nowrap will-change-transform\">\n        \n        \n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Brasserie francesa, reinventada. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             Elegancia en la Milla de Oro.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una visi\u00f3n nueva de un cl\u00e1sico eterno. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cada detalle tiene intenci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Brasserie francesa, reinventada. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             Elegancia en la Milla de Oro.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una visi\u00f3n nueva de un cl\u00e1sico eterno. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cada detalle tiene intenci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Brasserie francesa, reinventada. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             Elegancia en la Milla de Oro.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una visi\u00f3n nueva de un cl\u00e1sico eterno. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cada detalle tiene intenci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Brasserie francesa, reinventada. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             Elegancia en la Milla de Oro.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una visi\u00f3n nueva de un cl\u00e1sico eterno. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cada detalle tiene intenci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Brasserie francesa, reinventada. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             Elegancia en la Milla de Oro.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una visi\u00f3n nueva de un cl\u00e1sico eterno. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cada detalle tiene intenci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Brasserie francesa, reinventada. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             Elegancia en la Milla de Oro.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Una visi\u00f3n nueva de un cl\u00e1sico eterno. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde cada detalle tiene intenci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                \n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        const container = document.getElementById(\"marq-6a8790dababa3\");\n        if (!container) return;\n\n        const track = container.querySelector(\".js-marquee-track\");\n        const speed = parseFloat(container.dataset.speed) || 1; \/\/ Velocidad de p\u00edxeles por frame\n\n        let position = 0;\n\n        function animate() {\n            \/\/ Restamos para que se mueva hacia la izquierda\n            position -= speed;\n\n            \/\/ Calculamos el ancho de un tercio del track (ya que lo repetimos 3 veces en el Blade)\n            \/\/ Cuando se desplace ese ancho completo, lo reiniciamos a 0 de forma imperceptible\n            const resetLimit = track.scrollWidth \/ 3;\n\n            if (Math.abs(position) >= resetLimit) {\n                position = 0;\n            }\n\n            track.style.transform = `translate3d(${position}px, 0, 0)`;\n            \n            \/\/ Volvemos a llamar al siguiente frame para mantener la animaci\u00f3n fluida a 60fps+\n            requestAnimationFrame(animate);\n        }\n\n        \/\/ Iniciamos la animaci\u00f3n autom\u00e1tica\n        requestAnimationFrame(animate);\n    });\n<\/script>\n\n<section data-scroll-block\n    class=\"carrusel-contenedor w-full py-12 overflow-hidden\">\n\n            <div class=\"w-full flex flex-col justify-center items-center text-center mb-10 px-6\">\n            <h2\n                class=\"text-[40px] md:text-[50px] font-extralight tracking-tight leading-none text-foreground\">\n                                    <span class=\"font-sans\">Nota Blu <\/span>\n                                                    <span class=\"font-serif font-light ml-1\">Marbella<\/span>\n                                <\/h2>\n\n                        <\/div>\n    \n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-2 md:gap-10 py-2 md:py-6 mb-4 md:mb-10\">\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/notablu.com\/menu\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    men\u00fa\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/www.sevenrooms.com\/experiences\/notablu\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    RESERVAR\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/notablu.com\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    VIS\u00cdTANOS\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                    <\/div>\n    \n    <div class=\"relative flex flex-col max-w-[80vw] mx-auto\">\n        <div class=\"hidden config-carrusel\" data-cantidad=\"2\"\n            data-tipo=\"tipo_3\"><\/div>\n\n        <div class=\"swiper swiper-carrusel-instancia w-full\">\n            <div class=\"swiper-wrapper flex\">\n                                                            \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/AstetStudioNotaBluMarbellaFN0934_6a6af039a91cc.webp\"\n                                alt=\"Casanis Nota blu\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                    \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/NOTABLUMARBELLA_19022026__IVACREAT-66_6a706870a8eb6-scaled.webp\"\n                                alt=\"Gastronomic Culture\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                <\/div>\n    <\/div>\n    <\/div>\n\n    \n    <div class=\"flex justify-center items-center h-10 mt-8 w-full max-w-xl mx-auto\">\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(270deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n        <div class=\"swiper-carrusel-pagination custom-pagination z-10 !w-auto flex items-center gap-3 mx-4\"><\/div>\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(90deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n    <\/div>\n\n    <\/section>\n\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        document.querySelectorAll('.js-btn-abrir-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const targetId = this.getAttribute('data-target');\n                const modal = document.getElementById(targetId);\n\n                if (modal) {\n                    modal.classList.remove('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        });\n\n        document.querySelectorAll('.js-btn-cerrar-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const modal = this.closest('.js-modal-formulario');\n\n                if (modal) {\n                    modal.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            });\n        });\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                const modalAbierto = document.querySelector('.js-modal-formulario:not(.opacity-0)');\n                if (modalAbierto) {\n                    modalAbierto.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modalAbierto.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section \n    id=\"marq-6a8790dabc3e5\" \n    class=\"w-full overflow-hidden border-y border-[#d4d4d4] py-3 md:py-6 mb-[4rem]\"\n    data-speed=\"1\" \n>\n    <div class=\"js-marquee-track flex items-center whitespace-nowrap will-change-transform\">\n        \n        \n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            De Marbella a la capital\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la gastronom\u00eda y la armon\u00eda comparten mesa\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            De Marbella a la capital\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la gastronom\u00eda y la armon\u00eda comparten mesa\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            De Marbella a la capital\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la gastronom\u00eda y la armon\u00eda comparten mesa\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            De Marbella a la capital\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la gastronom\u00eda y la armon\u00eda comparten mesa\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            De Marbella a la capital\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la gastronom\u00eda y la armon\u00eda comparten mesa\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            De Marbella a la capital\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la gastronom\u00eda y la armon\u00eda comparten mesa\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                \n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        const container = document.getElementById(\"marq-6a8790dabc3e5\");\n        if (!container) return;\n\n        const track = container.querySelector(\".js-marquee-track\");\n        const speed = parseFloat(container.dataset.speed) || 1; \/\/ Velocidad de p\u00edxeles por frame\n\n        let position = 0;\n\n        function animate() {\n            \/\/ Restamos para que se mueva hacia la izquierda\n            position -= speed;\n\n            \/\/ Calculamos el ancho de un tercio del track (ya que lo repetimos 3 veces en el Blade)\n            \/\/ Cuando se desplace ese ancho completo, lo reiniciamos a 0 de forma imperceptible\n            const resetLimit = track.scrollWidth \/ 3;\n\n            if (Math.abs(position) >= resetLimit) {\n                position = 0;\n            }\n\n            track.style.transform = `translate3d(${position}px, 0, 0)`;\n            \n            \/\/ Volvemos a llamar al siguiente frame para mantener la animaci\u00f3n fluida a 60fps+\n            requestAnimationFrame(animate);\n        }\n\n        \/\/ Iniciamos la animaci\u00f3n autom\u00e1tica\n        requestAnimationFrame(animate);\n    });\n<\/script>\n\n<section data-scroll-block\n    class=\"carrusel-contenedor w-full py-12 overflow-hidden\">\n\n            <div class=\"w-full flex flex-col justify-center items-center text-center mb-10 px-6\">\n            <h2\n                class=\"text-[40px] md:text-[50px] font-extralight tracking-tight leading-none text-foreground\">\n                                    <span class=\"font-sans\">Nota Blu <\/span>\n                                                    <span class=\"font-serif font-light ml-1\">Madrid<\/span>\n                                <\/h2>\n\n                        <\/div>\n    \n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-2 md:gap-10 py-2 md:py-6 mb-4 md:mb-10\">\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/notablumadrid.com\/carta\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    men\u00fa\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/www.sevenrooms.com\/experiences\/notablumadrid\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    RESERVAR\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/notablumadrid.com\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    VIS\u00cdTANOS\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                    <\/div>\n    \n    <div class=\"relative flex flex-col max-w-[80vw] mx-auto\">\n        <div class=\"hidden config-carrusel\" data-cantidad=\"2\"\n            data-tipo=\"tipo_3\"><\/div>\n\n        <div class=\"swiper swiper-carrusel-instancia w-full\">\n            <div class=\"swiper-wrapper flex\">\n                                                            \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/NB_Madrid_ADRI__axiun_-06051_6a6af03ba95ea.webp\"\n                                alt=\"Casanis Nota blu\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                    \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/ChatGPT_Image_23_jul_2026__13_54_17_6a70686bc7c43.webp\"\n                                alt=\"Gastronomic Culture\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                <\/div>\n    <\/div>\n    <\/div>\n\n    \n    <div class=\"flex justify-center items-center h-10 mt-8 w-full max-w-xl mx-auto\">\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(270deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n        <div class=\"swiper-carrusel-pagination custom-pagination z-10 !w-auto flex items-center gap-3 mx-4\"><\/div>\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(90deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n    <\/div>\n\n    <\/section>\n\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        document.querySelectorAll('.js-btn-abrir-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const targetId = this.getAttribute('data-target');\n                const modal = document.getElementById(targetId);\n\n                if (modal) {\n                    modal.classList.remove('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        });\n\n        document.querySelectorAll('.js-btn-cerrar-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const modal = this.closest('.js-modal-formulario');\n\n                if (modal) {\n                    modal.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            });\n        });\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                const modalAbierto = document.querySelector('.js-modal-formulario:not(.opacity-0)');\n                if (modalAbierto) {\n                    modalAbierto.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modalAbierto.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section \n    id=\"marq-6a8790dabdc8c\" \n    class=\"w-full overflow-hidden border-y border-[#d4d4d4] py-3 md:py-6 mb-[4rem]\"\n    data-speed=\"1\" \n>\n    <div class=\"js-marquee-track flex items-center whitespace-nowrap will-change-transform\">\n        \n        \n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             M\u00e1s que un restaurante. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un destino.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la tradici\u00f3n encuentra la innovaci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Alma marbell\u00ed, energ\u00eda de Doha.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             M\u00e1s que un restaurante. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un destino.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la tradici\u00f3n encuentra la innovaci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Alma marbell\u00ed, energ\u00eda de Doha.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             M\u00e1s que un restaurante. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un destino.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la tradici\u00f3n encuentra la innovaci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Alma marbell\u00ed, energ\u00eda de Doha.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             M\u00e1s que un restaurante. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un destino.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la tradici\u00f3n encuentra la innovaci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Alma marbell\u00ed, energ\u00eda de Doha.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                    <div class=\"flex items-center\">\n                                                            <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             M\u00e1s que un restaurante. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un destino.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la tradici\u00f3n encuentra la innovaci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Alma marbell\u00ed, energ\u00eda de Doha.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                             M\u00e1s que un restaurante. \n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Un destino.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Donde la tradici\u00f3n encuentra la innovaci\u00f3n.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                                                <span class=\"font-serif text-foreground font-light text-[1rem] md:text-[2rem] antialiased tracking-wide px-6 md:px-10\">\n                            Alma marbell\u00ed, energ\u00eda de Doha.\n                        <\/span>\n                        <span class=\"text-[#888888] text-[20px] md:text-[25px] leading-none mb-2\">\n                            &bull;\n                        <\/span>\n                                                <\/div>\n                \n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        const container = document.getElementById(\"marq-6a8790dabdc8c\");\n        if (!container) return;\n\n        const track = container.querySelector(\".js-marquee-track\");\n        const speed = parseFloat(container.dataset.speed) || 1; \/\/ Velocidad de p\u00edxeles por frame\n\n        let position = 0;\n\n        function animate() {\n            \/\/ Restamos para que se mueva hacia la izquierda\n            position -= speed;\n\n            \/\/ Calculamos el ancho de un tercio del track (ya que lo repetimos 3 veces en el Blade)\n            \/\/ Cuando se desplace ese ancho completo, lo reiniciamos a 0 de forma imperceptible\n            const resetLimit = track.scrollWidth \/ 3;\n\n            if (Math.abs(position) >= resetLimit) {\n                position = 0;\n            }\n\n            track.style.transform = `translate3d(${position}px, 0, 0)`;\n            \n            \/\/ Volvemos a llamar al siguiente frame para mantener la animaci\u00f3n fluida a 60fps+\n            requestAnimationFrame(animate);\n        }\n\n        \/\/ Iniciamos la animaci\u00f3n autom\u00e1tica\n        requestAnimationFrame(animate);\n    });\n<\/script>\n\n<section data-scroll-block\n    class=\"carrusel-contenedor w-full py-12 overflow-hidden\">\n\n            <div class=\"w-full flex flex-col justify-center items-center text-center mb-10 px-6\">\n            <h2\n                class=\"text-[40px] md:text-[50px] font-extralight tracking-tight leading-none text-foreground\">\n                                    <span class=\"font-sans\">Nota Blu <\/span>\n                                                    <span class=\"font-serif font-light ml-1\">Doha<\/span>\n                                <\/h2>\n\n                        <\/div>\n    \n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-2 md:gap-10 py-2 md:py-6 mb-4 md:mb-10\">\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/notabludoha.com\/our-menus\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    men\u00fa\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/www.sevenrooms.com\/explore\/notabluqatar\/reservations\/create\/search\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    RESERVAR\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                            <div class=\"flex justify-center items-center\">\n                    <a href=\"https:\/\/notabludoha.com\/\" target=\"_blank\" class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\" rel=\"noopener\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    VIS\u00cdTANOS\n                <\/span>\n            <\/span>\n\n        <\/a>\n                    <\/div>\n                    <\/div>\n    \n    <div class=\"relative flex flex-col max-w-[80vw] mx-auto\">\n        <div class=\"hidden config-carrusel\" data-cantidad=\"2\"\n            data-tipo=\"tipo_3\"><\/div>\n\n        <div class=\"swiper swiper-carrusel-instancia w-full\">\n            <div class=\"swiper-wrapper flex\">\n                                                            \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/IMG_2074_6a6af03246b3d.webp\"\n                                alt=\"Venues casanis\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                    \n                        <div class=\"swiper-slide relative overflow-hidden group h-auto\">\n\n                                                \n                    <div class=\"flex flex-col w-full group\/card\">\n                        <div\n                            class=\"relative w-full max-h-[450px] aspect-[9\/16] md:aspect-[16\/11] overflow-hidden rounded-none bg-transparent flex items-center justify-center\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/SaveClip_6a70686ec0b50.webp\"\n                                alt=\"Gastronomic Culture\"\n                                class=\"absolute inset-0 w-full h-full object-contain transition-transform duration-700 group-hover\/card:scale-105\">\n                        <\/div>\n\n                        <div class=\"flex flex-col items-start text-left pt-5 pb-8 w-full text-[#333] select-none\">\n                            \n                            <div class=\"flex flex-col gap-4 max-w-xl w-full\">\n                                \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n            <\/div> \n                                <\/div>\n    <\/div>\n    <\/div>\n\n    \n    <div class=\"flex justify-center items-center h-10 mt-8 w-full max-w-xl mx-auto\">\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(270deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n        <div class=\"swiper-carrusel-pagination custom-pagination z-10 !w-auto flex items-center gap-3 mx-4\"><\/div>\n        <div class=\"w-[75px] h-[6px] bg-[linear-gradient(90deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\"><\/div>\n    <\/div>\n\n    <\/section>\n\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        document.querySelectorAll('.js-btn-abrir-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const targetId = this.getAttribute('data-target');\n                const modal = document.getElementById(targetId);\n\n                if (modal) {\n                    modal.classList.remove('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden';\n                }\n            });\n        });\n\n        document.querySelectorAll('.js-btn-cerrar-modal').forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const modal = this.closest('.js-modal-formulario');\n\n                if (modal) {\n                    modal.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modal.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            });\n        });\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                const modalAbierto = document.querySelector('.js-modal-formulario:not(.opacity-0)');\n                if (modalAbierto) {\n                    modalAbierto.classList.add('opacity-0', 'pointer-events-none');\n                    const modalContent = modalAbierto.querySelector('.js-modal-content');\n                    if (modalContent) modalContent.classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section data-scroll-block class=\"w-full py-12 overflow-hidden\" x-data=\"careersBlock\">\n    <div\n        class=\"relative flex flex-col md:flex-row justify-center items-center max-w-[80vw] mx-auto gap-8 md:gap-12 lg:gap-16\">\n        <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_LaPlage_0181-2_6a86f28478bfc-1-scaled.webp\" alt=\"\"\n            class=\"w-full md:w-[50%] max-h-[400px] aspect-video object-cover rounded-lg shadow-lg\" \/>\n\n        <div class=\"flex flex-col justify-center items-start gap-3\">\n            <h2 class=\"font-serif text-foreground font-light text-3xl md:text-[40px]  leading-tight antialiased\">\n                Regala Experiencias\n            <\/h2>\n                            <div\n                    class=\"prose max-w-none font-sans font-light text-sm md:text-base w-full prose-p:w-full antialiased\n        prose-p:text-base prose-p:leading-[20px] prose-p:my-0\n        md:prose-p:text-[16px] md:prose-p:leading-[26px] text-left \">\n                    <p><span style=\"font-weight: 400;\">Sorprende a quienes m\u00e1s quieres con una experiencia para recordar en uno de los espacios de Casanis Group.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Gastronom\u00eda excepcional, vinos cuidadosamente seleccionados, cocteler\u00eda, m\u00fasica, entretenimiento y ambientes \u00fanicos se unen para crear momentos especiales en cada uno de nuestros destinos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Porque los mejores regalos son experiencias que se viven, se comparten y se recuerdan.<\/span><\/p>\n\n                <\/div>\n                                        <a href=\"\/es\/experiencia-para-regalar\/\" target=\"\"\n            class=\"group inline-flex border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\">\n\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 transition-all duration-300\">\n                <span\n                    class=\"text-foreground group-hover:text-white uppercase text-xs md:text-sm tracking-widest font-sans font-light antialiased text-center\">\n                    Descubre m\u00e1s\n                <\/span>\n            <\/span>\n\n        <\/a>\n                        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-410","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/pages\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/comments?post=410"}],"version-history":[{"count":12,"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/pages\/410\/revisions"}],"predecessor-version":[{"id":1044,"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/pages\/410\/revisions\/1044"}],"wp:attachment":[{"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/media?parent=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}