{"id":846,"date":"2026-06-09T08:58:05","date_gmt":"2026-06-09T06:58:05","guid":{"rendered":"https:\/\/laplagecasanis.com\/playa\/"},"modified":"2026-07-01T14:47:46","modified_gmt":"2026-07-01T12:47:46","slug":"playa","status":"publish","type":"page","link":"https:\/\/laplagecasanis.com\/es\/playa\/","title":{"rendered":"Playa"},"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\/cabecera-beach-2-1.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\/icono-bikini.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\">PLAYA<\/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-sombrilla-e1780578316161.png\" alt=\"Icono\" class=\"w-full max-w-[100px] md:max-w-[110px] md:h-[110px] object-contain\">\n            <\/div>\n                \n        <div class=\"flex flex-col md:text-center text-center\">\n                        \n                    <\/div>\n    <\/div>\n\n    \n            <div class=\"prose max-w-2xl mt-2\">\n            <p>En La Plage Casanis, la experiencia en la playa est\u00e1 pensada para disfrutar de una relajaci\u00f3n total junto al mar. Los hu\u00e9spedes pueden descansar en las c\u00f3modas tumbonas Marbella, disfrutar de la comodidad de las hamacas Marbella o pasar un d\u00eda de lujo en las zonas VIP, todo ello en un elegante entorno mediterr\u00e1neo. <\/p>\n<p>Con un servicio atento justo en la arena, podr\u00e1s disfrutar de bebidas refrescantes, c\u00f3cteles y un ambiente relajado desde por la ma\u00f1ana hasta el atardecer. Es un lugar para desconectar, tomar el sol y disfrutar de la playa de una forma relajada pero sofisticada.  <\/p>\n\n        <\/div>\n    \n    \n<\/div>\n\n<section class=\"wp-block-bloque-grid-tarjetas relative w-full mx-auto px-4 py-16\">\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-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                    <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                                        Hamacas\n                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        \n                        \n                        \n                        <div class=\"mt-auto relative z-20\">\n                                                            <a href=\"https:\/\/laplagecasanis.com\/es\/reservar-mesa\/beach-experience\/\" \n                                   target=\"\"\n                                   class=\"btn-outline\">\n                                   RESERVA EN LA PLAYA\n                                <\/a>\n                                \n                                                    <\/div>\n                    <\/div>\n\n                                            <div class=\"w-full relative overflow-hidden group aspect-square\">\n                            <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/LA-PLAGE-CASANIS-026-scaled.webp\" alt=\"Imagen tarjeta\" class=\"absolute inset-0 w-full h-full object-cover transition-all duration-700 group-hover:scale-105 group-hover:opacity-0\">\n                            \n                                                            <video src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/video-sunbeds-1.mp4\" muted loop playsinline class=\"js-video-hover absolute inset-0 w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none\"><\/video>\n                                                    <\/div>\n                    \n                <\/div>\n                            \n                <div class=\"flex flex-col h-full js-tarjeta-container\">\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                                        Camas Bali\n                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        \n                        \n                        \n                        <div class=\"mt-auto relative z-20\">\n                                                            <a href=\"https:\/\/laplagecasanis.com\/es\/reservar-mesa\/beach-experience\/\" \n                                   target=\"\"\n                                   class=\"btn-outline\">\n                                   RESERVA EN LA PLAYA\n                                <\/a>\n                                \n                                                    <\/div>\n                    <\/div>\n\n                                            <div class=\"w-full relative overflow-hidden group aspect-square\">\n                            <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/LA-PLAGE-CASANIS-180-scaled.webp\" alt=\"Imagen tarjeta\" class=\"absolute inset-0 w-full h-full object-cover transition-all duration-700 group-hover:scale-105 group-hover:opacity-0\">\n                            \n                                                            <video src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/video-bali-beds-1.mp4\" muted loop playsinline class=\"js-video-hover absolute inset-0 w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none\"><\/video>\n                                                    <\/div>\n                    \n                <\/div>\n                            \n                <div class=\"flex flex-col h-full js-tarjeta-container\">\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                                        Espacios VIP\n                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n\n                        \n                        \n                        \n                        <div class=\"mt-auto relative z-20\">\n                                                            <a href=\"https:\/\/laplagecasanis.com\/es\/reservar-mesa\/beach-experience\/\" \n                                   target=\"\"\n                                   class=\"btn-outline\">\n                                   RESERVA EN LA PLAYA\n                                <\/a>\n                                \n                                                    <\/div>\n                    <\/div>\n\n                                            <div class=\"w-full relative overflow-hidden group aspect-square\">\n                            <img decoding=\"async\" src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/LA-PLAGE-CASANIS-148-scaled.jpg\" alt=\"Imagen tarjeta\" class=\"absolute inset-0 w-full h-full object-cover transition-all duration-700 group-hover:scale-105 group-hover:opacity-0\">\n                            \n                                                            <video src=\"https:\/\/laplagecasanis.com\/wp-content\/uploads\/2026\/06\/video-vip-1.mp4\" muted loop playsinline class=\"js-video-hover absolute inset-0 w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none\"><\/video>\n                                                    <\/div>\n                    \n                <\/div>\n                        <\/div>\n\n    \n    <\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ 1. Control del Video Hover\n        const tarjetas = document.querySelectorAll('.js-tarjeta-container');\n        tarjetas.forEach(function(tarjeta) {\n            const video = tarjeta.querySelector('.js-video-hover');\n            if (video) {\n                tarjeta.addEventListener('mouseenter', function() {\n                    video.play().catch(function(error) { console.log('Autoplay prevenido:', error); });\n                });\n                tarjeta.addEventListener('mouseleave', function() {\n                    video.pause();\n                    video.currentTime = 0; \n                });\n            }\n        });\n\n        \/\/ 2. Control de los Modales\n        const btnAbrir = document.querySelectorAll('.js-btn-abrir-modal');\n        const btnCerrar = document.querySelectorAll('.js-btn-cerrar-modal');\n\n        \/\/ Abrir\n        btnAbrir.forEach(function(btn) {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                const idObjetivo = this.getAttribute('data-target');\n                const modal = document.getElementById(idObjetivo);\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 del fondo\n                }\n            });\n        });\n\n        \/\/ Cerrar\n        btnCerrar.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 del fondo\n                }\n            });\n        });\n    });\n<\/script>","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-846","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/pages\/846","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=846"}],"version-history":[{"count":2,"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/pages\/846\/revisions"}],"predecessor-version":[{"id":1467,"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/pages\/846\/revisions\/1467"}],"wp:attachment":[{"href":"https:\/\/laplagecasanis.com\/es\/wp-json\/wp\/v2\/media?parent=846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}