{"id":395,"date":"2026-07-10T12:05:32","date_gmt":"2026-07-10T10:05:32","guid":{"rendered":"https:\/\/casanisgroup.eu\/nuestros-espacios\/"},"modified":"2026-08-12T18:21:56","modified_gmt":"2026-08-12T16:21:56","slug":"nuestros-espacios","status":"publish","type":"page","link":"https:\/\/casanisgroup.eu\/es\/nuestros-espacios\/","title":{"rendered":"Nuestros espacios"},"content":{"rendered":"<section id=\"hero-6a7cd97983817\"\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 \">Espacios<\/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;\">Desde un bistr\u00f3 con alma mediterr\u00e1nea y esencia francesa en el coraz\u00f3n del casco antiguo de Marbella, hasta un exclusivo club privado donde la m\u00fasica, la cocteler\u00eda y el dise\u00f1o crean experiencias \u00fanicas<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">Casanis Group ha construido un universo gastron\u00f3mico y de entretenimiento que re\u00fane algunos de los conceptos m\u00e1s emblem\u00e1ticos de la Costa del Sol y m\u00e1s all\u00e1.<\/p>\n\n                    <\/div>\n                \n                            <\/div>\n        \n    <\/div>\n<\/section>\n\n\n<section data-scroll-block class=\"w-full py-28 overflow-hidden\">\n        <div class=\"relative flex flex-col justify-center items-center max-w-[80vw] mx-auto gap-8 md:gap-12 lg:gap-16\">\n\n            \n                <div data-expand-target\n                    class=\"w-full block transition-all duration-1000 ease-in-out\">\n\n                    <style>\n                        .swiper-hero-instancia .swiper-slide {\n                            width: 100% !important;\n                        }\n                    <\/style>\n\n                    <div class=\"swiper swiper-hero-instancia w-full !mx-0\">\n                        <div class=\"swiper-wrapper\">\n                                                            \n                                                                    <div class=\"swiper-slide w-full\">\n                                        <picture class=\"w-full block\">\n                                            <source media=\"(min-width: 768px)\" srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_AstetStudioNotaBluMarbellaFN0131_6a7088d634961-scaled.webp\">\n                                            <source srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_AstetStudioNotaBluMarbellaFN0131_6a7088d634961-scaled.webp\">\n                                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_AstetStudioNotaBluMarbellaFN0131_6a7088d634961-scaled.webp\"\n                                                class=\"w-full h-full aspect-[9\/16] md:aspect-[16\/9] md:max-h-[800px] object-cover shadow-lg\"\n                                                alt=\"our venues\" \/>\n                                        <\/picture>\n                                    <\/div>\n                                                                                            \n                                                                    <div class=\"swiper-slide w-full\">\n                                        <picture class=\"w-full block\">\n                                            <source media=\"(min-width: 768px)\" srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/BISTROTCASANIS-294_6a6af02ec72de-e1785999945442.webp\">\n                                            <source srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/BISTROTCASANIS-294_6a6af02ec72de-e1785999945442.webp\">\n                                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/BISTROTCASANIS-294_6a6af02ec72de-e1785999945442.webp\"\n                                                class=\"w-full h-full aspect-[9\/16] md:aspect-[16\/9] md:max-h-[800px] object-cover shadow-lg\"\n                                                alt=\"Casanis Bistrot\" \/>\n                                        <\/picture>\n                                    <\/div>\n                                                                                            \n                                                                    <div class=\"swiper-slide w-full\">\n                                        <picture class=\"w-full block\">\n                                            <source media=\"(min-width: 768px)\" srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_LJ_-_SV_DAY_2026_ADRI__axiun_-02232_6a7088c5e9352-scaled.webp\">\n                                            <source srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_LJ_-_SV_DAY_2026_ADRI__axiun_-02232_6a7088c5e9352-scaled.webp\">\n                                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_LJ_-_SV_DAY_2026_ADRI__axiun_-02232_6a7088c5e9352-scaled.webp\"\n                                                class=\"w-full h-full aspect-[9\/16] md:aspect-[16\/9] md:max-h-[800px] object-cover shadow-lg\"\n                                                alt=\"venues\" \/>\n                                        <\/picture>\n                                    <\/div>\n                                                                                            \n                                                                    <div class=\"swiper-slide w-full\">\n                                        <picture class=\"w-full block\">\n                                            <source media=\"(min-width: 768px)\" srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_IMG_2063_6a7088c677f80-scaled.webp\">\n                                            <source srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_IMG_2063_6a7088c677f80-scaled.webp\">\n                                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_IMG_2063_6a7088c677f80-scaled.webp\"\n                                                class=\"w-full h-full aspect-[9\/16] md:aspect-[16\/9] md:max-h-[800px] object-cover shadow-lg\"\n                                                alt=\"our venues\" \/>\n                                        <\/picture>\n                                    <\/div>\n                                                                                            \n                                                                    <div class=\"swiper-slide w-full\">\n                                        <picture class=\"w-full block\">\n                                            <source media=\"(min-width: 768px)\" srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_NB_Madrid_ADRI__axiun_-06144_6a7088c574174-scaled.webp\">\n                                            <source srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_NB_Madrid_ADRI__axiun_-06144_6a7088c574174-scaled.webp\">\n                                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/compressed_NB_Madrid_ADRI__axiun_-06144_6a7088c574174-scaled.webp\"\n                                                class=\"w-full h-full aspect-[9\/16] md:aspect-[16\/9] md:max-h-[800px] object-cover shadow-lg\"\n                                                alt=\"our venues\" \/>\n                                        <\/picture>\n                                    <\/div>\n                                                                                            \n                                                                    <div class=\"swiper-slide w-full\">\n                                        <picture class=\"w-full block\">\n                                            <source media=\"(min-width: 768px)\" srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/Mamzel_0309_6a6af01f4a1c5-e1786429739862.webp\">\n                                            <source srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/Mamzel_0309_6a6af01f4a1c5-e1786429739862.webp\">\n                                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/Mamzel_0309_6a6af01f4a1c5-e1786429739862.webp\"\n                                                class=\"w-full h-full aspect-[9\/16] md:aspect-[16\/9] md:max-h-[800px] object-cover shadow-lg\"\n                                                alt=\"Casanis Mamzel\" \/>\n                                        <\/picture>\n                                    <\/div>\n                                                                                            \n                                                                    <div class=\"swiper-slide w-full\">\n                                        <picture class=\"w-full block\">\n                                            <source media=\"(min-width: 768px)\" srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/20260614_LAPLAGE_OFFWHITE__graciadelosrios_007_6a6af02880dd4-scaled.webp\">\n                                            <source srcset=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/20260614_LAPLAGE_OFFWHITE__graciadelosrios_007_6a6af02880dd4-scaled.webp\">\n                                            <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/20260614_LAPLAGE_OFFWHITE__graciadelosrios_007_6a6af02880dd4-scaled.webp\"\n                                                class=\"w-full h-full aspect-[9\/16] md:aspect-[16\/9] md:max-h-[800px] object-cover shadow-lg\"\n                                                alt=\"La plage casanis\" \/>\n                                        <\/picture>\n                                    <\/div>\n                                                                                    <\/div>\n\n                        <div class=\"flex justify-center items-center h-10 mt-6 w-full max-w-xl mx-auto\">\n                            <div\n                                class=\"w-[75px] h-[6px] bg-[linear-gradient(270deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\">\n                            <\/div>\n                            <div\n                                class=\"swiper-hero-pagination custom-pagination z-10 !w-auto flex items-center gap-3 mx-4\">\n                            <\/div>\n                            <div\n                                class=\"w-[75px] h-[6px] bg-[linear-gradient(90deg,#D9D9D9_16.35%,rgba(255,255,255,0)_100%)]\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            \n            <div class=\"w-full text-black flex flex-col items-start md:items-center gap-4 md:gap-6 lg:gap-8\">\n\n                \n                \n                \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-sm  prose-p:my-0\n        md:prose-p:text-base md:prose-p:leading-[26px] text-center \">\n                        <p style=\"text-align: center;\">Cada espacio cuenta una historia propia: la cocina creativa y viajera de Casanis Bistrot; el esp\u00edritu mediterr\u00e1neo de La Plage Casanis, donde la gastronom\u00eda se encuentra con el mar y las sesiones de DJs internacionales; las espectaculares dinner shows de Mamzel Marbella; la sofisticaci\u00f3n contempor\u00e1nea de Nota Blu, presente en Marbella, Madrid y Doha, donde la alta cocina francesa dialoga con el arte, el dise\u00f1o y la m\u00fasica; y la exclusividad de Le Jade, un club privado que redefine la noche desde la intimidad y el lujo.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">Una colecci\u00f3n de destinos \u00fanicos unidos por una misma visi\u00f3n: crear experiencias memorables donde gastronom\u00eda, entretenimiento y estilo de vida se encuentran.<\/p>\n<p style=\"text-align: center;\">\n\n                    <\/div>\n                            <\/div>\n\n            \n        <\/div>\n    <\/section>\n\n\n\n<section class=\"w-full py-8 md:py-16 overflow-hidden relative\">\n    <div class=\"w-full max-w-[80vw] mx-auto grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 lg:gap-24\">\n\n        <!-- Contenedor principal de Imagen -->\n        \n        <div\n            class=\"md:order-1 relative w-full aspect-[4\/3] md:aspect-[4\/3] overflow-hidden group bg-primary origin-center js-luxury-block opacity-0 scale-75 transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)]\">\n\n                            <div class=\"absolute inset-0 overflow-hidden group\">\n\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/BISTROTCASANIS-294_6a6af02ec72de-e1785999945442.webp\" alt=\"Casanis Bistrot\"\n                        class=\"absolute inset-0 w-full h-full object-cover origin-center js-l-img opacity-0 transition-all duration-[1000ms] ease-out\">\n\n                                            <span\n                            class=\"js-l-layer absolute inset-0 z-40 border-primary pointer-events-none transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)] border-full\"><\/span>\n                                    <\/div>\n            \n            <!-- Overlay oscuro -->\n            <div class=\"absolute inset-0 bg-black pointer-events-none transition-opacity duration-300 z-10\"\n                style=\"opacity: 0.4;\"><\/div>\n\n            <!-- Logo -->\n                            <div class=\"absolute inset-0 flex items-center justify-center p-8 z-20 pointer-events-none\">\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/logo-casanis.svg\" alt=\"\"\n                        class=\"max-w-[50%] max-h-[50%] object-contain drop-shadow-md\">\n                <\/div>\n            \n        <\/div>\n\n        <!-- Columna de textos -->\n        <div\n            class=\"md:order-2 items-end text-right flex flex-col justify-center   pb-2 md:pb-6\">\n                            <h2\n                    class=\"font-serif text-foreground font-light text-3xl md:text-[40px]  leading-tight mb-6 antialiased\">\n                    Casanis Bistrot\n                <\/h2>\n            \n                            <div\n                    class=\"prose font-sans font-light text-sm md:text-base max-w-none antialiased prose-p:leading-relaxed text-foreground mb-10\">\n                    <p>Casanis Bistrot es un restaurante en el casco antiguo de Marbella, acogedor y familiar que fusiona la cocina francesa con toques andaluces haciendo honor a la ubicaci\u00f3n donde se encuentra.<\/p>\n\n                <\/div>\n            \n            \n            <div class=\"flex flex-col md:flex-row justify-center gap-3\">\n                                    <a href=\"https:\/\/www.sevenrooms.com\/experiences\/casanisbistrot\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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                    \n                                    <a href=\"https:\/\/casanisbistrot.com\/\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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>\n\n    \n    <\/section>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const btnsAbrir = document.querySelectorAll('.js-btn-abrir-modal');\n        const btnsCerrar = document.querySelectorAll('.js-btn-cerrar-modal');\n\n        \/\/ Abrir Modal\n        btnsAbrir.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                    modal.querySelector('.js-modal-content').classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden'; \/\/ Bloquea el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar Modal\n        btnsCerrar.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                    modal.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = ''; \/\/ Restaura el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar con tecla ESC\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                    modalAbierto.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section class=\"w-full py-8 md:py-16 overflow-hidden relative\">\n    <div class=\"w-full max-w-[80vw] mx-auto grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 lg:gap-24\">\n\n        <!-- Contenedor principal de Imagen -->\n        \n        <div\n            class=\"md:order-2 relative w-full aspect-[4\/3] md:aspect-[4\/3] overflow-hidden group bg-primary origin-center js-luxury-block opacity-0 scale-75 transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)]\">\n\n                            <div class=\"absolute inset-0 overflow-hidden group\">\n\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/20260614_LAPLAGE_OFFWHITE__graciadelosrios_010_6a6af0339b9a0.webp\" alt=\"Venues\"\n                        class=\"absolute inset-0 w-full h-full object-cover origin-center js-l-img opacity-0 transition-all duration-[1000ms] ease-out\">\n\n                                            <span\n                            class=\"js-l-layer absolute inset-0 z-40 border-primary pointer-events-none transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)] border-full\"><\/span>\n                                    <\/div>\n            \n            <!-- Overlay oscuro -->\n            <div class=\"absolute inset-0 bg-black pointer-events-none transition-opacity duration-300 z-10\"\n                style=\"opacity: 0.4;\"><\/div>\n\n            <!-- Logo -->\n                            <div class=\"absolute inset-0 flex items-center justify-center p-8 z-20 pointer-events-none\">\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/Capa_13-1w.svg\" alt=\"\"\n                        class=\"max-w-[50%] max-h-[50%] object-contain drop-shadow-md\">\n                <\/div>\n            \n        <\/div>\n\n        <!-- Columna de textos -->\n        <div\n            class=\"md:order-1 items-start text-left flex flex-col justify-center   pb-2 md:pb-6\">\n                            <h2\n                    class=\"font-serif text-foreground font-light text-3xl md:text-[40px]  leading-tight mb-6 antialiased\">\n                    La Plage Casanis\n                <\/h2>\n            \n                            <div\n                    class=\"prose font-sans font-light text-sm md:text-base max-w-none antialiased prose-p:leading-relaxed text-foreground mb-10\">\n                    <p>La Plage Casanis es el beach club de Casanis Group en Marbella, perfecto para disfrutar del verano, la gastronom\u00eda mediterr\u00e1nea y los mejores atardeceres de la Costa del Sol.<\/p>\n\n                <\/div>\n            \n            \n            <div class=\"flex flex-col md:flex-row justify-center gap-3\">\n                                    <a href=\"https:\/\/laplagecasanis.com\/es\/reservar-mesa\/\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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                    \n                                    <a href=\"https:\/\/laplagecasanis.com\/\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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>\n\n    \n    <\/section>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const btnsAbrir = document.querySelectorAll('.js-btn-abrir-modal');\n        const btnsCerrar = document.querySelectorAll('.js-btn-cerrar-modal');\n\n        \/\/ Abrir Modal\n        btnsAbrir.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                    modal.querySelector('.js-modal-content').classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden'; \/\/ Bloquea el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar Modal\n        btnsCerrar.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                    modal.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = ''; \/\/ Restaura el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar con tecla ESC\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                    modalAbierto.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section class=\"w-full py-8 md:py-16 overflow-hidden relative\">\n    <div class=\"w-full max-w-[80vw] mx-auto grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 lg:gap-24\">\n\n        <!-- Contenedor principal de Imagen -->\n        \n        <div\n            class=\"md:order-1 relative w-full aspect-[4\/3] md:aspect-[4\/3] overflow-hidden group bg-primary origin-center js-luxury-block opacity-0 scale-75 transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)]\">\n\n                            <div class=\"absolute inset-0 overflow-hidden group\">\n\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/DSC09071_6a6af03790bdb-scaled.webp\" alt=\"Casanis Mamzel\"\n                        class=\"absolute inset-0 w-full h-full object-cover origin-center js-l-img opacity-0 transition-all duration-[1000ms] ease-out\">\n\n                                            <span\n                            class=\"js-l-layer absolute inset-0 z-40 border-primary pointer-events-none transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)] border-full\"><\/span>\n                                    <\/div>\n            \n            <!-- Overlay oscuro -->\n            <div class=\"absolute inset-0 bg-black pointer-events-none transition-opacity duration-300 z-10\"\n                style=\"opacity: 0.4;\"><\/div>\n\n            <!-- Logo -->\n                            <div class=\"absolute inset-0 flex items-center justify-center p-8 z-20 pointer-events-none\">\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/log-mamzel.svg\" alt=\"\"\n                        class=\"max-w-[50%] max-h-[50%] object-contain drop-shadow-md\">\n                <\/div>\n            \n        <\/div>\n\n        <!-- Columna de textos -->\n        <div\n            class=\"md:order-2 items-end text-right flex flex-col justify-center   pb-2 md:pb-6\">\n                            <h2\n                    class=\"font-serif text-foreground font-light text-3xl md:text-[40px]  leading-tight mb-6 antialiased\">\n                    Mamzel Marbella\n                <\/h2>\n            \n                            <div\n                    class=\"prose font-sans font-light text-sm md:text-base max-w-none antialiased prose-p:leading-relaxed text-foreground mb-10\">\n                    <p>Mamzel at Finca Besaya, ubicado en la exclusiva Milla de Oro de Marbella, ofrece una gastronom\u00eda del mundo y un dinner show que sin duda te deja sin respiraci\u00f3n.<\/p>\n\n                <\/div>\n            \n            \n            <div class=\"flex flex-col md:flex-row justify-center gap-3\">\n                                    <a href=\"https:\/\/mamzelmarbella.com\/es\/reserva-mesa\/\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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                    \n                                    <a href=\"https:\/\/mamzelmarbella.com\/\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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>\n\n    \n    <\/section>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const btnsAbrir = document.querySelectorAll('.js-btn-abrir-modal');\n        const btnsCerrar = document.querySelectorAll('.js-btn-cerrar-modal');\n\n        \/\/ Abrir Modal\n        btnsAbrir.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                    modal.querySelector('.js-modal-content').classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden'; \/\/ Bloquea el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar Modal\n        btnsCerrar.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                    modal.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = ''; \/\/ Restaura el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar con tecla ESC\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                    modalAbierto.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section class=\"w-full py-8 md:py-16 overflow-hidden relative\">\n    <div class=\"w-full max-w-[80vw] mx-auto grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 lg:gap-24\">\n\n        <!-- Contenedor principal de Imagen -->\n        \n        <div\n            class=\"md:order-2 relative w-full aspect-[4\/3] md:aspect-[4\/3] overflow-hidden group bg-primary origin-center js-luxury-block opacity-0 scale-75 transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)]\">\n\n                            <div class=\"absolute inset-0 overflow-hidden group\">\n\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/AstetStudioNotaBluMarbellaFN0934_6a6af039a91cc.webp\" alt=\"Casanis Nota blu\"\n                        class=\"absolute inset-0 w-full h-full object-cover origin-center js-l-img opacity-0 transition-all duration-[1000ms] ease-out\">\n\n                                            <span\n                            class=\"js-l-layer absolute inset-0 z-40 border-primary pointer-events-none transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)] border-full\"><\/span>\n                                    <\/div>\n            \n            <!-- Overlay oscuro -->\n            <div class=\"absolute inset-0 bg-black pointer-events-none transition-opacity duration-300 z-10\"\n                style=\"opacity: 0.4;\"><\/div>\n\n            <!-- Logo -->\n                            <div class=\"absolute inset-0 flex items-center justify-center p-8 z-20 pointer-events-none\">\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/logo-nota-blue.svg\" alt=\"\"\n                        class=\"max-w-[50%] max-h-[50%] object-contain drop-shadow-md\">\n                <\/div>\n            \n        <\/div>\n\n        <!-- Columna de textos -->\n        <div\n            class=\"md:order-1 items-start text-left flex flex-col justify-center   pb-2 md:pb-6\">\n                            <h2\n                    class=\"font-serif text-foreground font-light text-3xl md:text-[40px]  leading-tight mb-6 antialiased\">\n                    Nota Blu New Brasserie Marbella\n                <\/h2>\n            \n                            <div\n                    class=\"prose font-sans font-light text-sm md:text-base max-w-none antialiased prose-p:leading-relaxed text-foreground mb-10\">\n                    <p>Nota Blu New Brasserie es un concepto de brasserie francesa renovada, ubicado en una de las zonas m\u00e1s exclusivas de Marbella, la Milla de Oro. Uno de los restaurantes de Casanis m\u00e1s emblem\u00e1ticos del grupo.<\/p>\n\n                <\/div>\n            \n            \n            <div class=\"flex flex-col md:flex-row justify-center gap-3\">\n                                    <a href=\"https:\/\/www.sevenrooms.com\/experiences\/notablu\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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                    \n                                    <a href=\"https:\/\/notablu.com\/\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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>\n\n    \n    <\/section>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const btnsAbrir = document.querySelectorAll('.js-btn-abrir-modal');\n        const btnsCerrar = document.querySelectorAll('.js-btn-cerrar-modal');\n\n        \/\/ Abrir Modal\n        btnsAbrir.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                    modal.querySelector('.js-modal-content').classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden'; \/\/ Bloquea el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar Modal\n        btnsCerrar.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                    modal.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = ''; \/\/ Restaura el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar con tecla ESC\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                    modalAbierto.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section class=\"w-full py-8 md:py-16 overflow-hidden relative\">\n    <div class=\"w-full max-w-[80vw] mx-auto grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 lg:gap-24\">\n\n        <!-- Contenedor principal de Imagen -->\n        \n        <div\n            class=\"md:order-2 relative w-full aspect-[4\/3] md:aspect-[4\/3] overflow-hidden group bg-primary origin-center js-luxury-block opacity-0 scale-75 transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)]\">\n\n                            <div class=\"absolute inset-0 overflow-hidden group\">\n\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/NB_Madrid_ADRI__axiun_-06051_6a6af03ba95ea.webp\" alt=\"Casanis Nota blu\"\n                        class=\"absolute inset-0 w-full h-full object-cover origin-center js-l-img opacity-0 transition-all duration-[1000ms] ease-out\">\n\n                                            <span\n                            class=\"js-l-layer absolute inset-0 z-40 border-primary pointer-events-none transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)] border-full\"><\/span>\n                                    <\/div>\n            \n            <!-- Overlay oscuro -->\n            <div class=\"absolute inset-0 bg-black pointer-events-none transition-opacity duration-300 z-10\"\n                style=\"opacity: 0.4;\"><\/div>\n\n            <!-- Logo -->\n                            <div class=\"absolute inset-0 flex items-center justify-center p-8 z-20 pointer-events-none\">\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/logo-nota-blue-doha.svg\" alt=\"\"\n                        class=\"max-w-[50%] max-h-[50%] object-contain drop-shadow-md\">\n                <\/div>\n            \n        <\/div>\n\n        <!-- Columna de textos -->\n        <div\n            class=\"md:order-1 items-start text-left flex flex-col justify-center   pb-2 md:pb-6\">\n                            <h2\n                    class=\"font-serif text-foreground font-light text-3xl md:text-[40px]  leading-tight mb-6 antialiased\">\n                    Nota Blu New Brasserie Madrid\n                <\/h2>\n            \n                            <div\n                    class=\"prose font-sans font-light text-sm md:text-base max-w-none antialiased prose-p:leading-relaxed text-foreground mb-10\">\n                    <p>Tras conquistar Marbella desde 2022, el concepto del Grupo Casanis inspirado en la blue note del jazz llega a Madrid para ofrecer una experiencia donde armon\u00eda, creatividad y emoci\u00f3n se encuentran alrededor de la mesa.<\/p>\n\n                <\/div>\n            \n            \n            <div class=\"flex flex-col md:flex-row justify-center gap-3\">\n                                    <a href=\"https:\/\/www.sevenrooms.com\/experiences\/notablumadrid\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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                    \n                                    <a href=\"https:\/\/notablumadrid.com\/\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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>\n\n    \n    <\/section>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const btnsAbrir = document.querySelectorAll('.js-btn-abrir-modal');\n        const btnsCerrar = document.querySelectorAll('.js-btn-cerrar-modal');\n\n        \/\/ Abrir Modal\n        btnsAbrir.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                    modal.querySelector('.js-modal-content').classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden'; \/\/ Bloquea el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar Modal\n        btnsCerrar.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                    modal.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = ''; \/\/ Restaura el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar con tecla ESC\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                    modalAbierto.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section class=\"w-full py-8 md:py-16 overflow-hidden relative\">\n    <div class=\"w-full max-w-[80vw] mx-auto grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 lg:gap-24\">\n\n        <!-- Contenedor principal de Imagen -->\n        \n        <div\n            class=\"md:order-1 relative w-full aspect-[4\/3] md:aspect-[4\/3] overflow-hidden group bg-primary origin-center js-luxury-block opacity-0 scale-75 transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)]\">\n\n                            <div class=\"absolute inset-0 overflow-hidden group\">\n\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/IMG_2074_6a6af03246b3d.webp\" alt=\"Venues casanis\"\n                        class=\"absolute inset-0 w-full h-full object-cover origin-center js-l-img opacity-0 transition-all duration-[1000ms] ease-out\">\n\n                                            <span\n                            class=\"js-l-layer absolute inset-0 z-40 border-primary pointer-events-none transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)] border-full\"><\/span>\n                                    <\/div>\n            \n            <!-- Overlay oscuro -->\n            <div class=\"absolute inset-0 bg-black pointer-events-none transition-opacity duration-300 z-10\"\n                style=\"opacity: 0.4;\"><\/div>\n\n            <!-- Logo -->\n                            <div class=\"absolute inset-0 flex items-center justify-center p-8 z-20 pointer-events-none\">\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/08\/logo-nota-blue-doha-1-2.svg\" alt=\"\"\n                        class=\"max-w-[50%] max-h-[50%] object-contain drop-shadow-md\">\n                <\/div>\n            \n        <\/div>\n\n        <!-- Columna de textos -->\n        <div\n            class=\"md:order-2 items-end text-right flex flex-col justify-center   pb-2 md:pb-6\">\n                            <h2\n                    class=\"font-serif text-foreground font-light text-3xl md:text-[40px]  leading-tight mb-6 antialiased\">\n                    Nota Blu New Brasserie Doha\n                <\/h2>\n            \n                            <div\n                    class=\"prose font-sans font-light text-sm md:text-base max-w-none antialiased prose-p:leading-relaxed text-foreground mb-10\">\n                    <p>Nota Blu Doha es mucho m\u00e1s que un restaurante; es un destino donde la tradici\u00f3n se encuentra con la innovaci\u00f3n. Inspirado en su herencia marbell\u00ed, armoniza dise\u00f1o, atm\u00f3sfera y arte culinario.<\/p>\n<p>Dentro del vibrante paisaje de Doha, la identidad de Nota Blu se reinventa para reflejar la energ\u00eda de la ciudad, creando un lugar dedicado al descubrimiento gastron\u00f3mico, la m\u00fasica y una atm\u00f3sfera atemporal.<\/p>\n\n                <\/div>\n            \n            \n            <div class=\"flex flex-col md:flex-row justify-center gap-3\">\n                                    <a href=\"https:\/\/www.sevenrooms.com\/explore\/notabluqatar\/reservations\/create\/search\/\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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                    \n                                    <a href=\"https:\/\/notabludoha.com\/\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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>\n\n    \n    <\/section>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const btnsAbrir = document.querySelectorAll('.js-btn-abrir-modal');\n        const btnsCerrar = document.querySelectorAll('.js-btn-cerrar-modal');\n\n        \/\/ Abrir Modal\n        btnsAbrir.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                    modal.querySelector('.js-modal-content').classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden'; \/\/ Bloquea el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar Modal\n        btnsCerrar.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                    modal.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = ''; \/\/ Restaura el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar con tecla ESC\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                    modalAbierto.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section class=\"w-full py-8 md:py-16 overflow-hidden relative\">\n    <div class=\"w-full max-w-[80vw] mx-auto grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 lg:gap-24\">\n\n        <!-- Contenedor principal de Imagen -->\n        \n        <div\n            class=\"md:order-1 relative w-full aspect-[4\/3] md:aspect-[4\/3] overflow-hidden group bg-primary origin-center js-luxury-block opacity-0 scale-75 transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)]\">\n\n                            <div class=\"absolute inset-0 overflow-hidden group\">\n\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/ENRIQUE-LE-JADE_Adri_@axiun__ESP5282-2.jpg\" alt=\"LeJade Casanis\"\n                        class=\"absolute inset-0 w-full h-full object-cover origin-center js-l-img opacity-0 transition-all duration-[1000ms] ease-out\">\n\n                                            <span\n                            class=\"js-l-layer absolute inset-0 z-40 border-primary pointer-events-none transition-all duration-[1500ms] ease-[cubic-bezier(0.34,1.56,0.64,1)] border-full\"><\/span>\n                                    <\/div>\n            \n            <!-- Overlay oscuro -->\n            <div class=\"absolute inset-0 bg-black pointer-events-none transition-opacity duration-300 z-10\"\n                style=\"opacity: 0.4;\"><\/div>\n\n            <!-- Logo -->\n                            <div class=\"absolute inset-0 flex items-center justify-center p-8 z-20 pointer-events-none\">\n                    <img decoding=\"async\" src=\"https:\/\/casanisgroup.eu\/wp-content\/uploads\/2026\/07\/logo-le-jade.svg\" alt=\"\"\n                        class=\"max-w-[50%] max-h-[50%] object-contain drop-shadow-md\">\n                <\/div>\n            \n        <\/div>\n\n        <!-- Columna de textos -->\n        <div\n            class=\"md:order-2 items-end text-right flex flex-col justify-center   pb-2 md:pb-6\">\n                            <h2\n                    class=\"font-serif text-foreground font-light text-3xl md:text-[40px]  leading-tight mb-6 antialiased\">\n                    Le Jade\n                <\/h2>\n            \n                            <div\n                    class=\"prose font-sans font-light text-sm md:text-base max-w-none antialiased prose-p:leading-relaxed text-foreground mb-10\">\n                    <p>Un lugar donde el piano marca el ambiente, el c\u00f3ctel habla por s\u00ed solo y el dise\u00f1o hace el resto. Un refugio \u00edntimo donde el tiempo se detiene y cada noche se siente naturalmente especial. El lugar que no sab\u00edas que estabas buscando.<\/p>\n\n                <\/div>\n            \n            \n            <div class=\"flex flex-col md:flex-row justify-center gap-3\">\n                                    <a href=\"https:\/\/www.sevenrooms.com\/experiences\/lejade\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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                    \n                                    <a href=\"https:\/\/lejademarbella.com\/\" target=\"_blank\" class=\"group inline-flex p-0 md:p-[4px] 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 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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>\n\n    \n    <\/section>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const btnsAbrir = document.querySelectorAll('.js-btn-abrir-modal');\n        const btnsCerrar = document.querySelectorAll('.js-btn-cerrar-modal');\n\n        \/\/ Abrir Modal\n        btnsAbrir.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                    modal.querySelector('.js-modal-content').classList.remove('scale-95');\n                    document.body.style.overflow = 'hidden'; \/\/ Bloquea el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar Modal\n        btnsCerrar.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                    modal.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = ''; \/\/ Restaura el scroll de la p\u00e1gina\n                }\n            });\n        });\n\n        \/\/ Cerrar con tecla ESC\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                    modalAbierto.querySelector('.js-modal-content').classList.add('scale-95');\n                    document.body.style.overflow = '';\n                }\n            }\n        });\n    });\n<\/script>\n\n\n<section class=\"w-full py-20 md:py-32 px-6 flex justify-center items-center  \">\n\n            <div class=\"border border-foreground mx-8 p-2 w-full max-w-xs md:max-w-6xl\">\n            <div\n                class=\"inline-block w-full max-w-xs md:max-w-6xl mx-auto flex flex-col items-center text-center  px-[2rem] md:px-[6rem] py-14 \">\n\n                <div class=\"flex flex-col items-center mb-12 md:mb-16\">\n                                            <h2\n                            class=\"font-sans text-foreground font-extralight text-[50px] md:text-[70px] leading-none tracking-tight  antialiased\">\n                            Regala <span\n                                class=\"font-serif text-foreground font-extralight text-[50px] md:text-[70px] leading-none tracking-tight antialiased border-b border-foreground pb-2 inline-block\">\n                                Experiencia\n                            <\/span>\n                        <\/h2>\n                    \n                                                        <\/div>\n\n                \n                <div class=\"group inline-flex p-0 md:p-[4px] border-[0.5px] border-foreground transition-all duration-300 hover:bg-foreground\">\n            <span class=\"inline-flex w-full items-center justify-center px-8 py-2 md:px-12 border-0 md:border-[0.5px] md:border-foreground group-hover:border-transparent 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                    Pr\u00f3ximamente\n                <\/span>\n            <\/span>\n        <\/div>\n    \n            <\/div>\n        <\/div>\n    \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-395","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/pages\/395","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=395"}],"version-history":[{"count":11,"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/pages\/395\/revisions"}],"predecessor-version":[{"id":923,"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/pages\/395\/revisions\/923"}],"wp:attachment":[{"href":"https:\/\/casanisgroup.eu\/es\/wp-json\/wp\/v2\/media?parent=395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}