{"id":866,"date":"2026-06-09T06:35:27","date_gmt":"2026-06-09T04:35:27","guid":{"rendered":"https:\/\/laplagecasanis.com\/comer-y-beber\/"},"modified":"2026-06-12T21:02:33","modified_gmt":"2026-06-12T19:02:33","slug":"comer-y-beber","status":"publish","type":"page","link":"https:\/\/laplagecasanis.com\/es\/comer-y-beber\/","title":{"rendered":"Comer y beber"},"content":{"rendered":"<div class=\"wp-block-bloque-hero relative w-full overflow-hidden flex items-center justify-center h-screen md:h-[80vh] bg-background\">\n  \n  \n      <div class=\"absolute inset-0 w-full h-full bg-cover bg-center bg-no-repeat\" style=\"background-image: url('https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/DSC05813.jpg');\"><\/div>\n  \n  \n  \n  \n      <div class=\"absolute inset-0 w-full h-full bg-black z-0\" style=\"opacity: 0.15; pointer-events: none;\"><\/div>\n  \n  \n  \n  \n  <div class=\"relative z-20 flex flex-col items-center justify-center text-center px-4 max-w-4xl mx-auto\">\n\n    \n          <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/coctellpc-offwhite-2-2-e1780980032610.png\" alt=\"Icono Hero\" class=\"w-full max-w-[100px] md:max-w-[120px] h-auto object-contain mt-4\">\n    \n        \n          <h2 class=\"text-background font-display text-4xl md:text-6xl font-light mb-2\">COMER Y BEBER<\/h2>\n    \n    \n    \n      <\/div>\n\n<\/div>\n\n<div class=\"wp-block-bloque-titulo-avanzado relative flex flex-col items-center text-center py-12 px-4\">\n    \n    \n    \n    \n    <div class=\"flex flex-col md:flex-row md:flex-row items-center justify-center gap-2 mb-6\">\n        \n                    <div class=\"flex-shrink-0\">\n                <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/icono-ostras.svg\" alt=\"Icono\" class=\"w-18 h-18 md:w-[110px] md:h-[110px] object-contain\">\n            <\/div>\n                \n        <div class=\"flex flex-col md:text-center text-center\">\n                            <span class=\"fuente-sans fuente-light text-foreground text-2xl md:text-2xl uppercase leading-none block mb-2\">\n                    PREP\u00c1RATE PARA\n                <\/span>\n                        \n                            <span class=\"font-display text-foreground text-4xl md:text-4xl leading-none block\">\n                    flipar\n                <\/span>\n                    <\/div>\n    <\/div>\n\n    \n            <div class=\"prose max-w-2xl mt-2\">\n            <p><b>El men\u00fa de La Plage Casanis<\/b><span style=\"font-weight: 400;\"> ofrece una selecci\u00f3n cuidadosamente elaborada basada en <\/span><b>cocina mediterr\u00e1nea fresca<\/b><span style=\"font-weight: 400;\"> con un toque contempor\u00e1neo e internacional. La apuesta es por una cocina sencilla y de alta calidad que destaca los ingredientes de temporada y los sabores aut\u00e9nticos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">La experiencia combina una comida relajada junto al mar con un ambiente c\u00e1lido y elegante, donde los comensales pueden disfrutar de platos sencillos pero refinados, acompa\u00f1ados de una cuidada <\/span><b>selecci\u00f3n de c\u00f3cteles<\/b><span style=\"font-weight: 400;\">. Es un lugar dise\u00f1ado para disfrutar de la esencia de la gastronom\u00eda mediterr\u00e1nea junto al mar.<\/span><\/p>\n\n        <\/div>\n    \n            <div class=\"flex flex-wrap justify-center gap-4 mt-8\">\n                            <a href=\"https:\/\/www.sevenrooms.com\/experiences\/laplagecasanis\/book-a-table-6245756309946368\" class=\"btn-outline\" target=\"_blank\" rel=\"noopener\">RESERVA AHORA<\/a>\n                    <\/div>\n    \n<\/div>\n\n<section class=\"wp-block-bloque-grid-tarjetas relative w-full mx-auto px-4 py-16\">\n    \n    \n    \n    <div class=\"absolute right-4 md:right-12 z-20 pointer-events-none opacity-0 js-scroll-float\" \n             style=\"top: 100px;\"\n             data-side=\"right\">\n            <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/icono-copa-2.png\" class=\"w-24 md:w-48 h-auto object-contain\" alt=\"Elemento flotante\">\n        <\/div>\n    \n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8 items-start max-w-7xl mx-auto relative z-10 overflow-visible\">\n        \n                                    \n                <div class=\"flex flex-col h-full js-tarjeta-container\">\n\n                    \n                    <div class=\"py-8 flex flex-col flex-grow items-center text-center\">\n                        \n                        <div class=\"flex flex-col md:flex-row  items-center justify-center gap-4 mb-6\">\n                                                        \n                            <div class=\"flex flex-col md:text-center text-center\">\n                                                                \n                                                                    <span class=\"font-display text-foreground text-3xl leading-none block\">\n                                        Alimentaci\u00f3n\n                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        \n                        \n                        \n                                                    <div class=\"mt-auto\">\n                                <a href=\"\/cartas\/LAPLAGE-FOOD.pdf\" \n                                   class=\"btn-outline\">\n                                   VER MEN\u00da\n                                <\/a>\n                            <\/div>\n                                            <\/div>\n\n                    \n                                            <div class=\"w-full relative overflow-hidden group aspect-square\">\n                            \n                            <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/DSC05863-1.jpg\" \n                                 alt=\"Imagen tarjeta\" \n                                 class=\"absolute inset-0 w-full h-full object-cover transition-all duration-700 group-hover:scale-105 \">\n                            \n                            \n                                                    <\/div>\n                    \n                <\/div>\n                            \n                <div class=\"flex flex-col h-full js-tarjeta-container\">\n\n                    \n                    <div class=\"py-8 flex flex-col flex-grow items-center text-center\">\n                        \n                        <div class=\"flex flex-col md:flex-row  items-center justify-center gap-4 mb-6\">\n                                                        \n                            <div class=\"flex flex-col md:text-center text-center\">\n                                                                    <span class=\"font-display text-foreground text-xl uppercase leading-none block mb-1\">\n                                        BEBIDAS Y\n                                    <\/span>\n                                                                \n                                                                    <span class=\"font-display text-foreground text-3xl leading-none block\">\n                                        VINOS\n                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        \n                        \n                        \n                                                    <div class=\"mt-auto\">\n                                <a href=\"\/cartas\/LAPLAGE-DRINKS.pdf\" \n                                   class=\"btn-outline\">\n                                   VER MEN\u00da\n                                <\/a>\n                            <\/div>\n                                            <\/div>\n\n                    \n                                            <div class=\"w-full relative overflow-hidden group aspect-square\">\n                            \n                            <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/wines-scaled.jpg\" \n                                 alt=\"Imagen tarjeta\" \n                                 class=\"absolute inset-0 w-full h-full object-cover transition-all duration-700 group-hover:scale-105 \">\n                            \n                            \n                                                    <\/div>\n                    \n                <\/div>\n                        <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const tarjetas = document.querySelectorAll('.js-tarjeta-container');\n\n        tarjetas.forEach(function(tarjeta) {\n            const video = tarjeta.querySelector('.js-video-hover');\n            \n            if (video) {\n                tarjeta.addEventListener('mouseenter', function() {\n                    video.play().catch(function(error) {\n                        console.log('Reproducci\u00f3n prevenida autom\u00e1ticamente por el navegador:', error);\n                    });\n                });\n\n                tarjeta.addEventListener('mouseleave', function() {\n                    video.pause();\n                    video.currentTime = 0; \/\/ Resetea el video al inicio al quitar el cursor\n                });\n            }\n        });\n    });\n<\/script>\n\n<section class=\"wp-block-bloque-texto-avanzado relative py-2 px-4 overflow-visible\">\n    \n    \n    \n    \n    <div class=\"max-w-5xl fondo transparente mx-auto p-8 md:p-12\">\n        \n        \n        \n        \n        <h2 class=\"font-display texto-4xl mb-4 text-foreground\">\n            \n        <\/h2>\n        <h3 class=\"font-display texto-2xl mb-6 text-foreground opacity-80\">\n            \n        <\/h3>\n        <div class=\"prose max-w-none text-foreground font-light leading-relaxed\">\n            <p style=\"text-align: center;\">La experiencia combina una cena relajada junto al mar con un ambiente c\u00e1lido y elegante, donde los comensales pueden disfrutar de platos sencillos pero refinados, acompa\u00f1ados de una cuidada selecci\u00f3n de c\u00f3cteles. Es un lugar pensado para disfrutar de la esencia de la gastronom\u00eda mediterr\u00e1nea a orillas del mar. <\/p>\n\n        <\/div>\n        \n        \n        \n    <\/div>\n<\/section>\n\n<section class=\"wp-block-bloque-grid-tarjetas relative w-full mx-auto px-4 py-16\">\n    \n    \n    \n    <div class=\"absolute right-4 md:right-12 z-20 pointer-events-none opacity-0 js-scroll-float\" \n             style=\"bottom: 50px;\"\n             data-side=\"right\">\n            <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/icono-toalla-e1780578486760.png\" class=\"w-24 md:w-48 h-auto object-contain\" alt=\"Elemento flotante\">\n        <\/div>\n    \n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-start max-w-7xl mx-auto relative z-10 overflow-visible\">\n        \n                                    \n                <div class=\"flex flex-col h-full js-tarjeta-container\">\n\n                    \n                    <div class=\"py-8 flex flex-col flex-grow items-center text-center\">\n                        \n                        <div class=\"flex flex-col md:flex-row  items-center justify-center gap-4 mb-6\">\n                                                        \n                            <div class=\"flex flex-col md:text-center text-center\">\n                                                                \n                                                                    <span class=\"font-display text-foreground text-3xl leading-none block\">\n                                        C\u00f3cteles\n                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        \n                        \n                        \n                                                    <div class=\"mt-auto\">\n                                <a href=\"\/cartas\/LAPLAGE-COCKTAILS.pdf\" \n                                   class=\"btn-outline\">\n                                   VER MEN\u00da\n                                <\/a>\n                            <\/div>\n                                            <\/div>\n\n                    \n                                            <div class=\"w-full relative overflow-hidden group aspect-square\">\n                            \n                            <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/01022025-DSC09880-1.jpg\" \n                                 alt=\"Imagen tarjeta\" \n                                 class=\"absolute inset-0 w-full h-full object-cover transition-all duration-700 group-hover:scale-105 \">\n                            \n                            \n                                                    <\/div>\n                    \n                <\/div>\n                            \n                <div class=\"flex flex-col h-full js-tarjeta-container\">\n\n                    \n                    <div class=\"py-8 flex flex-col flex-grow items-center text-center\">\n                        \n                        <div class=\"flex flex-col md:flex-row  items-center justify-center gap-4 mb-6\">\n                                                        \n                            <div class=\"flex flex-col md:text-center text-center\">\n                                                                \n                                                                    <span class=\"font-display text-foreground text-3xl leading-none block\">\n                                        Al\u00e9rgenos\n                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        \n                        \n                        \n                                                    <div class=\"mt-auto\">\n                                <a href=\"\/cartas\/LAPLAGE-ALLERGIES.pdf\" \n                                   class=\"btn-outline\">\n                                   VIEW MENU\n                                <\/a>\n                            <\/div>\n                                            <\/div>\n\n                    \n                                            <div class=\"w-full relative overflow-hidden group aspect-square\">\n                            \n                            <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/LPC_0136-1.jpg\" \n                                 alt=\"Imagen tarjeta\" \n                                 class=\"absolute inset-0 w-full h-full object-cover transition-all duration-700 group-hover:scale-105 \">\n                            \n                            \n                                                    <\/div>\n                    \n                <\/div>\n                            \n                <div class=\"flex flex-col h-full js-tarjeta-container\">\n\n                    \n                    <div class=\"py-8 flex flex-col flex-grow items-center text-center\">\n                        \n                        <div class=\"flex flex-col md:flex-row  items-center justify-center gap-4 mb-6\">\n                                                        \n                            <div class=\"flex flex-col md:text-center text-center\">\n                                                                    <span class=\"font-display text-foreground text-xl uppercase leading-none block mb-1\">\n                                        BOTELLA\n                                    <\/span>\n                                                                \n                                                                    <span class=\"font-display text-foreground text-3xl leading-none block\">\n                                        Paquetes\n                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        \n                        \n                        \n                                                    <div class=\"mt-auto\">\n                                <a href=\"\/wp-content\/uploads\/2026\/06\/CARTA-LUMINOSA-2026-OK.pdf\" \n                                   class=\"btn-outline\">\n                                   VER MEN\u00da\n                                <\/a>\n                            <\/div>\n                                            <\/div>\n\n                    \n                                            <div class=\"w-full relative overflow-hidden group aspect-square\">\n                            \n                            <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/20260405_LAPLAGECASANIS_@graciadelosrios_082-scaled.jpg\" \n                                 alt=\"Imagen tarjeta\" \n                                 class=\"absolute inset-0 w-full h-full object-cover transition-all duration-700 group-hover:scale-105 \">\n                            \n                            \n                                                    <\/div>\n                    \n                <\/div>\n                        <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const tarjetas = document.querySelectorAll('.js-tarjeta-container');\n\n        tarjetas.forEach(function(tarjeta) {\n            const video = tarjeta.querySelector('.js-video-hover');\n            \n            if (video) {\n                tarjeta.addEventListener('mouseenter', function() {\n                    video.play().catch(function(error) {\n                        console.log('Reproducci\u00f3n prevenida autom\u00e1ticamente por el navegador:', error);\n                    });\n                });\n\n                tarjeta.addEventListener('mouseleave', function() {\n                    video.pause();\n                    video.currentTime = 0; \/\/ Resetea el video al inicio al quitar el cursor\n                });\n            }\n        });\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":897,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-866","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/pages\/866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/comments?post=866"}],"version-history":[{"count":3,"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/pages\/866\/revisions"}],"predecessor-version":[{"id":1002,"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/pages\/866\/revisions\/1002"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/media\/897"}],"wp:attachment":[{"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/media?parent=866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}