{"id":2,"date":"2026-09-08T08:15:30","date_gmt":"2026-09-08T06:15:30","guid":{"rendered":"https:\/\/casanisbistrot.com\/?page_id=2"},"modified":"2026-10-13T16:35:12","modified_gmt":"2026-10-13T14:35:12","slug":"inicio","status":"publish","type":"page","link":"https:\/\/casanisbistrot.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"<div class=\"align wp-block-hero relative w-full overflow-hidden flex h-screen md:h-[80vh] bg-background\">\n  \n      \n            \n        <div class=\"absolute inset-0 w-full h-full bg-cover bg-center bg-no-repeat\" style=\"background-image: url('https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/09\/hero-bistrot.jpg');\"><\/div>\n    \n  \n  \n  \n  \n      <div class=\"absolute inset-0 w-full h-full bg-black z-0\" style=\"opacity: 0.4; pointer-events: none;\"><\/div>\n  \n  \n  <div class=\"relative z-20 flex flex-col justify-center w-full px-6 md:px-12 max-w-7xl mx-auto text-center items-center\">\n\n    \n        \n    \n    \n    \n    \n  <\/div>\n\n  \n      <div class=\"absolute bottom-8 md:bottom-12 left-0 w-full z-20 px-6 md:px-12 pointer-events-auto\">\n      <div class=\"max-w-7xl mx-auto flex w-full justify-center\">\n        <nav aria-label=\"Breadcrumb\" class=\"text-white\/80 font-sans text-sm md:text-base\">\n    <ol itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\" class=\"flex flex-wrap items-center space-x-2 m-0 p-0 list-none\">\n        \n        <li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\" class=\"flex items-center\">\n            <a itemprop=\"item\" href=\"https:\/\/casanisbistrot.com\/es\/\" class=\"hover:text-white transition-colors duration-200\">\n                <span itemprop=\"name\">Inicio<\/span>\n            <\/a>\n            <meta itemprop=\"position\" content=\"1\" \/>\n        <\/li>\n        \n        <li>\n            <span class=\"mx-2 text-white\/50 select-none\">\/<\/span>\n        <\/li>\n\n        <li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\" class=\"flex items-center\" aria-current=\"page\">\n            <span itemprop=\"name\" class=\"text-white font-bold tracking-wide\">\n                Inicio\n            <\/span>\n            <meta itemprop=\"position\" content=\"2\" \/>\n        <\/li>\n        \n    <\/ol>\n<\/nav>      <\/div>\n    <\/div>\n  \n<\/div>\n\n<section \n    class=\"align wp-block-section-text relative w-full py-24 md:py-24\"\n    x-data=\"{ mouseX: 0, mouseY: 0 }\"\n    @mousemove.window=\"mouseX = ($event.clientX - window.innerWidth \/ 2); mouseY = ($event.clientY - window.innerHeight \/ 2)\"\n>\n    \n                                    \n            <div class=\"absolute z-0 block pointer-events-none transition-transform duration-75 ease-linear opacity-35 xl:opacity-100\"\n                 style=\"bottom: 0; left: 0;\"\n                 :style=\"`transform: translate(${mouseX * 0.03}px, ${mouseY * 0.03}px)`\">\n                 \n                <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/09\/hombre-mujer-paraguas-2-3.png\" alt=\"\" \n                     class=\"w-[25vw] max-w-[180px] lg:w-[18vw] lg:max-w-[320px] h-auto object-contain\">\n            <\/div>\n            \n    <div class=\"relative z-10 max-w-4xl mx-auto px-6 text-center flex flex-col items-center\">\n        \n                    <span class=\"font-mortal text-md md:text-3xl uppercase tracking-normal text-primary relative z-20\">\n                NUESTRA\n            <\/span>\n        \n                    <div x-data=\"animacionEscritura\" class=\"mb-4 flex justify-center relative z-10\">\n                 \n                <h2 class=\"font-marshal  text-8xl md:text-7xl md:text-9xl text-primary relative transition-all duration-[1500ms] ease-in-out py-6 px-4 leading-none -mt-[0.50em]\"\n                    :style=\"escrito ? 'clip-path: inset(-20% -20% -20% -20%);' : 'clip-path: inset(-20% 100% -20% -20%);'\">\n                    Historia\n                <\/h2>\n                \n            <\/div>\n        \n                    <div class=\"prose prose-p:text-sm md:prose-p:text-base text-foreground font-sans font-light leading-relaxed mb-12 mt-6 max-w-none\">\n                <p><strong>Una historia que empez\u00f3 en Marbella<\/strong><\/p>\n<p>Desde 2003, <strong>Casanis Bistrot<\/strong> forma parte de la historia gastron\u00f3mica del centro de Marbella.<br \/>\nNacimos en una de las calles con m\u00e1s encanto del casco antiguo de Marbella, en una casa llena de rincones, recuerdos y personalidad. Lo que comenz\u00f3 como un peque\u00f1o bistr\u00f3 se convirti\u00f3, con el tiempo, en el punto de partida de Casanis Group.<\/p>\n<p>Nuestra historia se ha construido alrededor de una idea sencilla: crear lugares donde la gastronom\u00eda, la hospitalidad y el ambiente se encuentren alrededor de la misma mesa.<br \/>\nHoy seguimos celebrando esa esencia, combinando nuestra inspiraci\u00f3n francesa y europea con el car\u00e1cter mediterr\u00e1neo de Marbella.<\/p>\n\n            <\/div>\n        \n                    <a href=\"https:\/\/casanisbistrot.com\/es\/historia\/\" target=\"\" \n               class=\"font-sans uppercase tracking-widest text-sm text-foreground border-b border-primary pb-1 transition-all duration-300 hover:text-primary hover:border-none\">\n                CONOCER M\u00c1S\n            <\/a>\n        \n    <\/div>\n<\/section>\n\n<section class=\"align wp-block-animated-title relative w-full py-16 md:py-24 overflow-hidden bg-transparent\">\n    \n    <div x-data=\"animacionEscritura\" class=\"relative max-w-5xl mx-auto flex flex-col items-center justify-center\">\n\n        <div class=\"relative inline-block text-center px-10\">\n            \n            \n                            <span class=\"font-mortal text-3xl md:text-5xl uppercase tracking-[0.2em] text-primary -mb-8 pb-0 relative z-10\">\n                    NUESTROS\n                <\/span>\n            \n            \n                            <h2 class=\"font-marshal text-8xl md:text-[10rem] md:text-[14rem] text-primary -mt-4 md:-mt-20 relative z-10 transition-all duration-[1500ms] ease-in-out pb-8 px-2 leading-none\"\n                    :style=\"escrito ? 'clip-path: inset(-20% -20% -20% -20%);' : 'clip-path: inset(-20% 100% -20% -20%);'\">\n                    Espacios\n                <\/h2>\n            \n            \n                                            \n                <div x-data=\"efectoAcuarela\" \n                     class=\"absolute top-1\/2 -translate-y-1\/2 right-0 translate-x-1\/3 w-[30vw] max-w-[150px] md:max-w-[250px] h-auto pointer-events-none z-0\">\n                     \n                    \n                    <svg width=\"0\" height=\"0\" class=\"absolute\">\n                        <filter :id=\"filtroId\">\n                            <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.02\" numOctaves=\"3\" result=\"noise\"><\/feTurbulence>\n                            <feDisplacementMap in=\"SourceGraphic\" in2=\"noise\" :scale=\"nivelDistorsion\" xChannelSelector=\"R\" yChannelSelector=\"G\"><\/feDisplacementMap>\n                        <\/filter>\n                    <\/svg>\n\n                    <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/09\/mancha-1.png\" alt=\"\"\n                         class=\"w-full h-auto object-contain\"\n                         :style=\"`filter: url(#${filtroId}); opacity: ${opacidad}; transform: scale(${0.85 + (opacidad * 0.15)});`\">\n                         \n                <\/div>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<section class=\"align home-nuestros-espacios wp-custom-css-c164ab06 wp-block-carousel-especial relative w-full py-2 md:py-20 overflow-hidden has-custom-css\"\n         x-data=\"{ mouseX: 0, mouseY: 0 }\"\n         @mousemove.window=\"mouseX = ($event.clientX - window.innerWidth \/ 2); mouseY = ($event.clientY - window.innerHeight \/ 2)\">\n\n                    <div class=\"absolute top-[5%] right-[20%] z-20 pointer-events-none transition-transform duration-75 ease-linear\"\n             :style=\"`transform: translate(${mouseX * 0.03}px, ${mouseY * 0.03}px)`\">\n            <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/09\/hombre-volando.png\" alt=\"Decoraci\u00f3n\" class=\"w-[30vw] max-w-[300px] h-auto object-contain drop-shadow-xl\">\n        <\/div>\n    \n    <div x-data=\"CarouselEspecial\" class=\"w-full relative z-10 pb-32 md:pb-20 max-w-[1600px] mx-auto\">\n        \n        \n        <div x-ref=\"carrusel\" class=\"swiper w-full max-w-[85%] mx-auto !overflow-visible\">\n            <div class=\"swiper-wrapper flex items-center\">\n                \n                                    <div class=\"swiper-slide group shrink-0\">\n                        \n                        <div class=\"relative w-full max-w-[420px] mx-auto aspect-[2\/3] max-h-[70vh] flex items-center justify-center\">\n                            \n                            <div class=\"w-full h-full relative transition-all duration-[800ms] ease-[cubic-bezier(0.25,1,0.5,1)] \n                                        opacity-40 scale-75 \n                                        group-[.swiper-slide-prev]:-rotate-6 group-[.swiper-slide-prev]:opacity-80 \n                                        group-[.swiper-slide-next]:rotate-6 group-[.swiper-slide-next]:opacity-80 \n                                        group-[.swiper-slide-active]:rotate-1 group-[.swiper-slide-active]:scale-100 group-[.swiper-slide-active]:opacity-100 \n                                        shadow-2xl\">\n                                        \n                                <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/10\/bistrot-spaces-1.webp\" class=\"w-full h-full object-cover \" alt=\"BODEGA\">\n                            <\/div>\n\n                            <div class=\"absolute z-20 pointer-events-none transition-all duration-700 ease-out opacity-0 \n                                        flex flex-col items-center text-center md:items-start md:text-left\n                                        \n                                        \n                                        top-[100%] left-0 w-full pt-6 translate-y-4 \n                                        \n                                        \n                                        md:top-1\/2 md:bottom-auto md:left-[105%] md:w-[250px] lg:w-[300px] md:pt-0 \n                                        md:-translate-y-1\/2 md:-translate-x-8 md:translate-y-0\n                                        \n                                        \n                                        group-[.swiper-slide-active]:opacity-100 \n                                        group-[.swiper-slide-active]:pointer-events-auto \n                                        group-[.swiper-slide-active]:delay-300\n                                        \n                                        \n                                        group-[.swiper-slide-active]:translate-y-0\n                                        \n                                        \n                                        md:group-[.swiper-slide-active]:-translate-y-1\/2 \n                                        md:group-[.swiper-slide-active]:translate-x-0\">\n                                \n                                <h3 class=\"font-sans text-3xl md:text-3xl font-medium w-full md:max-w-[150px] text-primary leading-tight mb-4 uppercase\">\n                                    BODEGA\n                                <\/h3>\n\n                                                                    <a href=\"https:\/\/casanisbistrot.com\/es\/historia\/\" target=\"\" \n                                       class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 transition-all duration-300 hover:text-primary hover:border-none inline-block\">\n                                        VER M\u00c1S\n                                    <\/a>\n                                \n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide group shrink-0\">\n                        \n                        <div class=\"relative w-full max-w-[420px] mx-auto aspect-[2\/3] max-h-[70vh] flex items-center justify-center\">\n                            \n                            <div class=\"w-full h-full relative transition-all duration-[800ms] ease-[cubic-bezier(0.25,1,0.5,1)] \n                                        opacity-40 scale-75 \n                                        group-[.swiper-slide-prev]:-rotate-6 group-[.swiper-slide-prev]:opacity-80 \n                                        group-[.swiper-slide-next]:rotate-6 group-[.swiper-slide-next]:opacity-80 \n                                        group-[.swiper-slide-active]:rotate-1 group-[.swiper-slide-active]:scale-100 group-[.swiper-slide-active]:opacity-100 \n                                        shadow-2xl\">\n                                        \n                                <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/10\/bistrot-spaces-2.webp\" class=\"w-full h-full object-cover \" alt=\"SAL\u00d3N\">\n                            <\/div>\n\n                            <div class=\"absolute z-20 pointer-events-none transition-all duration-700 ease-out opacity-0 \n                                        flex flex-col items-center text-center md:items-start md:text-left\n                                        \n                                        \n                                        top-[100%] left-0 w-full pt-6 translate-y-4 \n                                        \n                                        \n                                        md:top-1\/2 md:bottom-auto md:left-[105%] md:w-[250px] lg:w-[300px] md:pt-0 \n                                        md:-translate-y-1\/2 md:-translate-x-8 md:translate-y-0\n                                        \n                                        \n                                        group-[.swiper-slide-active]:opacity-100 \n                                        group-[.swiper-slide-active]:pointer-events-auto \n                                        group-[.swiper-slide-active]:delay-300\n                                        \n                                        \n                                        group-[.swiper-slide-active]:translate-y-0\n                                        \n                                        \n                                        md:group-[.swiper-slide-active]:-translate-y-1\/2 \n                                        md:group-[.swiper-slide-active]:translate-x-0\">\n                                \n                                <h3 class=\"font-sans text-3xl md:text-3xl font-medium w-full md:max-w-[150px] text-primary leading-tight mb-4 uppercase\">\n                                    SAL\u00d3N\n                                <\/h3>\n\n                                                                    <a href=\"https:\/\/casanisbistrot.com\/es\/historia\/\" target=\"\" \n                                       class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 transition-all duration-300 hover:text-primary hover:border-none inline-block\">\n                                        VER M\u00c1S\n                                    <\/a>\n                                \n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide group shrink-0\">\n                        \n                        <div class=\"relative w-full max-w-[420px] mx-auto aspect-[2\/3] max-h-[70vh] flex items-center justify-center\">\n                            \n                            <div class=\"w-full h-full relative transition-all duration-[800ms] ease-[cubic-bezier(0.25,1,0.5,1)] \n                                        opacity-40 scale-75 \n                                        group-[.swiper-slide-prev]:-rotate-6 group-[.swiper-slide-prev]:opacity-80 \n                                        group-[.swiper-slide-next]:rotate-6 group-[.swiper-slide-next]:opacity-80 \n                                        group-[.swiper-slide-active]:rotate-1 group-[.swiper-slide-active]:scale-100 group-[.swiper-slide-active]:opacity-100 \n                                        shadow-2xl\">\n                                        \n                                <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/10\/bistrot-spaces-3.webp\" class=\"w-full h-full object-cover \" alt=\"TERRAZA\">\n                            <\/div>\n\n                            <div class=\"absolute z-20 pointer-events-none transition-all duration-700 ease-out opacity-0 \n                                        flex flex-col items-center text-center md:items-start md:text-left\n                                        \n                                        \n                                        top-[100%] left-0 w-full pt-6 translate-y-4 \n                                        \n                                        \n                                        md:top-1\/2 md:bottom-auto md:left-[105%] md:w-[250px] lg:w-[300px] md:pt-0 \n                                        md:-translate-y-1\/2 md:-translate-x-8 md:translate-y-0\n                                        \n                                        \n                                        group-[.swiper-slide-active]:opacity-100 \n                                        group-[.swiper-slide-active]:pointer-events-auto \n                                        group-[.swiper-slide-active]:delay-300\n                                        \n                                        \n                                        group-[.swiper-slide-active]:translate-y-0\n                                        \n                                        \n                                        md:group-[.swiper-slide-active]:-translate-y-1\/2 \n                                        md:group-[.swiper-slide-active]:translate-x-0\">\n                                \n                                <h3 class=\"font-sans text-3xl md:text-3xl font-medium w-full md:max-w-[150px] text-primary leading-tight mb-4 uppercase\">\n                                    TERRAZA\n                                <\/h3>\n\n                                                                    <a href=\"https:\/\/casanisbistrot.com\/es\/historia\/\" target=\"\" \n                                       class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 transition-all duration-300 hover:text-primary hover:border-none inline-block\">\n                                        VER M\u00c1S\n                                    <\/a>\n                                \n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide group shrink-0\">\n                        \n                        <div class=\"relative w-full max-w-[420px] mx-auto aspect-[2\/3] max-h-[70vh] flex items-center justify-center\">\n                            \n                            <div class=\"w-full h-full relative transition-all duration-[800ms] ease-[cubic-bezier(0.25,1,0.5,1)] \n                                        opacity-40 scale-75 \n                                        group-[.swiper-slide-prev]:-rotate-6 group-[.swiper-slide-prev]:opacity-80 \n                                        group-[.swiper-slide-next]:rotate-6 group-[.swiper-slide-next]:opacity-80 \n                                        group-[.swiper-slide-active]:rotate-1 group-[.swiper-slide-active]:scale-100 group-[.swiper-slide-active]:opacity-100 \n                                        shadow-2xl\">\n                                        \n                                <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/10\/bistrot-tienda-de-vino.webp\" class=\"w-full h-full object-cover \" alt=\"TIENDA DE VINO\">\n                            <\/div>\n\n                            <div class=\"absolute z-20 pointer-events-none transition-all duration-700 ease-out opacity-0 \n                                        flex flex-col items-center text-center md:items-start md:text-left\n                                        \n                                        \n                                        top-[100%] left-0 w-full pt-6 translate-y-4 \n                                        \n                                        \n                                        md:top-1\/2 md:bottom-auto md:left-[105%] md:w-[250px] lg:w-[300px] md:pt-0 \n                                        md:-translate-y-1\/2 md:-translate-x-8 md:translate-y-0\n                                        \n                                        \n                                        group-[.swiper-slide-active]:opacity-100 \n                                        group-[.swiper-slide-active]:pointer-events-auto \n                                        group-[.swiper-slide-active]:delay-300\n                                        \n                                        \n                                        group-[.swiper-slide-active]:translate-y-0\n                                        \n                                        \n                                        md:group-[.swiper-slide-active]:-translate-y-1\/2 \n                                        md:group-[.swiper-slide-active]:translate-x-0\">\n                                \n                                <h3 class=\"font-sans text-3xl md:text-3xl font-medium w-full md:max-w-[150px] text-primary leading-tight mb-4 uppercase\">\n                                    TIENDA DE VINO\n                                <\/h3>\n\n                                                                    <a href=\"https:\/\/casanisbistrot.com\/es\/historia\/\" target=\"\" \n                                       class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 transition-all duration-300 hover:text-primary hover:border-none inline-block\">\n                                        VER M\u00c1S\n                                    <\/a>\n                                \n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide group shrink-0\">\n                        \n                        <div class=\"relative w-full max-w-[420px] mx-auto aspect-[2\/3] max-h-[70vh] flex items-center justify-center\">\n                            \n                            <div class=\"w-full h-full relative transition-all duration-[800ms] ease-[cubic-bezier(0.25,1,0.5,1)] \n                                        opacity-40 scale-75 \n                                        group-[.swiper-slide-prev]:-rotate-6 group-[.swiper-slide-prev]:opacity-80 \n                                        group-[.swiper-slide-next]:rotate-6 group-[.swiper-slide-next]:opacity-80 \n                                        group-[.swiper-slide-active]:rotate-1 group-[.swiper-slide-active]:scale-100 group-[.swiper-slide-active]:opacity-100 \n                                        shadow-2xl\">\n                                        \n                                <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/10\/history-spaces-2.webp\" class=\"w-full h-full object-cover \" alt=\"TERRAZA\">\n                            <\/div>\n\n                            <div class=\"absolute z-20 pointer-events-none transition-all duration-700 ease-out opacity-0 \n                                        flex flex-col items-center text-center md:items-start md:text-left\n                                        \n                                        \n                                        top-[100%] left-0 w-full pt-6 translate-y-4 \n                                        \n                                        \n                                        md:top-1\/2 md:bottom-auto md:left-[105%] md:w-[250px] lg:w-[300px] md:pt-0 \n                                        md:-translate-y-1\/2 md:-translate-x-8 md:translate-y-0\n                                        \n                                        \n                                        group-[.swiper-slide-active]:opacity-100 \n                                        group-[.swiper-slide-active]:pointer-events-auto \n                                        group-[.swiper-slide-active]:delay-300\n                                        \n                                        \n                                        group-[.swiper-slide-active]:translate-y-0\n                                        \n                                        \n                                        md:group-[.swiper-slide-active]:-translate-y-1\/2 \n                                        md:group-[.swiper-slide-active]:translate-x-0\">\n                                \n                                <h3 class=\"font-sans text-3xl md:text-3xl font-medium w-full md:max-w-[150px] text-primary leading-tight mb-4 uppercase\">\n                                    TERRAZA\n                                <\/h3>\n\n                                                                    <a href=\"https:\/\/casanisbistrot.com\/es\/historia\/\" target=\"\" \n                                       class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 transition-all duration-300 hover:text-primary hover:border-none inline-block\">\n                                        VER M\u00c1S\n                                    <\/a>\n                                \n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n\n        <div class=\"absolute bottom-0 left-0 md:relative w-full max-w-[1000px] mx-auto flex justify-between items-center px-4 md:px-20 lg:px-32 z-30 pointer-events-none\">\n            \n            \n            <button x-ref=\"prev\" class=\"flex items-center space-x-1 md:space-x-2 group\/arrow cursor-pointer pointer-events-auto p-4 transition-opacity hover:opacity-70\">\n                <div class=\"w-1.5 h-1.5 md:w-2 md:h-2 rounded-full bg-[#755f52]\"><\/div>\n                <div class=\"w-12 md:w-24 h-[1px] bg-[#755f52]\"><\/div>\n            <\/button>\n\n            \n            <button x-ref=\"next\" class=\"flex items-center space-x-1 md:space-x-2 group\/arrow cursor-pointer pointer-events-auto p-4 transition-opacity hover:opacity-70\">\n                <div class=\"w-12 md:w-24 h-[1px] bg-[#755f52]\"><\/div>\n                <div class=\"w-1.5 h-1.5 md:w-2 md:h-2 rounded-full bg-[#755f52]\"><\/div>\n            <\/button>\n            \n        <\/div>\n\n    <\/div>\n<\/section>\n\n<section class=\"align home-carta wp-block-menu-carousel relative w-full py-16 overflow-visible bg-transparent z-30\"\n         x-data=\"{ mouseX: 0, mouseY: 0 }\"\n         @mousemove.window=\"mouseX = ($event.clientX - window.innerWidth \/ 2); mouseY = ($event.clientY - window.innerHeight \/ 2)\">\n\n                    \n        <div class=\"absolute z-50 pointer-events-none opacity-0 md:opacity-100\"\n             style=\"bottom: 5%; right: 25%;\">\n             \n            <div class=\"transition-transform duration-75 ease-linear\"\n                 :style=\"`transform: translate(${mouseX * 0.03}px, ${mouseY * 0.03}px)`\">\n                 \n                <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/09\/gallina1.png\" alt=\"Decoraci\u00f3n\" class=\"w-[40vw] max-w-[300px] h-auto object-contain drop-shadow-xl\">\n            <\/div>\n            \n        <\/div>\n    \n    <div x-data=\"carruselMenu(3)\" class=\"relative z-10 w-full max-w-[1600px] mx-auto min-h-[700px]\">\n\n        <div class=\"absolute inset-0 z-0 pointer-events-none flex justify-center\">\n            <div class=\"w-full lg:w-[55%] h-full relative\">\n                                    <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/09\/c9103306-f0b0-40b6-bebd-ef7b9db409af-1-2.png\" class=\"absolute inset-0 w-full h-full object-fill drop-shadow-2xl\" alt=\"Fondo Papel\">\n                            <\/div>\n        <\/div>\n\n        <div x-ref=\"carrusel\" class=\"swiper w-full h-full z-10\">\n            <div class=\"swiper-wrapper\">\n                \n                                    <div class=\"swiper-slide !bg-transparent\">\n                        \n                        <div class=\"px-6 grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-0 pb-16 pt-8 md:pb-32 md:pt-16\">\n                            \n                            \n                            <div class=\"lg:col-span-3 flex flex-col justify-center items-center lg:items-end text-center lg:text-right order-2  lg:order-1 px-2 md:px-4 lg:pr-12\">\n                                                                    \n                                    <h2 class=\"font-marshal text-5xl md:text-6xl text-primary leading-none mb-6\">\n                                        Comida\n                                    <\/h2>\n                                                                                                    <p class=\"font-sans font-light text-sm max-w-[250px] text-foreground leading-relaxed\">\n                                        En Casanis Bistrot creemos que una buena comida empieza mucho antes del primer bocado.\n                                    <\/p>\n                                                            <\/div>\n\n                            <div class=\"lg:col-span-6 relative flex flex-col items-center justify-center order-1 lg:order-2 px-4 pt-2 md:pt-8 pb-2 md:pb-24 md:pt-32\">\n                                \n                                <div class=\"text-center mb-8\">\n                                                                            <h3 class=\"font-sans uppercase tracking-[0.2em] text-lg text-primary mb-2 font-medium\">\n                                            PORQUE COMPARTIR\n                                        <\/h3>\n                                                                                                                \n                                        <p class=\"font-marshal text-4xl text-primary mb-4\">\n                                            lo hace m\u00e1s valioso\n                                        <\/p>\n                                                                                                                <a href=\"https:\/\/casanisbistrot.com\/es\/cocina-bebidas\/\" target=\"\" class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 hover:text-primary transition-colors hover:border-none\">\n                                            VER MEN\u00da\n                                        <\/a>\n                                                                    <\/div>\n\n                                <div class=\"w-full max-w-[280px] md:max-w-[350px]\">\n                                    <div class=\"w-full aspect-[3\/4] relative\">\n                                        <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/10\/bistrot-menu-1.webp\" class=\"w-full h-full object-cover shadow-xl\" alt=\"Imagen Carrusel\">\n                                    <\/div>\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"lg:col-span-3 flex flex-col justify-center items-center lg:items-start text-center lg:text-left order-3 px-4 lg:pl-8 pb-16 md:pb-2\">\n                                                                    \n                                    <h2 class=\"font-mortal text-5xl md:text-6xl max-w-[200px] text-primary leading-tight mb-8\">\n                                        CARTA\n                                    <\/h2>\n                                                                                                    <a href=\"\/cartas\/CASANISBISTROT-FOOD.pdf\" target=\"\" class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 hover:text-primary transition-colors hover:border-none\">\n                                        VER MEN\u00da\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide !bg-transparent\">\n                        \n                        <div class=\"px-6 grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-0 pb-16 pt-8 md:pb-32 md:pt-16\">\n                            \n                            \n                            <div class=\"lg:col-span-3 flex flex-col justify-center items-center lg:items-end text-center lg:text-right order-2  lg:order-1 px-2 md:px-4 lg:pr-12\">\n                                                                    \n                                    <h2 class=\"font-marshal text-5xl md:text-6xl text-primary leading-none mb-6\">\n                                        Cocteles\n                                    <\/h2>\n                                                                                                    <p class=\"font-sans font-light text-sm max-w-[250px] text-foreground leading-relaxed\">\n                                        En Casanis Bistrot creemos que una buena comida empieza mucho antes del primer bocado.\n                                    <\/p>\n                                                            <\/div>\n\n                            <div class=\"lg:col-span-6 relative flex flex-col items-center justify-center order-1 lg:order-2 px-4 pt-2 md:pt-8 pb-2 md:pb-24 md:pt-32\">\n                                \n                                <div class=\"text-center mb-8\">\n                                                                            <h3 class=\"font-sans uppercase tracking-[0.2em] text-lg text-primary mb-2 font-medium\">\n                                            PORQUE COMPARTIR\n                                        <\/h3>\n                                                                                                                \n                                        <p class=\"font-marshal text-4xl text-primary mb-4\">\n                                            lo hace m\u00e1s valioso\n                                        <\/p>\n                                                                                                                <a href=\"https:\/\/casanisbistrot.com\/es\/cocina-bebidas\/\" target=\"\" class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 hover:text-primary transition-colors hover:border-none\">\n                                            VER MEN\u00da\n                                        <\/a>\n                                                                    <\/div>\n\n                                <div class=\"w-full max-w-[280px] md:max-w-[350px]\">\n                                    <div class=\"w-full aspect-[3\/4] relative\">\n                                        <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/10\/bistrot-menu-2.webp\" class=\"w-full h-full object-cover shadow-xl\" alt=\"Imagen Carrusel\">\n                                    <\/div>\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"lg:col-span-3 flex flex-col justify-center items-center lg:items-start text-center lg:text-left order-3 px-4 lg:pl-8 pb-16 md:pb-2\">\n                                                                    \n                                    <h2 class=\"font-mortal text-5xl md:text-6xl max-w-[200px] text-primary leading-tight mb-8\">\n                                        CARTA\n                                    <\/h2>\n                                                                                                    <a href=\"\/cartas\/CASANISBISTROT-COCKTAILS.pdf\" target=\"\" class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 hover:text-primary transition-colors hover:border-none\">\n                                        VER MEN\u00da\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide !bg-transparent\">\n                        \n                        <div class=\"px-6 grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-0 pb-16 pt-8 md:pb-32 md:pt-16\">\n                            \n                            \n                            <div class=\"lg:col-span-3 flex flex-col justify-center items-center lg:items-end text-center lg:text-right order-2  lg:order-1 px-2 md:px-4 lg:pr-12\">\n                                                                    \n                                    <h2 class=\"font-marshal text-5xl md:text-6xl text-primary leading-none mb-6\">\n                                        Vinos\n                                    <\/h2>\n                                                                                                    <p class=\"font-sans font-light text-sm max-w-[250px] text-foreground leading-relaxed\">\n                                        En Casanis Bistrot creemos que una buena comida empieza mucho antes del primer bocado.\n                                    <\/p>\n                                                            <\/div>\n\n                            <div class=\"lg:col-span-6 relative flex flex-col items-center justify-center order-1 lg:order-2 px-4 pt-2 md:pt-8 pb-2 md:pb-24 md:pt-32\">\n                                \n                                <div class=\"text-center mb-8\">\n                                                                            <h3 class=\"font-sans uppercase tracking-[0.2em] text-lg text-primary mb-2 font-medium\">\n                                            PORQUE COMPARTIR\n                                        <\/h3>\n                                                                                                                \n                                        <p class=\"font-marshal text-4xl text-primary mb-4\">\n                                            lo hace m\u00e1s valioso\n                                        <\/p>\n                                                                                                                <a href=\"https:\/\/casanisbistrot.com\/es\/cocina-bebidas\/\" target=\"\" class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 hover:text-primary transition-colors hover:border-none\">\n                                            VER MEN\u00da\n                                        <\/a>\n                                                                    <\/div>\n\n                                <div class=\"w-full max-w-[280px] md:max-w-[350px]\">\n                                    <div class=\"w-full aspect-[3\/4] relative\">\n                                        <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/10\/bistrot-menu-3.webp\" class=\"w-full h-full object-cover shadow-xl\" alt=\"Imagen Carrusel\">\n                                    <\/div>\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"lg:col-span-3 flex flex-col justify-center items-center lg:items-start text-center lg:text-left order-3 px-4 lg:pl-8 pb-16 md:pb-2\">\n                                                                    \n                                    <h2 class=\"font-mortal text-5xl md:text-6xl max-w-[200px] text-primary leading-tight mb-8\">\n                                        CARTA\n                                    <\/h2>\n                                                                                                    <a href=\"\/cartas\/CASANISBISTROT-WINES.pdf\" target=\"_blank\" class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 hover:text-primary transition-colors hover:border-none\">\n                                        VER MEN\u00da\n                                    <\/a>\n                                                            <\/div>\n\n                        <\/div>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n\n        <div class=\"absolute bottom-10 left-0 w-full pointer-events-none z-30 pb-8 md:pb-16\">\n            <div class=\"max-w-[1600px] mx-auto px-6 grid grid-cols-1 lg:grid-cols-12\">\n                <div class=\"hidden lg:block lg:col-span-3\"><\/div>\n                <div class=\"col-span-1 lg:col-span-6 flex justify-center pointer-events-auto\">\n                    \n                    <div class=\"flex items-center justify-center w-full max-w-[280px] md:max-w-[350px] text-[#755f52]\">\n                        <button x-ref=\"prev\" class=\"flex-1 flex items-center group cursor-pointer p-2\">\n                            <div class=\"w-full h-[1px] bg-current group-hover:opacity-50 transition-opacity\"><\/div>\n                            <div class=\"w-2 h-2 rounded-full bg-current ml-[-1px]\"><\/div>\n                        <\/button>\n\n                        <div class=\"px-4 font-sans text-xs tracking-widest flex space-x-2\">\n                            <span x-text=\"String(actual).padStart(2, '0')\"><\/span>\n                            <span class=\"opacity-50\">|<\/span>\n                            <span x-text=\"String(total).padStart(2, '0')\"><\/span>\n                        <\/div>\n\n                        <button x-ref=\"next\" class=\"flex-1 flex items-center group cursor-pointer p-2\">\n                            <div class=\"w-2 h-2 rounded-full bg-current mr-[-1px]\"><\/div>\n                            <div class=\"w-full h-[1px] bg-current group-hover:opacity-50 transition-opacity\"><\/div>\n                        <\/button>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<section class=\"align home-flor wp-block-animacion-scroll relative z-20 w-full h-[250vh] bg-transparent z-1\" \n         x-data=\"animacionScroll([&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_004.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_005.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_006.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_007.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_008.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_009webp.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_010.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_011.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_012.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_013.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_014.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_015.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_016.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_017.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_018.webp&quot;,&quot;https:\\\/\\\/casanisbistrot.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/compressed_frame_019.webp&quot;])\">\n\n    \n    <div class=\"sticky top-0 w-full h-screen flex items-center justify-center overflow-hidden\">\n        \n        <div class=\"max-w-[1400px] w-full mx-auto px-6 grid grid-cols-1 md:grid-cols-12 gap-8 items-center h-full\">\n            \n            \n            <div class=\"md:col-span-3 hidden md:flex justify-center md:justify-end text-center md:text-right mr-0 md:-mr-16\">\n                                    <h3 class=\"font-sans font-light tracking-[0.1em] text-lg md:text-xl text-[#755f52] uppercase max-w-[200px] leading-relaxed\">\n                        Cuando visitas Casanis bistrot\n                    <\/h3>\n                            <\/div>\n\n            \n            <div class=\"md:col-span-6 flex justify-center items-center h-full max-h-[80vh]\">\n                <canvas x-ref=\"canvas\" class=\"w-full max-w-[350px] md:max-w-[450px] h-auto object-contain\"><\/canvas>\n            <\/div>\n\n            \n            <div class=\"md:col-span-3 hidden md:flex flex-col justify-center md:justify-start text-center md:text-left ml-0 md:-ml-16\">\n                                    <h3 class=\"font-sans font-light tracking-[0.1em] text-lg md:text-xl text-[#755f52] uppercase mb-2\">\n                        TE SENTIR\u00c1S&#8230;\n                    <\/h3>\n                                                    <p class=\"font-marshal text-5xl md:text-6xl text-[#7e2528] lowercase\">\n                        como en casa\n                    <\/p>\n                            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"align home-grupos-eventos wp-block-banner-decorado relative w-full py-24 overflow-hidden\"\n         x-data=\"{ mouseX: 0, mouseY: 0 }\"\n         @mousemove.window=\"mouseX = ($event.clientX - window.innerWidth \/ 2); mouseY = ($event.clientY - window.innerHeight \/ 2)\">\n\n    <div class=\"relative max-w-[1000px] mx-auto px-6 lg:px-12\">\n\n        \n                                <div class=\"absolute z-0 pointer-events-none\" style=\"bottom: 10%; right: -40%;\">\n                <div x-data=\"efectoAcuarela\" class=\"w-[40vw] max-w-[300px] md:max-w-[450px] h-auto\">\n                    \n                    <svg width=\"0\" height=\"0\" class=\"absolute\">\n                        <filter :id=\"filtroId\">\n                            <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.02\" numOctaves=\"3\" result=\"noise\"><\/feTurbulence>\n                            <feDisplacementMap in=\"SourceGraphic\" in2=\"noise\" :scale=\"nivelDistorsion\" xChannelSelector=\"R\" yChannelSelector=\"G\"><\/feDisplacementMap>\n                        <\/filter>\n                    <\/svg>\n\n                    <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/09\/abstract-brown-circle-1.png\" alt=\"Mancha Decorativa\"\n                         class=\"w-full h-auto object-contain\"\n                         :style=\"`filter: url(#${filtroId}); opacity: ${opacidad}; transform: scale(${0.85 + (opacidad * 0.15)});`\">\n                <\/div>\n            <\/div>\n        \n\n        \n        <div class=\"relative w-full z-10\">\n                            <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/10\/bistrot-group-events.webp\" class=\"w-full h-auto max-h-[85vh] object-cover shadow-2xl\" alt=\"Banner\">\n            \n                            <div class=\"absolute bottom-6 right-6 md:bottom-12 md:right-16 z-20 text-right pointer-events-none\">\n                    <h2 class=\"font-mortal text-white text-3xl md:text-6xl max-w-[280px] leading-[0.85] drop-shadow-lg\">\n                        GROUPOS Y EVENTOS\n                    <\/h2>\n                <\/div>\n                    <\/div>\n\n\n        \n                <div class=\"relative z-10 w-full mx-auto flex flex-col pt-16 pr-0 md:pr-16 text-right items-end\">\n                            <p class=\"font-sans font-light text-sm text-foreground leading-relaxed max-w-[600px] md:leading-loose mb-10\">\n                    <strong>Momentos para compartir<\/strong><br \/>\r\nHay mesas para dos, mesas para muchos y ocasiones que merecen algo especial.<br \/>\r\nEn Casanis Bistrot acogemos grupos, celebraciones y eventos privados en un entorno \u00fanico en el centro de Marbella, adaptando cada encuentro a la ocasi\u00f3n y cuidando cada detalle.<br \/>\r\nDesde una comida entre amigos hasta una celebraci\u00f3n especial, nuestro equipo te ayudar\u00e1 a crear una experiencia a la medida.\n                <\/p>\n            \n                            <a href=\"https:\/\/casanisbistrot.com\/es\/grupos-eventos\/\" target=\"\" \n                   class=\"font-sans uppercase tracking-[0.2em] text-xs text-foreground border-b border-primary pb-1 transition-all duration-300 hover:text-primary hover:border-transparent inline-block\">\n                    DESCUBRE GRUPOS &amp; EVENTOS\n                <\/a>\n                    <\/div>\n\n\n        \n                                \n            <div class=\"absolute z-30 pointer-events-none opacity-0 md:opacity-100\" style=\"bottom: -5%; left: -10%;\">\n                <div class=\"transition-transform duration-75 ease-linear\"\n                     :style=\"`transform: translate(${mouseX * 0.03}px, ${mouseY * 0.03}px)`\">\n                    \n                    <img decoding=\"async\" src=\"https:\/\/casanisbistrot.com\/wp-content\/uploads\/2026\/09\/Tomate-1.png\" alt=\"Decoraci\u00f3n Interactiva\" class=\"w-[35vw] max-w-[180px] md:max-w-[240px] h-auto object-contain drop-shadow-xl\">\n                <\/div>\n            <\/div>\n        \n    <\/div>\n<\/section>","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,"inline_featured_image":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/casanisbistrot.com\/es\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casanisbistrot.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casanisbistrot.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casanisbistrot.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casanisbistrot.com\/es\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":79,"href":"https:\/\/casanisbistrot.com\/es\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":542,"href":"https:\/\/casanisbistrot.com\/es\/wp-json\/wp\/v2\/pages\/2\/revisions\/542"}],"wp:attachment":[{"href":"https:\/\/casanisbistrot.com\/es\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}