Caf\u00e9 Bar Encuentro – Platja de Piles | \u00a1Estamos Abiertos!<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap\" rel=\"stylesheet\">\n\n <script>\n tailwind.config = {\n darkMode: 'class',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Poppins', 'sans-serif'],\n },\n colors: {\n brand: {\n blue: '#0072FF',\n magenta: '#D10074',\n emerald: '#00B050',\n orange: '#FF8C00',\n dark: '#0A0A0A',\n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n @keyframes pulse-glow {\n 0%, 100% { opacity: 0.9; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.05); }\n }\n @keyframes float-slow {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(2deg); }\n }\n .animate-glow {\n animation: pulse-glow 3.5s infinite ease-in-out;\n }\n .animate-float {\n animation: float-slow 6s infinite ease-in-out;\n }\n .glass-card {\n background: rgba(18, 18, 22, 0.75);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .gradient-text {\n background: linear-gradient(135deg, #0072FF 0%, #D10074 50%, #FF8C00 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .gradient-border {\n position: relative;\n }\n .gradient-border::before {\n content: '';\n position: absolute;\n inset: -1px;\n border-radius: inherit;\n padding: 1px;\n background: linear-gradient(135deg, #0072FF, #D10074, #00B050, #FF8C00);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n }\n <\/style>\n<\/head>\n<body class=\"bg-[#0A0A0A] text-slate-100 font-sans min-h-screen flex flex-col justify-between selection:bg-[#D10074] selection:text-white relative overflow-x-hidden\">\n\n \n <div class=\"fixed inset-0 z-0 pointer-events-none overflow-hidden\">\n <div class=\"absolute -top-32 -left-32 w-[30rem] h-[30rem] bg-[#0072FF]\/20 rounded-full blur-[120px] animate-glow\"><\/div>\n <div class=\"absolute top-1\/3 -right-32 w-[28rem] h-[28rem] bg-[#D10074]\/20 rounded-full blur-[120px] animate-glow\" style=\"animation-delay: 1s;\"><\/div>\n <div class=\"absolute bottom-10 left-1\/4 w-[26rem] h-[26rem] bg-[#00B050]\/15 rounded-full blur-[120px] animate-glow\" style=\"animation-delay: 2s;\"><\/div>\n <div class=\"absolute -bottom-20 -right-20 w-[24rem] h-[24rem] bg-[#FF8C00]\/20 rounded-full blur-[120px] animate-glow\" style=\"animation-delay: 1.5s;\"><\/div>\n <\/div>\n\n <div class=\"relative z-10 flex-grow flex flex-col justify-center items-center px-4 py-8 md:py-12\">\n \n <main class=\"w-full max-w-3xl mx-auto space-y-8\">\n\n \n <div class=\"text-center space-y-4\">\n <div class=\"inline-flex items-center gap-2.5 px-4 py-1.5 rounded-full bg-white\/5 border border-white\/10 text-xs font-semibold tracking-wider uppercase text-slate-200 shadow-lg backdrop-blur-md\">\n <span class=\"relative flex h-2.5 w-2.5\">\n <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-[#00B050] opacity-75\"><\/span>\n <span class=\"relative inline-flex rounded-full h-2.5 w-2.5 bg-[#00B050]\"><\/span>\n <\/span>\n \u00a1Bar Abierto con Normalidad!\n <\/div>\n\n <h1 class=\"text-4xl sm:text-5xl md:text-6xl font-black tracking-tight leading-none text-white\">\n Caf\u00e9 Bar <span class=\"gradient-text\">Encuentro<\/span>\n <\/h1>\n <p class=\"text-slate-300 text-base sm:text-lg max-w-lg mx-auto font-light leading-relaxed\">\n Tu punto de reuni\u00f3n en la playa de Piles para disfrutar de buenos momentos, ca\u00f1as heladas y deliciosos almuerzos.\n <\/p>\n <\/div>\n\n \n <div class=\"glass-card gradient-border rounded-3xl p-6 sm:p-8 md:p-10 text-center relative overflow-hidden shadow-2xl\">\n \n \n <div class=\"w-16 h-16 sm:w-20 sm:h-20 bg-gradient-to-tr from-[#0072FF]\/20 via-[#D10074]\/20 to-[#FF8C00]\/20 border border-white\/10 rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-inner animate-float\">\n <i class=\"fa-solid fa-screwdriver-wrench text-2xl sm:text-3xl text-gradient bg-gradient-to-r from-[#FF8C00] to-[#D10074] bg-clip-text text-transparent\"><\/i>\n <\/div>\n\n <h2 class=\"text-2xl sm:text-3xl font-bold text-white mb-3 tracking-tight\">\n Estamos preparando nuestra nueva web\n <\/h2>\n <p class=\"text-slate-300 text-sm sm:text-base max-w-xl mx-auto leading-relaxed mb-6 font-normal\">\n Muy pronto podr\u00e1s consultar toda nuestra carta en l\u00ednea y promociones. Mientras tanto, <strong class=\"text-white font-semibold\">\u00a1estamos encantados de atenderte en persona todos los d\u00edas!<\/strong>\n <\/p>\n\n \n <div id=\"statusBadge\" class=\"inline-flex items-center gap-3 px-5 py-3 rounded-2xl bg-white\/5 border border-white\/10 text-white shadow-lg text-sm sm:text-base font-medium transition-all duration-300\">\n <i class=\"fa-solid fa-clock text-[#FF8C00]\"><\/i>\n <span id=\"statusText\">Comprobando horario de apertura…<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n \n <div class=\"glass-card rounded-3xl p-6 shadow-xl border border-white\/10 flex flex-col justify-between hover:border-white\/20 transition-all duration-300\">\n <div>\n <div class=\"flex items-center gap-3 text-[#0072FF] font-semibold mb-4\">\n <div class=\"w-10 h-10 rounded-xl bg-[#0072FF]\/15 border border-[#0072FF]\/30 flex items-center justify-center text-[#0072FF]\">\n <i class=\"fa-solid fa-location-dot text-lg\"><\/i>\n <\/div>\n <h3 class=\"text-white font-bold text-lg tracking-wide\">\u00bfD\u00f3nde estamos?<\/h3>\n <\/div>\n <p class=\"text-white font-semibold text-base mb-1\">Calle Montduber 42<\/p>\n <p class=\"text-slate-400 text-sm mb-4\">Platja de Piles, 46712 Piles (Valencia)<\/p>\n <p class=\"text-xs text-slate-400 leading-relaxed mb-6\">\n A escasos metros del mar mediterr\u00e1neo. Ideal para reponer fuerzas con un buen tapeo.\n <\/p>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row gap-2.5 pt-2\">\n <a href=\"https:\/\/maps.google.com\/?cid=11397195384778468016\" target=\"_blank\" rel=\"noopener noreferrer\" \n class=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-[#0072FF] to-[#0052cc] hover:from-[#0062E0] hover:to-[#0042b3] text-white font-semibold text-sm rounded-xl transition-all shadow-lg shadow-[#0072FF]\/25\">\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\n Abrir en Maps\n <\/a>\n <button onclick=\"copyAddress()\" id=\"copyBtn\" class=\"px-4 py-3 bg-white\/10 hover:bg-white\/15 text-slate-200 text-sm font-semibold rounded-xl transition-colors flex items-center justify-center gap-1.5 border border-white\/10\" title=\"Copiar direcci\u00f3n\">\n <i class=\"fa-regular fa-copy\"><\/i>\n <span id=\"copyText\">Copiar<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-card rounded-3xl p-6 shadow-xl border border-white\/10 flex flex-col justify-between hover:border-white\/20 transition-all duration-300\">\n <div>\n <div class=\"flex items-center gap-3 text-[#D10074] font-semibold mb-4\">\n <div class=\"w-10 h-10 rounded-xl bg-[#D10074]\/15 border border-[#D10074]\/30 flex items-center justify-center text-[#D10074]\">\n <i class=\"fa-solid fa-store text-lg\"><\/i>\n <\/div>\n <h3 class=\"text-white font-bold text-lg tracking-wide\">Horario & Contacto<\/h3>\n <\/div>\n\n <ul class=\"space-y-2.5 text-sm mb-6\">\n <li class=\"flex justify-between items-center py-1.5 border-b border-white\/10\">\n <span class=\"font-medium text-slate-300\">Martes a Domingo<\/span>\n <span class=\"font-semibold text-white\">8:00\u201317:00 | 19:00\u201301:00<\/span>\n <\/li>\n <li class=\"flex justify-between items-center py-1.5 text-slate-400\">\n <span>Lunes<\/span>\n <span class=\"font-medium bg-white\/10 text-slate-300 px-2.5 py-0.5 rounded-md text-xs border border-white\/10\">Descanso semanal<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"space-y-2.5 pt-2\">\n <a href=\"tel:+34670218006\" class=\"w-full inline-flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-[#D10074] to-[#a3005a] hover:from-[#be0069] hover:to-[#8c004d] text-white font-semibold text-sm rounded-xl transition-all shadow-lg shadow-[#D10074]\/25\">\n <i class=\"fa-solid fa-phone text-amber-300\"><\/i>\n Llamar al 670 21 80 06\n <\/a>\n <a href=\"https:\/\/wa.me\/34670218006?text=Hola!%20Me%20gustar%C3%ADa%20hacer%20una%20consulta%20o%20reserva\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full inline-flex items-center justify-center gap-2 px-4 py-2.5 bg-[#00B050]\/20 hover:bg-[#00B050]\/30 text-[#00B050] border border-[#00B050]\/40 font-semibold text-sm rounded-xl transition-colors\">\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\n Enviar WhatsApp\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-3 text-center\">\n <div class=\"glass-card rounded-2xl p-3.5 border border-white\/10 shadow-md hover:border-[#0072FF]\/50 transition-colors\">\n <i class=\"fa-solid fa-mug-hot text-[#0072FF] text-xl mb-1.5\"><\/i>\n <h4 class=\"text-xs font-bold text-white\">Desayunos<\/h4>\n <p class=\"text-[11px] text-slate-400\">Caf\u00e9 reci\u00e9n hecho<\/p>\n <\/div>\n <div class=\"glass-card rounded-2xl p-3.5 border border-white\/10 shadow-md hover:border-[#D10074]\/50 transition-colors\">\n <i class=\"fa-solid fa-utensils text-[#D10074] text-xl mb-1.5\"><\/i>\n <h4 class=\"text-xs font-bold text-white\">Almuerzos<\/h4>\n <p class=\"text-[11px] text-slate-400\">Bocadillos t\u00edpicos<\/p>\n <\/div>\n <div class=\"glass-card rounded-2xl p-3.5 border border-white\/10 shadow-md hover:border-[#00B050]\/50 transition-colors\">\n <i class=\"fa-solid fa-beer-mug-empty text-[#00B050] text-xl mb-1.5\"><\/i>\n <h4 class=\"text-xs font-bold text-white\">Ca\u00f1as & Tapas<\/h4>\n <p class=\"text-[11px] text-slate-400\">Muy fr\u00edas<\/p>\n <\/div>\n <div class=\"glass-card rounded-2xl p-3.5 border border-white\/10 shadow-md hover:border-[#FF8C00]\/50 transition-colors\">\n <i class=\"fa-solid fa-cloud-sun text-[#FF8C00] text-xl mb-1.5\"><\/i>\n <h4 class=\"text-xs font-bold text-white\">Terraza<\/h4>\n <p class=\"text-[11px] text-slate-400\">Junto al mar<\/p>\n <\/div>\n <\/div>\n\n <\/main>\n\n <\/div>\n\n \n <footer class=\"relative z-10 py-6 text-center text-xs text-slate-400 border-t border-white\/10 bg-[#0A0A0A]\/80 backdrop-blur-md\">\n <p>\u00a9 <span id=\"year\"><\/span> Caf\u00e9 Bar Encuentro \u2014 Calle Montduber 42, Platja de Piles (Valencia)<\/p>\n <\/footer>\n\n \n <div id=\"toast\" class=\"fixed bottom-6 right-6 z-50 transform translate-y-20 opacity-0 transition-all duration-300 bg-slate-900 text-white px-4 py-3 rounded-2xl shadow-2xl flex items-center gap-3 text-sm border border-white\/20\">\n <i class=\"fa-solid fa-circle-check text-[#00B050] text-lg\"><\/i>\n <span>\u00a1Direcci\u00f3n copiada al portapapeles!<\/span>\n <\/div>\n\n <script>\n \/\/ Update year dynamically\n document.getElementById('year').textContent = new Date().getFullYear();\n\n \/\/ Copy Address function\n function copyAddress() {\n const addressText = \"Calle Montduber 42, Platja de Piles, 46712 Piles, Valencia\";\n \n const textArea = document.createElement(\"textarea\");\n textArea.value = addressText;\n document.body.appendChild(textArea);\n textArea.select();\n try {\n document.execCommand('copy');\n showToast();\n } catch (err) {\n console.error('Error al copiar: ', err);\n }\n document.body.removeChild(textArea);\n }\n\n function showToast() {\n const toast = document.getElementById('toast');\n const copyText = document.getElementById('copyText');\n copyText.textContent = \"\u00a1Copiado!\";\n toast.classList.remove('translate-y-20', 'opacity-0');\n \n setTimeout(() => {\n toast.classList.add('translate-y-20', 'opacity-0');\n copyText.textContent = \"Copiar\";\n }, 3000);\n }\n\n \/\/ Dynamic Open Status Indicator\n function checkOpenStatus() {\n const now = new Date();\n const day = now.getDay(); \/\/ 0 = Sunday, 1 = Monday\n const hour = now.getHours();\n\n const statusText = document.getElementById('statusText');\n const statusBadge = document.getElementById('statusBadge');\n\n if (day === 1) { \/\/ Monday Closed\n statusText.textContent = \"Hoy Lunes estamos cerrados por descanso\";\n statusBadge.className = \"inline-flex items-center gap-3 px-5 py-3 rounded-2xl bg-white\/5 border border-white\/10 text-slate-300 shadow-sm text-sm sm:text-base font-medium\";\n return;\n }\n\n \/\/ Open hours: 8 to 17 and 19 to 1\n const isOpenMorning = hour >= 8 && hour < 17;\n const isOpenEvening = hour >= 19 || hour < 1;\n\n if (isOpenMorning || isOpenEvening) {\n statusText.innerHTML = '<strong>\u00a1Estamos ABIERTOS ahora mismo!<\/strong> Ven a visitarnos';\n statusBadge.className = \"inline-flex items-center gap-3 px-5 py-3 rounded-2xl bg-[#00B050]\/20 border border-[#00B050]\/60 text-[#00B050] shadow-lg shadow-[#00B050]\/20 text-sm sm:text-base font-semibold animate-glow\";\n } else {\n statusText.textContent = \"Abrimos hoy a las 19:00h | \u00a1Te esperamos!\";\n statusBadge.className = \"inline-flex items-center gap-3 px-5 py-3 rounded-2xl bg-[#FF8C00]\/20 border border-[#FF8C00]\/50 text-[#FF8C00] shadow-lg shadow-[#FF8C00]\/20 text-sm sm:text-base font-semibold\";\n }\n }\n\n \/\/ Run status check on load\n window.onload = function() {\n checkOpenStatus();\n };\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Caf\u00e9 Bar Encuentro est\u00e1 preparando su web. Vis\u00edtanos presencialmente en Piles<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":4,"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\n\n\n\n \n \n Caf\u00e9 Bar Encuentro – Platja de Piles | \u00a1Estamos Abiertos!<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap\" rel=\"stylesheet\">\n\n <script>\n tailwind.config = {\n darkMode: 'class',\n theme: {\n extend: {\n fontFamily: {\n sans: ['Poppins', 'sans-serif'],\n },\n colors: {\n brand: {\n blue: '#0072FF',\n magenta: '#D10074',\n emerald: '#00B050',\n orange: '#FF8C00',\n dark: '#0A0A0A',\n }\n }\n }\n }\n }\n <\/script>\n\n <style>\n @keyframes pulse-glow {\n 0%, 100% { opacity: 0.9; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.05); }\n }\n @keyframes float-slow {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(2deg); }\n }\n .animate-glow {\n animation: pulse-glow 3.5s infinite ease-in-out;\n }\n .animate-float {\n animation: float-slow 6s infinite ease-in-out;\n }\n .glass-card {\n background: rgba(18, 18, 22, 0.75);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n .gradient-text {\n background: linear-gradient(135deg, #0072FF 0%, #D10074 50%, #FF8C00 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .gradient-border {\n position: relative;\n }\n .gradient-border::before {\n content: '';\n position: absolute;\n inset: -1px;\n border-radius: inherit;\n padding: 1px;\n background: linear-gradient(135deg, #0072FF, #D10074, #00B050, #FF8C00);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n }\n <\/style>\n<\/head>\n<body class=\"bg-[#0A0A0A] text-slate-100 font-sans min-h-screen flex flex-col justify-between selection:bg-[#D10074] selection:text-white relative overflow-x-hidden\">\n\n \n <div class=\"fixed inset-0 z-0 pointer-events-none overflow-hidden\">\n <div class=\"absolute -top-32 -left-32 w-[30rem] h-[30rem] bg-[#0072FF]\/20 rounded-full blur-[120px] animate-glow\"><\/div>\n <div class=\"absolute top-1\/3 -right-32 w-[28rem] h-[28rem] bg-[#D10074]\/20 rounded-full blur-[120px] animate-glow\" style=\"animation-delay: 1s;\"><\/div>\n <div class=\"absolute bottom-10 left-1\/4 w-[26rem] h-[26rem] bg-[#00B050]\/15 rounded-full blur-[120px] animate-glow\" style=\"animation-delay: 2s;\"><\/div>\n <div class=\"absolute -bottom-20 -right-20 w-[24rem] h-[24rem] bg-[#FF8C00]\/20 rounded-full blur-[120px] animate-glow\" style=\"animation-delay: 1.5s;\"><\/div>\n <\/div>\n\n <div class=\"relative z-10 flex-grow flex flex-col justify-center items-center px-4 py-8 md:py-12\">\n \n <main class=\"w-full max-w-3xl mx-auto space-y-8\">\n\n \n <div class=\"text-center space-y-4\">\n <div class=\"inline-flex items-center gap-2.5 px-4 py-1.5 rounded-full bg-white\/5 border border-white\/10 text-xs font-semibold tracking-wider uppercase text-slate-200 shadow-lg backdrop-blur-md\">\n <span class=\"relative flex h-2.5 w-2.5\">\n <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-[#00B050] opacity-75\"><\/span>\n <span class=\"relative inline-flex rounded-full h-2.5 w-2.5 bg-[#00B050]\"><\/span>\n <\/span>\n \u00a1Bar Abierto con Normalidad!\n <\/div>\n\n <h1 class=\"text-4xl sm:text-5xl md:text-6xl font-black tracking-tight leading-none text-white\">\n Caf\u00e9 Bar <span class=\"gradient-text\">Encuentro<\/span>\n <\/h1>\n <p class=\"text-slate-300 text-base sm:text-lg max-w-lg mx-auto font-light leading-relaxed\">\n Tu punto de reuni\u00f3n en la playa de Piles para disfrutar de buenos momentos, ca\u00f1as heladas y deliciosos almuerzos.\n <\/p>\n <\/div>\n\n \n <div class=\"glass-card gradient-border rounded-3xl p-6 sm:p-8 md:p-10 text-center relative overflow-hidden shadow-2xl\">\n \n \n <div class=\"w-16 h-16 sm:w-20 sm:h-20 bg-gradient-to-tr from-[#0072FF]\/20 via-[#D10074]\/20 to-[#FF8C00]\/20 border border-white\/10 rounded-2xl flex items-center justify-center mx-auto mb-6 shadow-inner animate-float\">\n <i class=\"fa-solid fa-screwdriver-wrench text-2xl sm:text-3xl text-gradient bg-gradient-to-r from-[#FF8C00] to-[#D10074] bg-clip-text text-transparent\"><\/i>\n <\/div>\n\n <h2 class=\"text-2xl sm:text-3xl font-bold text-white mb-3 tracking-tight\">\n Estamos preparando nuestra nueva web\n <\/h2>\n <p class=\"text-slate-300 text-sm sm:text-base max-w-xl mx-auto leading-relaxed mb-6 font-normal\">\n Muy pronto podr\u00e1s consultar toda nuestra carta en l\u00ednea y promociones. Mientras tanto, <strong class=\"text-white font-semibold\">\u00a1estamos encantados de atenderte en persona todos los d\u00edas!<\/strong>\n <\/p>\n\n \n <div id=\"statusBadge\" class=\"inline-flex items-center gap-3 px-5 py-3 rounded-2xl bg-white\/5 border border-white\/10 text-white shadow-lg text-sm sm:text-base font-medium transition-all duration-300\">\n <i class=\"fa-solid fa-clock text-[#FF8C00]\"><\/i>\n <span id=\"statusText\">Comprobando horario de apertura…<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n \n <div class=\"glass-card rounded-3xl p-6 shadow-xl border border-white\/10 flex flex-col justify-between hover:border-white\/20 transition-all duration-300\">\n <div>\n <div class=\"flex items-center gap-3 text-[#0072FF] font-semibold mb-4\">\n <div class=\"w-10 h-10 rounded-xl bg-[#0072FF]\/15 border border-[#0072FF]\/30 flex items-center justify-center text-[#0072FF]\">\n <i class=\"fa-solid fa-location-dot text-lg\"><\/i>\n <\/div>\n <h3 class=\"text-white font-bold text-lg tracking-wide\">\u00bfD\u00f3nde estamos?<\/h3>\n <\/div>\n <p class=\"text-white font-semibold text-base mb-1\">Calle Montduber 42<\/p>\n <p class=\"text-slate-400 text-sm mb-4\">Platja de Piles, 46712 Piles (Valencia)<\/p>\n <p class=\"text-xs text-slate-400 leading-relaxed mb-6\">\n A escasos metros del mar mediterr\u00e1neo. Ideal para reponer fuerzas con un buen tapeo.\n <\/p>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row gap-2.5 pt-2\">\n <a href=\"https:\/\/maps.google.com\/?cid=11397195384778468016\" target=\"_blank\" rel=\"noopener noreferrer\" \n class=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-[#0072FF] to-[#0052cc] hover:from-[#0062E0] hover:to-[#0042b3] text-white font-semibold text-sm rounded-xl transition-all shadow-lg shadow-[#0072FF]\/25\">\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\n Abrir en Maps\n <\/a>\n <button onclick=\"copyAddress()\" id=\"copyBtn\" class=\"px-4 py-3 bg-white\/10 hover:bg-white\/15 text-slate-200 text-sm font-semibold rounded-xl transition-colors flex items-center justify-center gap-1.5 border border-white\/10\" title=\"Copiar direcci\u00f3n\">\n <i class=\"fa-regular fa-copy\"><\/i>\n <span id=\"copyText\">Copiar<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-card rounded-3xl p-6 shadow-xl border border-white\/10 flex flex-col justify-between hover:border-white\/20 transition-all duration-300\">\n <div>\n <div class=\"flex items-center gap-3 text-[#D10074] font-semibold mb-4\">\n <div class=\"w-10 h-10 rounded-xl bg-[#D10074]\/15 border border-[#D10074]\/30 flex items-center justify-center text-[#D10074]\">\n <i class=\"fa-solid fa-store text-lg\"><\/i>\n <\/div>\n <h3 class=\"text-white font-bold text-lg tracking-wide\">Horario & Contacto<\/h3>\n <\/div>\n\n <ul class=\"space-y-2.5 text-sm mb-6\">\n <li class=\"flex justify-between items-center py-1.5 border-b border-white\/10\">\n <span class=\"font-medium text-slate-300\">Martes a Domingo<\/span>\n <span class=\"font-semibold text-white\">8:00\u201317:00 | 19:00\u201301:00<\/span>\n <\/li>\n <li class=\"flex justify-between items-center py-1.5 text-slate-400\">\n <span>Lunes<\/span>\n <span class=\"font-medium bg-white\/10 text-slate-300 px-2.5 py-0.5 rounded-md text-xs border border-white\/10\">Descanso semanal<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"space-y-2.5 pt-2\">\n <a href=\"tel:+34670218006\" class=\"w-full inline-flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-[#D10074] to-[#a3005a] hover:from-[#be0069] hover:to-[#8c004d] text-white font-semibold text-sm rounded-xl transition-all shadow-lg shadow-[#D10074]\/25\">\n <i class=\"fa-solid fa-phone text-amber-300\"><\/i>\n Llamar al 670 21 80 06\n <\/a>\n <a href=\"https:\/\/wa.me\/34670218006?text=Hola!%20Me%20gustar%C3%ADa%20hacer%20una%20consulta%20o%20reserva\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full inline-flex items-center justify-center gap-2 px-4 py-2.5 bg-[#00B050]\/20 hover:bg-[#00B050]\/30 text-[#00B050] border border-[#00B050]\/40 font-semibold text-sm rounded-xl transition-colors\">\n <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\n Enviar WhatsApp\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-3 text-center\">\n <div class=\"glass-card rounded-2xl p-3.5 border border-white\/10 shadow-md hover:border-[#0072FF]\/50 transition-colors\">\n <i class=\"fa-solid fa-mug-hot text-[#0072FF] text-xl mb-1.5\"><\/i>\n <h4 class=\"text-xs font-bold text-white\">Desayunos<\/h4>\n <p class=\"text-[11px] text-slate-400\">Caf\u00e9 reci\u00e9n hecho<\/p>\n <\/div>\n <div class=\"glass-card rounded-2xl p-3.5 border border-white\/10 shadow-md hover:border-[#D10074]\/50 transition-colors\">\n <i class=\"fa-solid fa-utensils text-[#D10074] text-xl mb-1.5\"><\/i>\n <h4 class=\"text-xs font-bold text-white\">Almuerzos<\/h4>\n <p class=\"text-[11px] text-slate-400\">Bocadillos t\u00edpicos<\/p>\n <\/div>\n <div class=\"glass-card rounded-2xl p-3.5 border border-white\/10 shadow-md hover:border-[#00B050]\/50 transition-colors\">\n <i class=\"fa-solid fa-beer-mug-empty text-[#00B050] text-xl mb-1.5\"><\/i>\n <h4 class=\"text-xs font-bold text-white\">Ca\u00f1as & Tapas<\/h4>\n <p class=\"text-[11px] text-slate-400\">Muy fr\u00edas<\/p>\n <\/div>\n <div class=\"glass-card rounded-2xl p-3.5 border border-white\/10 shadow-md hover:border-[#FF8C00]\/50 transition-colors\">\n <i class=\"fa-solid fa-cloud-sun text-[#FF8C00] text-xl mb-1.5\"><\/i>\n <h4 class=\"text-xs font-bold text-white\">Terraza<\/h4>\n <p class=\"text-[11px] text-slate-400\">Junto al mar<\/p>\n <\/div>\n <\/div>\n\n <\/main>\n\n <\/div>\n\n \n <footer class=\"relative z-10 py-6 text-center text-xs text-slate-400 border-t border-white\/10 bg-[#0A0A0A]\/80 backdrop-blur-md\">\n <p>\u00a9 <span id=\"year\"><\/span> Caf\u00e9 Bar Encuentro \u2014 Calle Montduber 42, Platja de Piles (Valencia)<\/p>\n <\/footer>\n\n \n <div id=\"toast\" class=\"fixed bottom-6 right-6 z-50 transform translate-y-20 opacity-0 transition-all duration-300 bg-slate-900 text-white px-4 py-3 rounded-2xl shadow-2xl flex items-center gap-3 text-sm border border-white\/20\">\n <i class=\"fa-solid fa-circle-check text-[#00B050] text-lg\"><\/i>\n <span>\u00a1Direcci\u00f3n copiada al portapapeles!<\/span>\n <\/div>\n\n <script>\n \/\/ Update year dynamically\n document.getElementById('year').textContent = new Date().getFullYear();\n\n \/\/ Copy Address function\n function copyAddress() {\n const addressText = \"Calle Montduber 42, Platja de Piles, 46712 Piles, Valencia\";\n \n const textArea = document.createElement(\"textarea\");\n textArea.value = addressText;\n document.body.appendChild(textArea);\n textArea.select();\n try {\n document.execCommand('copy');\n showToast();\n } catch (err) {\n console.error('Error al copiar: ', err);\n }\n document.body.removeChild(textArea);\n }\n\n function showToast() {\n const toast = document.getElementById('toast');\n const copyText = document.getElementById('copyText');\n copyText.textContent = \"\u00a1Copiado!\";\n toast.classList.remove('translate-y-20', 'opacity-0');\n \n setTimeout(() => {\n toast.classList.add('translate-y-20', 'opacity-0');\n copyText.textContent = \"Copiar\";\n }, 3000);\n }\n\n \/\/ Dynamic Open Status Indicator\n function checkOpenStatus() {\n const now = new Date();\n const day = now.getDay(); \/\/ 0 = Sunday, 1 = Monday\n const hour = now.getHours();\n\n const statusText = document.getElementById('statusText');\n const statusBadge = document.getElementById('statusBadge');\n\n if (day === 1) { \/\/ Monday Closed\n statusText.textContent = \"Hoy Lunes estamos cerrados por descanso\";\n statusBadge.className = \"inline-flex items-center gap-3 px-5 py-3 rounded-2xl bg-white\/5 border border-white\/10 text-slate-300 shadow-sm text-sm sm:text-base font-medium\";\n return;\n }\n\n \/\/ Open hours: 8 to 17 and 19 to 1\n const isOpenMorning = hour >= 8 && hour < 17;\n const isOpenEvening = hour >= 19 || hour < 1;\n\n if (isOpenMorning || isOpenEvening) {\n statusText.innerHTML = '<strong>\u00a1Estamos ABIERTOS ahora mismo!<\/strong> Ven a visitarnos';\n statusBadge.className = \"inline-flex items-center gap-3 px-5 py-3 rounded-2xl bg-[#00B050]\/20 border border-[#00B050]\/60 text-[#00B050] shadow-lg shadow-[#00B050]\/20 text-sm sm:text-base font-semibold animate-glow\";\n } else {\n statusText.textContent = \"Abrimos hoy a las 19:00h | \u00a1Te esperamos!\";\n statusBadge.className = \"inline-flex items-center gap-3 px-5 py-3 rounded-2xl bg-[#FF8C00]\/20 border border-[#FF8C00]\/50 text-[#FF8C00] shadow-lg shadow-[#FF8C00]\/20 text-sm sm:text-base font-semibold\";\n }\n }\n\n \/\/ Run status check on load\n window.onload = function() {\n checkOpenStatus();\n };\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Caf\u00e9 Bar Encuentro est\u00e1 preparando su web. Vis\u00edtanos presencialmente en Piles<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":4,"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/cafebarencuentro.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}