var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // var stdin_exports = {}; __export(stdin_exports, { default: () => stdin_default, featureConfig: () => featureConfig }); module.exports = __toCommonJS(stdin_exports); // virtual:core/dataSources.ts var dataSources = [ { key: "productos", table: "ecommerce__productos", access: ["public:read"] } ]; // virtual:core/automations.ts var automations = [ { name: "crear_pedido", description: "Crea un pedido de reserva y devuelve el importe a cobrar", public: true }, { name: "validar_cupon", description: "Valida un c\xF3digo de descuento contra el subtotal", public: true }, { name: "registro_cliente", description: "Registra una cuenta de cliente", public: true }, { name: "login_cliente", description: "Inicia sesi\xF3n de cliente", public: true }, { name: "mis_pedidos", description: "Pedidos del cliente autenticado", public: true }, { name: "cancelar_pedido", description: "Cancela un pedido pendiente no pagado (abandono de checkout)", public: true }, { name: "recuperar_password", description: "Env\xEDa email con enlace de recuperaci\xF3n de contrase\xF1a", public: true }, { name: "reset_password", description: "Restablece la contrase\xF1a con token de recuperaci\xF3n", public: true }, { name: "mi_perfil", description: "Perfil del cliente autenticado", public: true } ]; // virtual:core/slots.ts var slots = [ { slot_id: "checkout-payment", function_id: "payment_charge", label: "Pago con tarjeta", view_position: "checkout" }, { slot_id: "order-email", function_id: "email_transactional", label: "Email de confirmaci\xF3n (Gmail)", view_position: "AfterPayment" } ]; // virtual:page.tsx var import_react24 = __toESM(require("react")); // virtual:lib/ui.tsx var import_react = __toESM(require("react")); var import_framer_motion = require("framer-motion"); var T = { // surfaces — warm bone / paper paper: "#F4EEE3", paper2: "#FBF7EF", card: "#FFFFFF", // ink ink: "#211E18", ink2: "#463F34", muted: "#6E6759", faint: "#9A9384", // lines line: "rgba(33,30,24,0.12)", line2: "rgba(33,30,24,0.07)", // brand — stone / taupe stone: "#8C7A58", stoneDeep: "#6C5C3F", stoneSoft: "#B8A886", sand: "#E7DcC8", // accents — brand yellow (OK The Way logo #EFE645) = the flecha amarilla del Camino amber: "#E4D93A", amberSoft: "#F1EA6A", brandYellow: "#EFE645", terra: "#B23A2E", // vieira / Xacobeo forest: "#3C4535", // Galicia // dark espresso: "#1C1812", espresso2: "#2A241B", // type sans: "'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif", serif: "'Fraunces', Georgia, 'Times New Roman', serif", // motion ease: [0.22, 0.61, 0.36, 1] }; var cx = (...a) => a.filter(Boolean).join(" "); var eur = new Intl.NumberFormat("es-ES", { style: "currency", currency: "EUR", minimumFractionDigits: 0, maximumFractionDigits: 2 }); var money = (n) => { const v = Number(n); if (!Number.isFinite(v)) return ""; return eur.format(v).replace("\xA0", " "); }; var priceOf = (p) => { const oferta = p?.precio_oferta; const hasOferta = oferta !== null && oferta !== void 0 && oferta !== "" && Number(oferta) > 0; return hasOferta ? Number(oferta) : Number(p?.precio || 0); }; var hasOffer = (p) => { const oferta = p?.precio_oferta; return oferta !== null && oferta !== void 0 && oferta !== "" && Number(oferta) > 0 && Number(oferta) < Number(p?.precio || 0); }; function Reveal({ children, delay = 0, y = 22, className, as = "div" }) { const reduce = (0, import_framer_motion.useReducedMotion)(); const M = import_framer_motion.motion[as] || import_framer_motion.motion.div; return /* @__PURE__ */ import_react.default.createElement( M, { className, initial: reduce ? false : { opacity: 0, y }, whileInView: reduce ? {} : { opacity: 1, y: 0 }, viewport: { once: true, margin: "-70px" }, transition: { duration: 0.7, ease: T.ease, delay } }, children ); } function Eyebrow({ children, color = T.stoneDeep, className }) { return /* @__PURE__ */ import_react.default.createElement( "span", { className: cx("inline-flex items-center gap-2", className), style: { fontFamily: T.sans, fontSize: 12, fontWeight: 600, letterSpacing: "0.18em", textTransform: "uppercase", color }, "data-gufi-src": "lib/ui.tsx:81" }, /* @__PURE__ */ import_react.default.createElement(Vieira, { size: 13, color }), children ); } function Vieira({ size = 20, color = T.terra, className, style }) { return /* @__PURE__ */ import_react.default.createElement("svg", { width: size, height: size, viewBox: "0 0 48 48", fill: "none", className, style, "aria-hidden": "true", "data-gufi-src": "lib/ui.tsx:95" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M24 44C11.5 44 3 33.9 3 22.5 3 20 5 19 6.6 20.4 8 15 11 13.7 12.6 15.6 15 10 19 9.4 20.4 12 22-6 26-6 27.6 12 29-9.4 33 10 35.4 15.6 37-13.7 40 15 41.4 20.4 43 19 45 20 45 22.5 45 33.9 36.5 44 24 44Z", fill: color, opacity: "0.16", "data-gufi-src": "lib/ui.tsx:96" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M24 43C12 43 4 33.4 4 22.6", stroke: color, strokeWidth: "1.6", strokeLinecap: "round", "data-gufi-src": "lib/ui.tsx:97" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M24 43C36 43 44 33.4 44 22.6", stroke: color, strokeWidth: "1.6", strokeLinecap: "round", "data-gufi-src": "lib/ui.tsx:98" }), [24, 16.5, 31.5, 10, 38, 20.2, 27.8, 13.2, 34.8].map((x, i) => { const spread = [0, -7.5, 7.5, -14, 14, -3.8, 3.8, -10.8, 10.8][i]; return /* @__PURE__ */ import_react.default.createElement("path", { key: i, d: `M24 42.2C${24 + spread * 0.35} 30 ${24 + spread * 0.7} 20 ${24 + spread} 13.5`, stroke: color, strokeWidth: "1.3", strokeLinecap: "round", opacity: "0.9", "data-gufi-src": "lib/ui.tsx:101" }); }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "24", cy: "11", r: "2.4", fill: color, "data-gufi-src": "lib/ui.tsx:103" })); } function Flecha({ size = 22, color = T.amber, className, style }) { return /* @__PURE__ */ import_react.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", className, style, "aria-hidden": "true", "data-gufi-src": "lib/ui.tsx:111" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M4 12h13M12 6l6 6-6 6", stroke: color, strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "data-gufi-src": "lib/ui.tsx:112" })); } function Grain({ opacity = 0.035 }) { const svg = ``; return /* @__PURE__ */ import_react.default.createElement("div", { "aria-hidden": "true", style: { position: "fixed", inset: 0, pointerEvents: "none", zIndex: 1, opacity, backgroundImage: `url("data:image/svg+xml,${svg}")`, mixBlendMode: "multiply" }, "data-gufi-src": "lib/ui.tsx:121" }); } // virtual:components/Brand.tsx var import_react2 = __toESM(require("react")); function OKLogo({ height = 32, ink = "#181917", yellow = "#EFE645", mark = false, className, style }) { const vb = mark ? "150 -70 1960 780" : "0 0 2244.98 1120.27"; const w = mark ? height * (1960 / 780) : height * (2244.98 / 1120.27); return /* @__PURE__ */ import_react2.default.createElement("svg", { width: w, height, viewBox: vb, className, style, "aria-label": "OK The Way", role: "img", "data-gufi-src": "components/Brand.tsx:10" }, /* @__PURE__ */ import_react2.default.createElement("path", { fill: ink, d: "M861.13,319.91c0,176.69-97.15,319.91-316.87,319.91S227.39,496.6,227.39,319.91,324.54,0,544.26,0,861.13,143.23,861.13,319.91ZM544.26,148.18C455.35,148.18,416,225.07,416,319.91s39.31,171.74,128.22,171.74,128.22-76.89,128.22-171.74S633.17,148.18,544.26,148.18Z", "data-gufi-src": "components/Brand.tsx:12" }), /* @__PURE__ */ import_react2.default.createElement("polygon", { fill: ink, points: "980.91 0 980.91 640.96 1176.56 640.96 1176.56 475.04 1264.61 395.22 1418 640.96 1658.26 640.96 1419.56 249.65 1659.43 0 1386.3 0 1176.56 242.22 1176.56 0 980.91 0", "data-gufi-src": "components/Brand.tsx:14" }), /* @__PURE__ */ import_react2.default.createElement("polygon", { fill: yellow, points: "1816.05 379.96 2042.52 379.96 2042.52 154.56 1827.92 154.56 1976.43 0 1728.43 0 1488.56 249.65 1727.26 640.96 1975.26 640.96 1816.05 379.96 1816.05 379.96", "data-gufi-src": "components/Brand.tsx:16" }), !mark && /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("polygon", { fill: yellow, points: "1101.19 1052.65 1047.87 965.24 1101.45 909.47 1047.45 909.47 993.87 965.24 1047.19 1052.65 1101.19 1052.65", "data-gufi-src": "components/Brand.tsx:19" }), /* @__PURE__ */ import_react2.default.createElement("polygon", { fill: ink, points: "225.95 834 0 834 0 884.87 89.74 884.87 89.74 1120.27 136.21 1120.27 136.21 884.87 225.95 884.87 225.95 834", "data-gufi-src": "components/Brand.tsx:21" }), /* @__PURE__ */ import_react2.default.createElement("polygon", { fill: ink, points: "515.56 834 515.56 953.74 389.78 953.74 389.78 834 336.56 834 336.56 1120.27 389.78 1120.27 389.78 996.53 515.56 996.53 515.56 1120.27 568.78 1120.27 568.78 834 515.56 834", "data-gufi-src": "components/Brand.tsx:23" }), /* @__PURE__ */ import_react2.default.createElement("polygon", { fill: ink, points: "899 888 899 834 759.69 834 723.99 834 710.56 834 710.56 1120.27 723.99 1120.27 759.69 1120.27 899 1120.27 899 1066.27 759.69 1066.27 759.69 996.53 879.17 996.53 879.17 953.74 759.69 953.74 759.69 888 899 888", "data-gufi-src": "components/Brand.tsx:25" }), /* @__PURE__ */ import_react2.default.createElement("polygon", { fill: ink, points: "1524.78 834 1471.63 1026.61 1415.78 834 1362.78 834 1306.93 1026.61 1253.78 834 1193.78 834 1272.78 1120.27 1279.78 1120.27 1332.78 1120.27 1389.28 925.4 1445.78 1120.27 1498.78 1120.27 1505.78 1120.27 1584.78 834 1524.78 834", "data-gufi-src": "components/Brand.tsx:27" }), /* @__PURE__ */ import_react2.default.createElement("path", { fill: ink, d: "M1884.43,1120.27h58.31L1824.56,834h-58.3l-118.18,286.27h58.31l27.93-67.66H1856.5Zm-131.37-113,42.35-102.6,42.35,102.6Z", "data-gufi-src": "components/Brand.tsx:29" }), /* @__PURE__ */ import_react2.default.createElement("polygon", { fill: ink, points: "2181.8 834 2112.04 941 2042.28 834 1979.11 834 2088.8 1002.26 2088.8 1120.27 2135.28 1120.27 2135.28 1002.26 2244.97 834 2181.8 834", "data-gufi-src": "components/Brand.tsx:31" }))); } var FAVICON_HREF = "data:image/svg+xml," + encodeURIComponent( `` ); // virtual:lib/cart.tsx var import_react3 = require("react"); var KEY = "okw_cart_v1"; function load() { if (typeof window === "undefined") return []; try { const raw = localStorage.getItem(KEY); const arr = raw ? JSON.parse(raw) : []; return Array.isArray(arr) ? arr : []; } catch { return []; } } var state = load(); var listeners = /* @__PURE__ */ new Set(); function commit(next) { state = next; try { localStorage.setItem(KEY, JSON.stringify(next)); } catch { } listeners.forEach((l) => l()); } function subscribe(l) { listeners.add(l); return () => { listeners.delete(l); }; } function snapshot() { return state; } var lineKey = (producto, opciones) => `${producto}::${JSON.stringify(opciones || {})}`; var cartApi = { add(item) { const key = lineKey(item.producto, item.opciones); const qty = Math.max(1, item.cantidad || 1); const idx = state.findIndex((x) => x.key === key); if (idx >= 0) { const next = state.slice(); next[idx] = { ...next[idx], cantidad: Math.min(20, next[idx].cantidad + qty) }; commit(next); } else { commit([...state, { ...item, key, cantidad: qty }]); } }, setQty(key, qty) { if (qty <= 0) { cartApi.remove(key); return; } commit(state.map((x) => x.key === key ? { ...x, cantidad: Math.min(20, qty) } : x)); }, remove(key) { commit(state.filter((x) => x.key !== key)); }, clear() { commit([]); } }; function useCart() { const items = (0, import_react3.useSyncExternalStore)(subscribe, snapshot, () => []); const count = items.reduce((s, x) => s + x.cantidad, 0); const total = items.reduce((s, x) => s + x.precio * x.cantidad, 0); const totalCents = items.reduce((s, x) => s + Math.round(x.precio * 100) * x.cantidad, 0); return { items, count, total, totalCents, ...cartApi }; } // virtual:lib/api.ts var FALLBACK_CID = 755; function resolveCid(gufi) { const fromSite = gufi?.siteInfo?.company_id ?? gufi?.context?.companyId ?? gufi?.context?.activeCompany?.id; if (fromSite) return Number(fromSite); if (typeof window !== "undefined") { const m = window.location.pathname.match(/\/(?:app\/)?(\d+)\//); if (m) return Number(m[1]); } return FALLBACK_CID; } async function postJson(url, body) { const res = await fetch(url, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body || {}) }); let json = null; try { json = await res.json(); } catch { } if (!res.ok || json?.success === false) { throw new Error(json?.error || `HTTP ${res.status}`); } return json; } async function callAutomation(gufi, name, input = {}) { if (gufi && typeof gufi.automation === "function") { try { return await gufi.automation(name, input); } catch (e) { } } const cid = resolveCid(gufi); const json = await postJson(`/api/public/${cid}/automation/${encodeURIComponent(name)}`, input); return json.result; } async function runCheckout(gufi, input) { if (gufi && typeof gufi.slot === "function") { try { const r = gufi.slot("checkout-payment"); if (r && typeof r.run === "function") return await r.run(input); } catch (e) { } } const cid = resolveCid(gufi); const json = await postJson(`/api/public/${cid}/slots/checkout-payment/run`, input); return json.result; } async function verifySession(gufi, sessionId) { const cid = resolveCid(gufi); try { const res = await fetch(`/api/public/stripe/verify-session?session_id=${encodeURIComponent(sessionId)}&company_id=${cid}`); return await res.json(); } catch { return { paid: false }; } } // virtual:components/Nav.tsx var import_react6 = __toESM(require("react")); var import_framer_motion2 = require("framer-motion"); var import_lucide_react = require("lucide-react"); // virtual:lib/data.ts var BRAND = { name: "OK The Way", tag: "Parking en Sarria \xB7 Camino de Santiago", since: "2016", clientes: 23e3, razonSocial: "Alquileres Requetrun S.L. & Oktheway Estate, S.L." }; var CONTACT = { telPrincipal: "+34 676 451 970", telPrincipalRaw: "34676451970", telSecundario: "+34 604 018 427", telSecundarioRaw: "34604018427", email: "reservas@oktheway.com", direccion: "R\xFAa Gran V\xEDa 57-63, 27600 Sarria, Lugo, Espa\xF1a", mapsQuery: "R\xFAa Gran V\xEDa 57-63, 27600 Sarria, Lugo", facebook: "https://www.facebook.com/", instagram: "https://www.instagram.com/", x: "https://x.com/" }; var wa = (msg) => `https://wa.me/${CONTACT.telPrincipalRaw}?text=${encodeURIComponent(msg)}`; var IMAGES = { hero: [ "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_2922.JPG", "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_3870.JPG", "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_3078.JPG" ], band: "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_3090.JPG", servicio: "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_3082.JPG", galeria: [ "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_2925.JPG", "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_3869.JPG", "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_3106.JPG", "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_2928.JPG", "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_7164.JPG", "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_8054.JPG", "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FE9961637-EF67-4EBD-B5D6-627C3C7B67E4.JPG", "https://gufi.dev/api/files/serve?path=company_755%2Fweb%2FIMG_3081.JPG" ] }; var NAV = [ { id: "servicios", label: { es: "Servicios", en: "Services" } }, { id: "tienda", label: { es: "Reservar", en: "Book" } }, { id: "como", label: { es: "C\xF3mo funciona", en: "How it works" } }, { id: "galeria", label: { es: "El Camino", en: "The Camino" } }, { id: "contacto", label: { es: "Contacto", en: "Contact" } } ]; var SERVICIOS = [ { icon: "SquareParking", titulo: { es: "Parking cubierto y cerrado", en: "Covered, secure parking" }, texto: { es: "Deja tu coche en Sarria en un recinto cubierto, cerrado y vigilado durante todo tu Camino. Sin l\xEDmite de d\xEDas.", en: "Leave your car in Sarria in a covered, gated and monitored compound for the whole of your Camino. With no limit on the number of days." } }, { icon: "Car", titulo: { es: "VTC y taxi en el Camino", en: "Private transfers and taxis on the Camino" }, texto: { es: "Te recogemos en Santiago o en el aeropuerto y te traemos a Sarria a por tu coche. Ch\xF3fer y comodidad de puerta a puerta.", en: "We pick you up in Santiago or at the airport and bring you back to Sarria to collect your car. A private driver and door-to-door comfort." } }, { icon: "KeyRound", titulo: { es: "Coche de alquiler", en: "Rental car" }, texto: { es: "La \xFAnica empresa que te ofrece las dos soluciones: dejas el tuyo en Sarria y te entregamos uno de alquiler donde nos digas.", en: "The only company to offer you both solutions: leave your own car in Sarria and we deliver a rental car wherever you tell us." } }, { icon: "Luggage", titulo: { es: "Traslado de equipajes", en: "Luggage transfer" }, texto: { es: "Nosotros llevamos tu maleta o mochila de un alojamiento al siguiente, etapa a etapa, hasta Santiago. T\xFA caminas ligero.", en: "We carry your suitcase or backpack from one place to stay to the next, stage by stage, all the way to Santiago. You walk light." } } ]; var PASOS = [ { n: "01", titulo: { es: "Elige tu servicio", en: "Choose your service" }, texto: { es: "Parking, traslado, coche de alquiler o transporte de equipaje. Reserva online en un minuto.", en: "Parking, transfers, a rental car or luggage transport. Book online in under a minute." } }, { n: "02", titulo: { es: "Indica tus fechas", en: "Tell us your dates" }, texto: { es: "Nos dices cu\xE1ndo llegas y cu\xE1ndo recoges. Matr\xEDcula, tama\xF1o del veh\xEDculo y poco m\xE1s.", en: "Let us know when you arrive and when you will collect. Your number plate, the size of your vehicle and little else." } }, { n: "03", titulo: { es: "Deja tu coche en Sarria", en: "Leave your car in Sarria" }, texto: { es: "Te esperamos en R\xFAa Gran V\xEDa. Aparcas, nos entregas la llave y empiezas a caminar.", en: "We will be waiting for you on R\xFAa Gran V\xEDa. Park up, hand us the key and set off on your walk." } }, { n: "04", titulo: { es: "Haz tu Camino tranquilo", en: "Walk your Camino with peace of mind" }, texto: { es: "Tu coche seguro, tu equipaje en destino. Al terminar, todo te espera donde lo necesitas.", en: "Your car safe, your luggage at your destination. When you finish, everything is waiting for you right where you need it." } } ]; var CATEGORIAS = [ { key: "Parking", label: { es: "Parking", en: "Parking" }, icon: "SquareParking", from: "#8C7A58", to: "#6C5C3F" }, { key: "Parking + traslado", label: { es: "Parking + traslado", en: "Parking + transfer" }, icon: "Car", from: "#3C4535", to: "#2A3226" }, { key: "Taxi y VTC", label: { es: "Taxi y VTC", en: "Taxi & private hire" }, icon: "CarFront", from: "#4A4033", to: "#2E2820" }, { key: "Traslado de maletas", label: { es: "Traslado de maletas", en: "Luggage transfer" }, icon: "Luggage", from: "#B8A886", to: "#8C7A58" }, { key: "Coche etapa a etapa", label: { es: "Coche etapa a etapa", en: "Car, stage by stage" }, icon: "Route", from: "#B23A2E", to: "#7E2A22" } ]; var catMeta = (c) => CATEGORIAS.find((x) => x.key === c) || CATEGORIAS[0]; var FAQ = [ { q: { es: "\xBFCu\xE1ntos d\xEDas puedo dejar el coche?", en: "How many days can I leave my car?" }, a: { es: "Los que necesites. El parking en Sarria es sin l\xEDmite de d\xEDas: paga una tarifa \xFAnica y recoge tu coche cuando termines tu Camino.", en: "As many as you need. Parking in Sarria has no day limit: you pay a single flat rate and collect your car whenever you finish your Camino." } }, { q: { es: "\xBFEl parking est\xE1 cubierto?", en: "Is the car park covered?" }, a: { es: "S\xED. Es un recinto cubierto, cerrado y vigilado en R\xFAa Gran V\xEDa, en pleno Sarria, a un paso del inicio de los \xFAltimos 100 km.", en: "Yes. It is a covered, gated and monitored compound on R\xFAa Gran V\xEDa, in the heart of Sarria, just steps from the start of the final 100 km." } }, { q: { es: "\xBFC\xF3mo recojo mi coche al llegar a Santiago?", en: "How do I get my car back once I reach Santiago?" }, a: { es: "Elige el servicio de VTC/taxi o coche de alquiler: te recogemos en Santiago (o en el aeropuerto) y te traemos a Sarria, o te entregamos un coche all\xED. T\xFA eliges.", en: "Choose the private transfer/taxi service or a rental car: we pick you up in Santiago (or at the airport) and bring you back to Sarria, or we deliver a car to you there. The choice is yours." } }, { q: { es: "\xBFQu\xE9 pasa con mi equipaje?", en: "What happens with my luggage?" }, a: { es: "Con el traslado de mochilas y maletas movemos tu equipaje de alojamiento a alojamiento cada d\xEDa, para que camines sin peso. Por etapa o por el Camino completo.", en: "With our backpack and suitcase transfer we move your luggage from one place to stay to the next each day, so you can walk without carrying any weight. By the individual stage or for the whole Camino." } }, { q: { es: "\xBFCu\xE1ndo se me cobra?", en: "When am I charged?" }, a: { es: "Reservas y pagas online de forma segura con tarjeta. Recibir\xE1s por email la confirmaci\xF3n de tu reserva al instante.", en: "You book and pay online securely by card. You will receive confirmation of your booking by email straight away." } } ]; var LEGAL = { privacidad: { titulo: { es: "Pol\xEDtica de Privacidad", en: "Privacy Policy" }, cuerpo: [ [ { es: "Responsable", en: "Data controller" }, { es: `El responsable del tratamiento de tus datos es ${BRAND.razonSocial}, con domicilio en ${CONTACT.direccion} y correo de contacto ${CONTACT.email}.`, en: `The controller of your personal data is ${BRAND.razonSocial}, with registered address at ${CONTACT.direccion} and contact email ${CONTACT.email}.` } ], [ { es: "Datos que tratamos", en: "Data we process" }, { es: "Tratamos los datos que nos facilitas al realizar una reserva (nombre, tel\xE9fono, correo electr\xF3nico, matr\xEDcula y datos del servicio contratado) y los datos de pago, que se procesan de forma segura a trav\xE9s de nuestra pasarela Stripe. OK The Way no almacena los datos completos de tu tarjeta.", en: "We process the data you provide when making a booking (name, telephone number, email address, number plate and details of the service booked) and your payment data, which is handled securely through our payment gateway, Stripe. OK The Way does not store your full card details." } ], [ { es: "Finalidad", en: "Purpose" }, { es: "Gestionar tu reserva y la prestaci\xF3n del servicio contratado (parking, traslados, alquiler o transporte de equipaje), enviarte la confirmaci\xF3n y comunicarnos contigo sobre tu Camino.", en: "To manage your booking and provide the service you have contracted (parking, transfers, car rental or luggage transport), send you your confirmation and keep in touch with you about your Camino." } ], [ { es: "Legitimaci\xF3n", en: "Legal basis" }, { es: "La base legal es la ejecuci\xF3n del contrato de servicio que solicitas y, en su caso, tu consentimiento para comunicaciones comerciales.", en: "The legal basis is the performance of the service contract you request and, where applicable, your consent to receive commercial communications." } ], [ { es: "Conservaci\xF3n", en: "Data retention" }, { es: "Conservamos tus datos durante el tiempo necesario para prestar el servicio y cumplir con las obligaciones legales y fiscales aplicables.", en: "We keep your data for as long as necessary to provide the service and to comply with the applicable legal and tax obligations." } ], [ { es: "Tus derechos", en: "Your rights" }, { es: `Puedes ejercer tus derechos de acceso, rectificaci\xF3n, supresi\xF3n, oposici\xF3n, limitaci\xF3n y portabilidad escribi\xE9ndonos a ${CONTACT.email}. Tambi\xE9n puedes reclamar ante la Agencia Espa\xF1ola de Protecci\xF3n de Datos.`, en: `You may exercise your rights of access, rectification, erasure, objection, restriction and portability by writing to us at ${CONTACT.email}. You also have the right to lodge a complaint with the Spanish Data Protection Agency (AEPD).` } ] ] }, terminos: { titulo: { es: "T\xE9rminos y Condiciones", en: "Terms and Conditions" }, cuerpo: [ [ { es: "Objeto", en: "Scope" }, { es: `Estas condiciones regulan la contrataci\xF3n de los servicios ofrecidos por ${BRAND.razonSocial} a trav\xE9s de okthewayparking.com: parking en Sarria, traslados en VTC/taxi, coche de alquiler y transporte de equipaje en el Camino de Santiago.`, en: `These terms govern the booking of the services offered by ${BRAND.razonSocial} through okthewayparking.com: parking in Sarria, private hire/taxi transfers, car rental and luggage transport on the Camino de Santiago.` } ], [ { es: "Reservas y pago", en: "Bookings and payment" }, { es: "La reserva se formaliza al completar el pago online con tarjeta. Recibir\xE1s un correo de confirmaci\xF3n con los detalles de tu servicio. Los precios mostrados incluyen los impuestos aplicables.", en: "Your booking is confirmed once you complete payment online by card. You will receive a confirmation email with the details of your service. The prices shown include all applicable taxes." } ], [ { es: "Prestaci\xF3n del servicio", en: "Provision of the service" }, { es: "Es imprescindible indicar correctamente las fechas de entrada y recogida, la matr\xEDcula y los datos solicitados. El servicio se presta en las condiciones y horarios acordados en la reserva.", en: "It is essential to provide accurate drop-off and collection dates, your number plate and the information requested. The service is provided under the conditions and at the times agreed in the booking." } ], [ { es: "Cancelaciones", en: "Cancellations" }, { es: `Para cualquier modificaci\xF3n o cancelaci\xF3n, contacta con nosotros lo antes posible en ${CONTACT.email} o en el ${CONTACT.telPrincipal}. Te informaremos de las condiciones aplicables seg\xFAn la antelaci\xF3n.`, en: `For any change or cancellation, please contact us as soon as possible at ${CONTACT.email} or on ${CONTACT.telPrincipal}. We will let you know the conditions that apply depending on how much notice you give.` } ], [ { es: "Responsabilidad", en: "Liability" }, { es: "OK The Way custodia los veh\xEDculos en recinto cerrado y vigilado con la m\xE1xima diligencia. El cliente debe no dejar objetos de valor a la vista y facilitar la documentaci\xF3n necesaria.", en: "OK The Way looks after vehicles in a gated, monitored compound with the utmost care. Customers must not leave valuables in view and should provide the necessary documentation." } ], [ { es: "Legislaci\xF3n", en: "Governing law" }, { es: "Estas condiciones se rigen por la legislaci\xF3n espa\xF1ola. Para cualquier controversia, las partes se someten a los juzgados y tribunales que correspondan conforme a la normativa de consumo.", en: "These terms are governed by Spanish law. For any dispute, the parties submit to the courts and tribunals having jurisdiction under the applicable consumer protection legislation." } ] ] } }; var HORARIO = [ [{ es: "Lunes", en: "Monday" }, "07:00 \u2013 00:00"], [{ es: "Martes", en: "Tuesday" }, "07:30 \u2013 00:00"], [{ es: "Mi\xE9rcoles", en: "Wednesday" }, "07:00 \u2013 00:00"], [{ es: "Jueves", en: "Thursday" }, "07:00 \u2013 17:00"], [{ es: "Viernes", en: "Friday" }, "09:00 \u2013 00:00"], [{ es: "S\xE1bado", en: "Saturday" }, "07:00 \u2013 17:00"], [{ es: "Domingo", en: "Sunday" }, "09:00 \u2013 00:00"] ]; // virtual:lib/auth.tsx var import_react4 = require("react"); var KEY2 = "okw_auth_v1"; function load2() { if (typeof window === "undefined") return null; try { const raw = localStorage.getItem(KEY2); if (!raw) return null; const u = JSON.parse(raw); return u && u.clienteId > 0 && typeof u.token === "string" && u.token ? u : null; } catch { return null; } } var state2 = load2(); var listeners2 = /* @__PURE__ */ new Set(); var authApi = { set(u) { state2 = u; try { u ? localStorage.setItem(KEY2, JSON.stringify(u)) : localStorage.removeItem(KEY2); } catch { } listeners2.forEach((l) => l()); }, clear() { authApi.set(null); } }; function subscribe2(l) { listeners2.add(l); return () => { listeners2.delete(l); }; } function snapshot2() { return state2; } function useAuth() { const user = (0, import_react4.useSyncExternalStore)(subscribe2, snapshot2, () => null); return { user, setUser: authApi.set, logout: authApi.clear }; } // virtual:lib/i18n.tsx var import_react5 = require("react"); var KEY3 = "okw_lang"; function initial() { if (typeof window === "undefined") return "es"; try { const s = localStorage.getItem(KEY3); if (s === "es" || s === "en") return s; const nav = (navigator.language || "es").toLowerCase(); return nav.startsWith("en") ? "en" : "es"; } catch { return "es"; } } var lang = initial(); var listeners3 = /* @__PURE__ */ new Set(); function setLang(l) { lang = l; try { localStorage.setItem(KEY3, l); document.documentElement.lang = l; } catch { } listeners3.forEach((fn) => fn()); } function subscribe3(fn) { listeners3.add(fn); return () => { listeners3.delete(fn); }; } function snapshot3() { return lang; } function useLang() { const cur = (0, import_react5.useSyncExternalStore)(subscribe3, snapshot3, () => "es"); const t = (es, en) => cur === "en" ? en : es; function L(a, b) { if (b !== void 0 || typeof a === "string") return cur === "en" ? b || a : a; if (a && typeof a === "object") return cur === "en" ? a.en ?? a.es : a.es ?? a.en; return a; } return { lang: cur, setLang, t, L }; } // virtual:components/Nav.tsx var FOCUS = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent focus-visible:ring-[rgba(140,122,88,0.95)] rounded-full"; function LangToggle({ lang: lang2, setLang: setLang2, compact = false, className }) { const opts = [ { v: "es", label: "ES", aria: "Espa\xF1ol" }, { v: "en", label: "EN", aria: "English" } ]; return /* @__PURE__ */ import_react6.default.createElement( "div", { role: "group", "aria-label": "Idioma \xB7 Language", className: `inline-flex items-center ${className || ""}`, style: { borderRadius: 999, border: `1px solid ${T.line}`, background: "rgba(251,247,239,0.55)", padding: 2, gap: 2 }, "data-gufi-src": "components/Nav.tsx:32" }, opts.map((o) => { const on = lang2 === o.v; return /* @__PURE__ */ import_react6.default.createElement( "button", { key: o.v, onClick: () => setLang2(o.v), "aria-pressed": on, "aria-label": o.aria, className: `grid place-items-center transition-all duration-200 active:scale-95 ${FOCUS}`, style: { minWidth: compact ? 34 : 52, height: compact ? 30 : 44, padding: compact ? "0 8px" : "0 14px", borderRadius: 999, fontFamily: T.sans, fontSize: compact ? 12.5 : 14.5, fontWeight: 700, letterSpacing: "0.04em", background: on ? T.ink : "transparent", color: on ? "#FBF7EF" : T.muted }, "data-gufi-src": "components/Nav.tsx:41" }, o.label ); }) ); } function Nav({ onCart, onNavigate, onAccount }) { const [scrolled, setScrolled] = (0, import_react6.useState)(false); const [open, setOpen] = (0, import_react6.useState)(false); const [active, setActive] = (0, import_react6.useState)(""); const { count } = useCart(); const { user } = useAuth(); const { lang: lang2, setLang: setLang2, t, L } = useLang(); (0, import_react6.useEffect)(() => { const onScroll = () => setScrolled(window.scrollY > 12); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); (0, import_react6.useEffect)(() => { if (typeof window === "undefined" || !("IntersectionObserver" in window)) return; const els = NAV.map((n) => document.getElementById(n.id)).filter(Boolean); if (!els.length) return; const obs = new IntersectionObserver( (entries) => { const vis = entries.filter((e) => e.isIntersecting).sort((a, b) => b.intersectionRatio - a.intersectionRatio); if (vis[0]) setActive(vis[0].target.id); }, { rootMargin: "-42% 0px -50% 0px", threshold: [0, 0.2, 0.5, 1] } ); els.forEach((el) => obs.observe(el)); return () => obs.disconnect(); }, []); (0, import_react6.useEffect)(() => { if (typeof document === "undefined") return; const prev = document.body.style.overflow; if (open) document.body.style.overflow = "hidden"; return () => { document.body.style.overflow = prev; }; }, [open]); const go = (id) => { setOpen(false); onNavigate(id); }; const solid = true; const light = false; const ink = light ? "#FBF7EF" : "#181917"; const linkColor = light ? "rgba(253,251,246,0.86)" : T.ink2; const linkActive = light ? "#FFFFFF" : T.ink; const underline = light ? "rgba(253,251,246,0.92)" : T.stoneDeep; return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement("div", { style: { background: T.espresso, color: "#EFE7D6" }, className: "w-full relative z-[60]", "data-gufi-src": "components/Nav.tsx:122" }, /* @__PURE__ */ import_react6.default.createElement("p", { className: "py-2 px-4 flex items-center justify-center gap-2 text-center leading-snug", style: { fontFamily: T.sans, fontSize: 12.5, letterSpacing: "0.02em" }, "data-gufi-src": "components/Nav.tsx:123" }, /* @__PURE__ */ import_react6.default.createElement(Flecha, { size: 13, color: T.brandYellow, style: { flexShrink: 0 } }), /* @__PURE__ */ import_react6.default.createElement("span", { style: { textWrap: "balance" }, "data-gufi-src": "components/Nav.tsx:125" }, t("Gracias por pensar en nosotros para formar parte de tu Camino", "Thank you for choosing us to be part of your Camino")))), /* @__PURE__ */ import_react6.default.createElement( import_framer_motion2.motion.header, { initial: { y: -12, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { duration: 0.6, ease: T.ease }, className: "sticky top-0 z-50 w-full transition-all duration-300", style: { background: solid ? "rgba(244,238,227,0.82)" : "rgba(244,238,227,0)", backdropFilter: solid ? "saturate(1.4) blur(14px)" : "none", WebkitBackdropFilter: solid ? "saturate(1.4) blur(14px)" : "none", borderBottom: solid ? `1px solid ${T.line2}` : "1px solid transparent", boxShadow: scrolled ? "0 10px 30px -24px rgba(28,24,18,0.5)" : "none" } }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "mx-auto flex items-center justify-between gap-4", style: { maxWidth: 1240, padding: scrolled ? "11px 24px" : "18px 24px", transition: "padding .3s" }, "data-gufi-src": "components/Nav.tsx:140" }, /* @__PURE__ */ import_react6.default.createElement("a", { href: "#top", onClick: (e) => { e.preventDefault(); go("top"); }, className: `flex items-center group -m-1 p-1 ${FOCUS}`, "aria-label": BRAND.name, "data-gufi-src": "components/Nav.tsx:141" }, /* @__PURE__ */ import_react6.default.createElement(OKLogo, { height: scrolled ? 27 : 30, ink, yellow: T.brandYellow, className: "transition-all duration-300 group-hover:scale-[1.03]", style: { display: "block" } })), /* @__PURE__ */ import_react6.default.createElement("nav", { className: "hidden lg:flex items-center gap-0.5", "aria-label": t("Principal", "Main"), "data-gufi-src": "components/Nav.tsx:145" }, NAV.map((n) => { const on = active === n.id; return /* @__PURE__ */ import_react6.default.createElement( "button", { key: n.id, onClick: () => go(n.id), "aria-current": on ? "true" : void 0, className: `relative px-3.5 py-2 group transition-colors duration-200 ${FOCUS}`, style: { fontFamily: T.sans, fontSize: 14.5, fontWeight: 500, color: on ? linkActive : linkColor }, "data-gufi-src": "components/Nav.tsx:149" }, L(n.label), /* @__PURE__ */ import_react6.default.createElement( "span", { className: `absolute left-3.5 right-3.5 -bottom-0.5 h-px origin-left transition-transform duration-300 group-hover:scale-x-100 ${on ? "scale-x-100" : "scale-x-0"}`, style: { background: underline }, "data-gufi-src": "components/Nav.tsx:157" } ) ); })), /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center gap-2.5", "data-gufi-src": "components/Nav.tsx:166" }, /* @__PURE__ */ import_react6.default.createElement(LangToggle, { lang: lang2, setLang: setLang2, compact: true, className: "hidden sm:inline-flex" }), /* @__PURE__ */ import_react6.default.createElement( "a", { href: `tel:+${CONTACT.telPrincipalRaw}`, className: `hidden sm:flex items-center gap-2 px-3.5 py-2 transition-colors duration-200 ${light ? "hover:bg-[rgba(251,247,239,0.12)]" : "hover:bg-[rgba(33,30,24,0.05)]"} ${FOCUS}`, style: { fontFamily: T.sans, fontSize: 13.5, fontWeight: 600, color: light ? "#FBF7EF" : T.ink }, "data-gufi-src": "components/Nav.tsx:169" }, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react.Phone, { size: 15, color: light ? T.amberSoft : T.stoneDeep }), " ", CONTACT.telPrincipal ), /* @__PURE__ */ import_react6.default.createElement( "button", { onClick: onAccount, "aria-label": t("Tu cuenta", "Your account"), className: `relative grid place-items-center transition-all duration-200 active:scale-95 hover:bg-[rgba(33,30,24,0.05)] ${FOCUS}`, style: { width: 44, height: 44, borderRadius: 999, border: `1px solid ${T.line}`, color: T.ink, background: "transparent" }, "data-gufi-src": "components/Nav.tsx:177" }, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react.User, { size: 18 }), user && /* @__PURE__ */ import_react6.default.createElement("span", { "aria-hidden": "true", className: "absolute -top-0.5 -right-0.5 rounded-full", style: { width: 11, height: 11, background: T.forest, border: `2px solid ${T.paper}` }, "data-gufi-src": "components/Nav.tsx:184" }) ), /* @__PURE__ */ import_react6.default.createElement( "button", { onClick: onCart, "aria-label": count > 0 ? t(`Carrito, ${count} art\xEDculo${count > 1 ? "s" : ""}`, `Cart, ${count} item${count > 1 ? "s" : ""}`) : t("Carrito", "Cart"), className: `relative grid place-items-center transition-all duration-200 active:scale-95 hover:shadow-md ${FOCUS}`, style: { width: 44, height: 44, borderRadius: 999, background: light ? "#FBF7EF" : T.ink, color: light ? T.ink : "#FBF7EF" }, "data-gufi-src": "components/Nav.tsx:187" }, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react.ShoppingBag, { size: 18 }), /* @__PURE__ */ import_react6.default.createElement(import_framer_motion2.AnimatePresence, null, count > 0 && /* @__PURE__ */ import_react6.default.createElement( import_framer_motion2.motion.span, { key: "badge", initial: { scale: 0 }, animate: { scale: 1 }, exit: { scale: 0 }, transition: { type: "spring", stiffness: 600, damping: 22 }, className: "absolute -top-1 -right-1 grid place-items-center rounded-full", style: { minWidth: 20, height: 20, padding: "0 5px", background: T.terra, color: "#fff", fontFamily: T.sans, fontSize: 11, fontWeight: 700, boxShadow: "0 2px 6px -1px rgba(0,0,0,0.35)" } }, count )) ), /* @__PURE__ */ import_react6.default.createElement( "button", { onClick: () => setOpen((v) => !v), "aria-label": open ? t("Cerrar men\xFA", "Close menu") : t("Abrir men\xFA", "Open menu"), "aria-expanded": open, className: `lg:hidden grid place-items-center transition-colors duration-200 active:scale-95 ${FOCUS}`, style: { width: 44, height: 44, borderRadius: 999, border: `1px solid ${light ? "rgba(251,247,239,0.45)" : T.line}`, color: ink }, "data-gufi-src": "components/Nav.tsx:209" }, open ? /* @__PURE__ */ import_react6.default.createElement(import_lucide_react.X, { size: 18 }) : /* @__PURE__ */ import_react6.default.createElement(import_lucide_react.Menu, { size: 18 }) ))), /* @__PURE__ */ import_react6.default.createElement(import_framer_motion2.AnimatePresence, null, open && /* @__PURE__ */ import_react6.default.createElement( import_framer_motion2.motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { duration: 0.32, ease: T.ease }, className: "lg:hidden overflow-hidden", style: { background: "rgba(244,238,227,0.98)", backdropFilter: "blur(14px)", WebkitBackdropFilter: "blur(14px)", borderBottom: `1px solid ${T.line2}` } }, /* @__PURE__ */ import_react6.default.createElement("div", { className: "px-6 pt-1 pb-5 flex flex-col max-h-[calc(100dvh-120px)] overflow-y-auto overscroll-contain", "data-gufi-src": "components/Nav.tsx:228" }, NAV.map((n, idx) => /* @__PURE__ */ import_react6.default.createElement( import_framer_motion2.motion.button, { key: n.id, onClick: () => go(n.id), initial: { opacity: 0, x: -12 }, animate: { opacity: 1, x: 0 }, transition: { delay: 0.05 + idx * 0.05, duration: 0.3, ease: T.ease }, className: `text-left py-3.5 flex items-center justify-between group ${FOCUS}`, style: { fontFamily: T.serif, fontSize: 23, color: active === n.id ? T.stoneDeep : T.ink, borderBottom: `1px solid ${T.line2}` } }, L(n.label), /* @__PURE__ */ import_react6.default.createElement(import_lucide_react.ArrowRight, { size: 18, color: T.faint, className: "transition-transform duration-300 group-hover:translate-x-1" }) )), /* @__PURE__ */ import_react6.default.createElement( import_framer_motion2.motion.button, { onClick: () => go("tienda"), initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: { delay: 0.05 + NAV.length * 0.05, duration: 0.3, ease: T.ease }, className: `mt-5 inline-flex items-center justify-center gap-2.5 py-3.5 transition-transform active:scale-[0.98] ${FOCUS}`, style: { background: T.ink, color: "#FBF7EF", borderRadius: 999, fontFamily: T.sans, fontSize: 15.5, fontWeight: 600 } }, t("Reservar mi plaza", "Book my space"), /* @__PURE__ */ import_react6.default.createElement("span", { className: "grid place-items-center rounded-full", style: { width: 26, height: 26, background: T.amber }, "data-gufi-src": "components/Nav.tsx:249" }, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react.ArrowRight, { size: 15, color: T.espresso })) ), /* @__PURE__ */ import_react6.default.createElement( "a", { href: `tel:+${CONTACT.telPrincipalRaw}`, className: `flex items-center justify-center gap-2 mt-3 min-h-[44px] py-2.5 ${FOCUS}`, style: { fontFamily: T.sans, fontSize: 14.5, fontWeight: 600, color: T.stoneDeep }, "data-gufi-src": "components/Nav.tsx:254" }, /* @__PURE__ */ import_react6.default.createElement(import_lucide_react.Phone, { size: 16 }), " ", CONTACT.telPrincipal ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex items-center justify-between mt-4 pt-4", style: { borderTop: `1px solid ${T.line2}` }, "data-gufi-src": "components/Nav.tsx:262" }, /* @__PURE__ */ import_react6.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 11, fontWeight: 600, letterSpacing: "0.16em", textTransform: "uppercase", color: T.faint }, "data-gufi-src": "components/Nav.tsx:263" }, t("Idioma", "Language")), /* @__PURE__ */ import_react6.default.createElement(LangToggle, { lang: lang2, setLang: setLang2 }))) )) ), /* @__PURE__ */ import_react6.default.createElement(import_framer_motion2.AnimatePresence, null, open && /* @__PURE__ */ import_react6.default.createElement( import_framer_motion2.motion.div, { key: "okw-nav-scrim", className: "lg:hidden fixed inset-0 z-40", style: { background: "rgba(20,17,12,0.4)" }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.25 }, onClick: () => setOpen(false), "aria-hidden": "true" } ))); } // virtual:components/Hero.tsx var import_react7 = __toESM(require("react")); var import_framer_motion3 = require("framer-motion"); var import_lucide_react2 = require("lucide-react"); var FOCUS2 = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent focus-visible:ring-[rgba(239,230,69,0.9)]"; function Hero({ onNavigate }) { const [i, setI] = (0, import_react7.useState)(0); const reduce = (0, import_framer_motion3.useReducedMotion)(); const ref = (0, import_react7.useRef)(null); const { t, lang: lang2 } = useLang(); (0, import_react7.useEffect)(() => { if (reduce) return; const t2 = setInterval(() => setI((v) => (v + 1) % IMAGES.hero.length), 6e3); return () => clearInterval(t2); }, [reduce]); (0, import_react7.useEffect)(() => { IMAGES.hero.forEach((src) => { const im = new Image(); im.src = src; }); }, []); const { scrollYProgress } = (0, import_framer_motion3.useScroll)({ target: ref, offset: ["start start", "end start"] }); const imgY = (0, import_framer_motion3.useTransform)(scrollYProgress, [0, 1], ["0%", "10%"]); const contentY = (0, import_framer_motion3.useTransform)(scrollYProgress, [0, 1], [0, -54]); const contentOpacity = (0, import_framer_motion3.useTransform)(scrollYProgress, [0, 0.62, 1], [1, 1, 0.28]); const container = { hidden: {}, show: { transition: { staggerChildren: 0.11, delayChildren: 0.14 } } }; const item = { hidden: { opacity: 0, y: 22 }, show: { opacity: 1, y: 0, transition: { duration: 0.85, ease: T.ease } } }; return /* @__PURE__ */ import_react7.default.createElement( "section", { ref, id: "top", className: "relative w-full overflow-hidden min-h-[86vh] sm:min-h-[92vh]", style: { background: T.espresso }, "data-gufi-src": "components/Hero.tsx:45" }, /* @__PURE__ */ import_react7.default.createElement(import_framer_motion3.motion.div, { "aria-hidden": "true", className: "absolute", style: { inset: "-14% 0", y: reduce ? 0 : imgY } }, /* @__PURE__ */ import_react7.default.createElement(import_framer_motion3.AnimatePresence, null, /* @__PURE__ */ import_react7.default.createElement( import_framer_motion3.motion.div, { key: i, className: "absolute inset-0", initial: { opacity: 0, scale: 1.06 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0 }, transition: { opacity: { duration: 1.6, ease: "easeInOut" }, scale: { duration: 6.6, ease: [0.16, 1, 0.3, 1] } }, style: { backgroundImage: `url(${IMAGES.hero[i]})`, backgroundSize: "cover", backgroundPosition: "center" } } ))), /* @__PURE__ */ import_react7.default.createElement( "div", { "aria-hidden": "true", className: "absolute inset-0", style: { background: "linear-gradient(180deg, rgba(20,17,12,0.58) 0%, rgba(20,17,12,0.16) 30%, rgba(20,17,12,0.30) 60%, rgba(20,17,12,0.84) 100%)" }, "data-gufi-src": "components/Hero.tsx:70" } ), /* @__PURE__ */ import_react7.default.createElement( "div", { "aria-hidden": "true", className: "absolute inset-0", style: { background: "linear-gradient(90deg, rgba(20,17,12,0.55) 0%, rgba(20,17,12,0.18) 42%, rgba(20,17,12,0) 74%)" }, "data-gufi-src": "components/Hero.tsx:75" } ), /* @__PURE__ */ import_react7.default.createElement( import_framer_motion3.motion.div, { variants: reduce ? void 0 : container, initial: reduce ? false : "hidden", animate: reduce ? void 0 : "show", className: "relative z-10 mx-auto flex w-full flex-col justify-center min-h-[86vh] sm:min-h-[92vh] px-6 pt-24 pb-10 sm:pt-28", style: { maxWidth: 1240, ...reduce ? {} : { y: contentY, opacity: contentOpacity } } }, /* @__PURE__ */ import_react7.default.createElement(import_framer_motion3.motion.div, { variants: reduce ? void 0 : item, className: "mb-5 sm:mb-7" }, /* @__PURE__ */ import_react7.default.createElement(Eyebrow, { color: "rgba(253,251,246,0.92)" }, t("Sarria \xB7 km 111 \xB7 Camino de Santiago", "Sarria \xB7 km 111 \xB7 Camino de Santiago"))), /* @__PURE__ */ import_react7.default.createElement( import_framer_motion3.motion.h1, { variants: reduce ? void 0 : item, style: { fontFamily: T.serif, color: "#FDFBF6", fontWeight: 300, lineHeight: 0.96, letterSpacing: "-0.022em", fontSize: "clamp(32px, 8vw, 104px)", maxWidth: "15ch", textWrap: "balance" } }, t("Nos encanta formar parte", "We love being part"), /* @__PURE__ */ import_react7.default.createElement("br", { "data-gufi-src": "components/Hero.tsx:98" }), /* @__PURE__ */ import_react7.default.createElement("span", { style: { fontStyle: "italic", fontWeight: 500 }, "data-gufi-src": "components/Hero.tsx:98" }, t("de tu Camino", "of your Camino")) ), /* @__PURE__ */ import_react7.default.createElement( import_framer_motion3.motion.p, { variants: reduce ? void 0 : item, className: "mt-5 sm:mt-6", style: { fontFamily: T.sans, fontSize: "clamp(16px,1.7vw,20px)", lineHeight: 1.6, color: "rgba(253,251,246,0.9)", maxWidth: 560, textWrap: "pretty" } }, t( "Deja tu coche seguro en Sarria y camina ligero hasta Santiago. Parking cubierto, traslados, coche de alquiler y transporte de equipaje. Nosotros nos ocupamos de todo.", "Leave your car safely in Sarria and walk light all the way to Santiago. Covered parking, transfers, car rental and luggage transport \u2014 we take care of everything." ) ), /* @__PURE__ */ import_react7.default.createElement(import_framer_motion3.motion.div, { variants: reduce ? void 0 : item, className: "mt-8 sm:mt-9 flex flex-col sm:flex-row sm:flex-wrap sm:items-center gap-3" }, /* @__PURE__ */ import_react7.default.createElement( "button", { onClick: () => onNavigate("tienda"), className: `group inline-flex w-full sm:w-auto items-center justify-center gap-2.5 rounded-full pl-6 pr-4 py-3.5 transition-all duration-300 hover:-translate-y-0.5 active:scale-[0.98] active:translate-y-0 ${FOCUS2}`, style: { background: "#FBF7EF", color: T.ink, fontFamily: T.sans, fontSize: 15.5, fontWeight: 600, boxShadow: "0 20px 46px -20px rgba(0,0,0,0.7)" }, "data-gufi-src": "components/Hero.tsx:113" }, t("Reservar mi plaza", "Book my space"), /* @__PURE__ */ import_react7.default.createElement("span", { className: "grid place-items-center rounded-full transition-transform duration-300 group-hover:translate-x-1", style: { width: 27, height: 27, background: T.amber }, "data-gufi-src": "components/Hero.tsx:119" }, /* @__PURE__ */ import_react7.default.createElement(import_lucide_react2.ArrowRight, { size: 15, color: T.espresso })) ), /* @__PURE__ */ import_react7.default.createElement( "button", { onClick: () => onNavigate("servicios"), className: `inline-flex w-full sm:w-auto items-center justify-center gap-2 rounded-full px-6 py-3.5 transition-all duration-300 hover:-translate-y-0.5 active:translate-y-0 ${FOCUS2}`, style: { background: "rgba(20,17,12,0.34)", border: "1px solid rgba(251,247,239,0.55)", color: "#FBF7EF", fontFamily: T.sans, fontSize: 15.5, fontWeight: 500, backdropFilter: "blur(6px)", WebkitBackdropFilter: "blur(6px)" }, "data-gufi-src": "components/Hero.tsx:123" }, t("Ver servicios", "View services") )), /* @__PURE__ */ import_react7.default.createElement(import_framer_motion3.motion.div, { variants: reduce ? void 0 : item, className: "mt-auto pt-10 sm:pt-14 flex flex-wrap items-center gap-x-6 sm:gap-x-7 gap-y-3" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex items-center gap-2.5", "data-gufi-src": "components/Hero.tsx:133" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex gap-0.5", "aria-hidden": "true", "data-gufi-src": "components/Hero.tsx:134" }, [0, 1, 2, 3, 4].map((s) => /* @__PURE__ */ import_react7.default.createElement(import_lucide_react2.Star, { key: s, size: 15, fill: T.amberSoft, color: T.amberSoft }))), /* @__PURE__ */ import_react7.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 13.5, color: "rgba(253,251,246,0.82)" }, "data-gufi-src": "components/Hero.tsx:137" }, /* @__PURE__ */ import_react7.default.createElement("b", { style: { color: "#fff", fontWeight: 700 }, "data-gufi-src": "components/Hero.tsx:138" }, "+", BRAND.clientes.toLocaleString(lang2 === "en" ? "en-US" : "es-ES")), " ", t("peregrinos ya forman parte de nuestro Camino", "pilgrims are already part of our Camino"))), /* @__PURE__ */ import_react7.default.createElement("span", { "aria-hidden": "true", className: "hidden md:block", style: { width: 1, height: 18, background: "rgba(251,247,239,0.28)" }, "data-gufi-src": "components/Hero.tsx:141" }), /* @__PURE__ */ import_react7.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 13.5, color: "rgba(253,251,246,0.82)" }, "data-gufi-src": "components/Hero.tsx:142" }, t("Especialistas en el Camino desde ", "Camino specialists since "), /* @__PURE__ */ import_react7.default.createElement("b", { style: { color: "#fff", fontWeight: 700 }, "data-gufi-src": "components/Hero.tsx:143" }, BRAND.since))) ) ); } // virtual:components/XacobeoBar.tsx var import_react8 = __toESM(require("react")); // virtual:lib/assets.ts var XACOBEO_2027 = "data:image/webp;base64,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AAAAAAAAAAAyMDI2OjAzOjA4IDEyOjM2OjI2ADIwMjY6MDM6MDggMTI6MzY6MjYAWE1QIIkKAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTExLTA5VDE0OjM0OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wMy0wOFQxMjozNjoyNiIgcGhvdG9zaG9wOkRhdGVDcmVhdGVkPSIyMDI2LTAzLTA4VDEyOjM2OjI2KzAxOjAwIj4gPGRjOnRpdGxlPiA8cmRmOkFsdD4gPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5YYWNvYmVvLTIwMjdfbWFyY2EgcHJpbmNpcGFsPC9yZGY6bGk+IDwvcmRmOkFsdD4gPC9kYzp0aXRsZT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD94cGFja2V0IGVuZD0idyI/PgAA"; // virtual:components/XacobeoBar.tsx function XacobeoBar() { const { t } = useLang(); return /* @__PURE__ */ import_react8.default.createElement("section", { style: { background: T.paper, borderBottom: `1px solid ${T.line2}` }, "data-gufi-src": "components/XacobeoBar.tsx:12" }, /* @__PURE__ */ import_react8.default.createElement(Reveal, null, /* @__PURE__ */ import_react8.default.createElement("div", { className: "mx-auto flex flex-col items-center gap-3 px-6 py-7 sm:py-8 lg:py-10", style: { maxWidth: 1240 }, "data-gufi-src": "components/XacobeoBar.tsx:14" }, /* @__PURE__ */ import_react8.default.createElement("span", { className: "text-center", style: { fontFamily: T.sans, fontSize: 11, fontWeight: 600, letterSpacing: "0.22em", textTransform: "uppercase", color: T.faint }, "data-gufi-src": "components/XacobeoBar.tsx:15" }, t("Vive el A\xF1o Santo del Camino", "Experience the Holy Year of the Camino")), /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex items-center justify-center gap-5 sm:gap-7 w-full", "data-gufi-src": "components/XacobeoBar.tsx:18" }, /* @__PURE__ */ import_react8.default.createElement("span", { "aria-hidden": "true", className: "hidden sm:block h-px flex-1", style: { maxWidth: 220, background: "linear-gradient(90deg, transparent, rgba(33,30,24,0.16))" }, "data-gufi-src": "components/XacobeoBar.tsx:19" }), /* @__PURE__ */ import_react8.default.createElement("img", { src: XACOBEO_2027, alt: t("Xacobeo 2027 \xB7 Galicia", "Xacobeo 2027 \xB7 Galicia"), className: "h-10 sm:h-11", style: { width: "auto", display: "block", mixBlendMode: "multiply" }, "data-gufi-src": "components/XacobeoBar.tsx:20" }), /* @__PURE__ */ import_react8.default.createElement("span", { "aria-hidden": "true", className: "hidden sm:block h-px flex-1", style: { maxWidth: 220, background: "linear-gradient(90deg, rgba(33,30,24,0.16), transparent)" }, "data-gufi-src": "components/XacobeoBar.tsx:21" }))))); } // virtual:components/Trust.tsx var import_react9 = __toESM(require("react")); var import_framer_motion4 = require("framer-motion"); var import_lucide_react3 = require("lucide-react"); var STATS = [ { icon: import_lucide_react3.ShieldCheck, big: { es: "Cubierto", en: "Covered" }, small: { es: "Recinto cerrado y vigilado", en: "Enclosed, guarded compound" } }, { icon: import_lucide_react3.Infinity, big: { es: "Sin l\xEDmite", en: "No limit" }, small: { es: "Los d\xEDas que dure tu Camino", en: "For as long as your Camino lasts" } }, { icon: import_lucide_react3.Clock, big: { es: "Reserva 24 h", en: "Book 24/7" }, small: { es: "Online, con confirmaci\xF3n al instante", en: "Online, confirmed instantly" } }, { icon: import_lucide_react3.MapPin, big: { es: "Sarria \xB7 km 111", en: "Sarria \xB7 km 111" }, small: { es: "A un paso del inicio de los 100 km", en: "Steps from the start of the 100 km" } } ]; function Trust() { const reduce = (0, import_framer_motion4.useReducedMotion)(); const { t, L } = useLang(); return /* @__PURE__ */ import_react9.default.createElement("section", { "aria-label": t("Garant\xEDas", "Guarantees"), style: { background: T.paper2, borderTop: `1px solid ${T.line2}`, borderBottom: `1px solid ${T.line2}` }, "data-gufi-src": "components/Trust.tsx:18" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "mx-auto", style: { maxWidth: 1240 }, "data-gufi-src": "components/Trust.tsx:19" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "grid grid-cols-2 lg:grid-cols-4", style: { gap: 1, background: T.line2 }, "data-gufi-src": "components/Trust.tsx:21" }, STATS.map((s, i) => /* @__PURE__ */ import_react9.default.createElement( import_framer_motion4.motion.div, { key: i, className: "group relative flex flex-col items-start gap-3 px-5 py-7 sm:flex-row sm:gap-3.5 sm:px-6 sm:py-8 lg:px-8 lg:py-11", style: { background: T.paper2 }, initial: reduce ? false : { opacity: 0, y: 12 }, whileInView: reduce ? {} : { opacity: 1, y: 0 }, viewport: { once: true, margin: "-40px" }, transition: { duration: 0.6, ease: T.ease, delay: i * 0.07 } }, /* @__PURE__ */ import_react9.default.createElement( "span", { className: "grid place-items-center rounded-xl shrink-0 transition-colors duration-300", style: { width: 44, height: 44, background: T.sand, color: T.stoneDeep }, "data-gufi-src": "components/Trust.tsx:32" }, /* @__PURE__ */ import_react9.default.createElement(s.icon, { size: 19, strokeWidth: 1.7 }) ), /* @__PURE__ */ import_react9.default.createElement("div", { className: "min-w-0", "data-gufi-src": "components/Trust.tsx:38" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "relative inline-block", "data-gufi-src": "components/Trust.tsx:39" }, /* @__PURE__ */ import_react9.default.createElement("span", { style: { fontFamily: T.serif, fontSize: 20, fontWeight: 500, color: T.ink, lineHeight: 1.12, letterSpacing: "-0.01em" }, "data-gufi-src": "components/Trust.tsx:40" }, L(s.big)), /* @__PURE__ */ import_react9.default.createElement( "span", { "aria-hidden": "true", className: "absolute left-0 -bottom-1 h-[2px] w-0 group-hover:w-full transition-all duration-500", style: { background: T.amber, borderRadius: 2, transitionTimingFunction: "cubic-bezier(0.22,0.61,0.36,1)" }, "data-gufi-src": "components/Trust.tsx:43" } )), /* @__PURE__ */ import_react9.default.createElement("div", { style: { fontFamily: T.sans, fontSize: 13, color: T.muted, marginTop: 5, lineHeight: 1.4 }, "data-gufi-src": "components/Trust.tsx:49" }, L(s.small))) ))))); } // virtual:components/Servicios.tsx var import_react11 = __toESM(require("react")); var import_framer_motion5 = require("framer-motion"); var import_lucide_react5 = require("lucide-react"); // virtual:components/icons.tsx var import_react10 = __toESM(require("react")); var import_lucide_react4 = require("lucide-react"); var MAP = { SquareParking: import_lucide_react4.SquareParking, Car: import_lucide_react4.Car, CarFront: import_lucide_react4.CarFront, KeyRound: import_lucide_react4.KeyRound, Luggage: import_lucide_react4.Luggage, Route: import_lucide_react4.Route, MapPin: import_lucide_react4.MapPin, Package: import_lucide_react4.Package }; function LucideIcon({ name, ...props }) { const C = MAP[name] || import_lucide_react4.Package; return /* @__PURE__ */ import_react10.default.createElement(C, { ...props }); } function WhatsAppGlyph({ size = 22, color = "#fff", className }) { return /* @__PURE__ */ import_react10.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: color, className, "aria-hidden": "true", "data-gufi-src": "components/icons.tsx:16" }, /* @__PURE__ */ import_react10.default.createElement("path", { d: "M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.945C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 018.413 3.488 11.824 11.824 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 001.51 5.26l-.999 3.648 3.978-1.042zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.767.967-.94 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.71.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.29.173-1.414z", "data-gufi-src": "components/icons.tsx:17" })); } // virtual:components/Servicios.tsx function Servicios({ onNavigate }) { const reduce = (0, import_framer_motion5.useReducedMotion)(); const { lang: lang2, t, L } = useLang(); return /* @__PURE__ */ import_react11.default.createElement("section", { id: "servicios", className: "relative", style: { background: T.paper, scrollMarginTop: 80 }, "data-gufi-src": "components/Servicios.tsx:13" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "mx-auto px-6 py-16 sm:py-20 lg:py-32", style: { maxWidth: 1240 }, "data-gufi-src": "components/Servicios.tsx:14" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "grid lg:grid-cols-[1fr_1.1fr] gap-8 lg:gap-16 items-end mb-10 sm:mb-14 lg:mb-20", "data-gufi-src": "components/Servicios.tsx:16" }, /* @__PURE__ */ import_react11.default.createElement(Reveal, null, /* @__PURE__ */ import_react11.default.createElement(Eyebrow, null, t("Todo el Camino, resuelto", "The whole Camino, sorted")), /* @__PURE__ */ import_react11.default.createElement("h2", { className: "mt-5", style: { fontFamily: T.serif, fontWeight: 300, fontSize: "clamp(30px,4.6vw,60px)", lineHeight: 1.04, letterSpacing: "-0.02em", color: T.ink }, "data-gufi-src": "components/Servicios.tsx:19" }, t("Cuatro formas de caminar", "Four ways to walk"), /* @__PURE__ */ import_react11.default.createElement("br", { "data-gufi-src": "components/Servicios.tsx:20" }), /* @__PURE__ */ import_react11.default.createElement("span", { style: { fontStyle: "italic", fontWeight: 500 }, "data-gufi-src": "components/Servicios.tsx:20" }, t("m\xE1s ligero", "lighter")))), /* @__PURE__ */ import_react11.default.createElement(Reveal, { delay: 0.1 }, /* @__PURE__ */ import_react11.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 17, lineHeight: 1.62, color: T.ink2 }, "data-gufi-src": "components/Servicios.tsx:24" }, t( "Desde 2016 acompa\xF1amos a peregrinos de todo el mundo en Sarria, el punto de salida m\xE1s popular del Camino Franc\xE9s. Tu coche, tu equipaje y tu tranquilidad, en las mejores manos.", "Since 2016 we've accompanied pilgrims from all over the world in Sarria, the most popular starting point on the Camino Franc\xE9s. Your car, your luggage and your peace of mind \u2014 in the best hands." )))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "grid lg:grid-cols-[0.92fr_1.08fr] gap-8 lg:gap-14 items-start", "data-gufi-src": "components/Servicios.tsx:34" }, /* @__PURE__ */ import_react11.default.createElement(Reveal, { className: "lg:sticky lg:top-24" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "group relative overflow-hidden rounded-[20px] sm:rounded-[26px]", style: { border: `1px solid ${T.line}`, boxShadow: "0 30px 70px -46px rgba(28,24,18,0.55)" }, "data-gufi-src": "components/Servicios.tsx:37" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "relative w-full overflow-hidden aspect-[16/10] sm:aspect-[3/2] lg:aspect-[4/5] lg:max-h-[560px]", "data-gufi-src": "components/Servicios.tsx:38" }, /* @__PURE__ */ import_react11.default.createElement( import_framer_motion5.motion.img, { src: IMAGES.servicio, alt: t("Sendero del Camino de Santiago cerca de Sarria", "Camino de Santiago trail near Sarria"), loading: "lazy", className: "w-full h-full transition-transform duration-[1400ms] group-hover:scale-[1.05]", style: { objectFit: "cover", display: "block", willChange: "transform" }, initial: reduce ? false : { scale: 1.12 }, whileInView: reduce ? {} : { scale: 1 }, viewport: { once: true, margin: "-60px" }, transition: { duration: 1.6, ease: T.ease } } ), /* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute inset-0", style: { background: "linear-gradient(180deg, rgba(20,17,12,0) 38%, rgba(20,17,12,0.16) 62%, rgba(20,17,12,0.82) 100%)" }, "data-gufi-src": "components/Servicios.tsx:50" })), /* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute inset-x-0 bottom-0 p-6 sm:p-7 lg:p-8", "data-gufi-src": "components/Servicios.tsx:52" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "mb-3", "data-gufi-src": "components/Servicios.tsx:53" }, /* @__PURE__ */ import_react11.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 11.5, fontWeight: 600, letterSpacing: "0.16em", textTransform: "uppercase", color: "rgba(253,251,246,0.82)" }, "data-gufi-src": "components/Servicios.tsx:54" }, t("Sarria \xB7 Camino Franc\xE9s", "Sarria \xB7 Camino Franc\xE9s"))), /* @__PURE__ */ import_react11.default.createElement("p", { style: { fontFamily: T.serif, fontWeight: 300, fontStyle: "italic", fontSize: "clamp(21px,2.6vw,28px)", lineHeight: 1.2, color: "#FDFBF6" }, "data-gufi-src": "components/Servicios.tsx:58" }, t("T\xFA solo pones los pasos.", "You just take the steps.")), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-4 flex items-center gap-2.5", style: { fontFamily: T.sans, fontSize: 13, color: "rgba(253,251,246,0.78)" }, "data-gufi-src": "components/Servicios.tsx:61" }, /* @__PURE__ */ import_react11.default.createElement("b", { style: { color: "#fff", fontWeight: 600, fontVariantNumeric: "tabular-nums" }, "data-gufi-src": "components/Servicios.tsx:62" }, "+", BRAND.clientes.toLocaleString(lang2 === "en" ? "en-US" : "es-ES")), /* @__PURE__ */ import_react11.default.createElement("span", { "data-gufi-src": "components/Servicios.tsx:63" }, t("peregrinos desde", "pilgrims since"), " ", BRAND.since))))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex flex-col", "data-gufi-src": "components/Servicios.tsx:70" }, SERVICIOS.map((s, i) => { const n = String(i + 1).padStart(2, "0"); return /* @__PURE__ */ import_react11.default.createElement(Reveal, { key: i, delay: i * 0.08 }, /* @__PURE__ */ import_react11.default.createElement( "button", { type: "button", onClick: () => onNavigate("tienda"), className: cx("group relative w-full text-left flex items-start gap-5 lg:gap-7 py-7 lg:py-8 transition-colors duration-300"), style: { borderTop: `1px solid ${i === 0 ? "transparent" : T.line}` }, "data-gufi-src": "components/Servicios.tsx:75" }, /* @__PURE__ */ import_react11.default.createElement("span", { "aria-hidden": true, className: "absolute inset-x-[-16px] inset-y-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300", style: { background: T.paper2 }, "data-gufi-src": "components/Servicios.tsx:82" }), /* @__PURE__ */ import_react11.default.createElement( "span", { className: "relative grid place-items-center rounded-2xl shrink-0 transition-all duration-300 group-hover:-translate-y-0.5", style: { width: 56, height: 56, background: T.sand, color: T.stoneDeep }, "data-gufi-src": "components/Servicios.tsx:83" }, /* @__PURE__ */ import_react11.default.createElement(LucideIcon, { name: s.icon, size: 24, strokeWidth: 1.6 }) ), /* @__PURE__ */ import_react11.default.createElement("div", { className: "relative flex-1 min-w-0", "data-gufi-src": "components/Servicios.tsx:87" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-baseline gap-3", "data-gufi-src": "components/Servicios.tsx:88" }, /* @__PURE__ */ import_react11.default.createElement("span", { style: { fontFamily: T.serif, fontSize: 13, fontWeight: 500, color: T.stoneSoft, fontVariantNumeric: "tabular-nums", letterSpacing: "0.04em" }, "data-gufi-src": "components/Servicios.tsx:89" }, n), /* @__PURE__ */ import_react11.default.createElement("h3", { className: "flex-1", style: { fontFamily: T.serif, fontSize: "clamp(20px,2.4vw,25px)", fontWeight: 500, color: T.ink, letterSpacing: "-0.01em", lineHeight: 1.15 }, "data-gufi-src": "components/Servicios.tsx:90" }, L(s.titulo)), /* @__PURE__ */ import_react11.default.createElement("span", { className: "shrink-0 mt-1 opacity-0 -translate-x-1.5 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-300", style: { color: T.stoneDeep }, "data-gufi-src": "components/Servicios.tsx:91" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.ArrowRight, { size: 20, strokeWidth: 1.8 }))), /* @__PURE__ */ import_react11.default.createElement("p", { className: "mt-2.5", style: { fontFamily: T.sans, fontSize: 15, lineHeight: 1.6, color: T.muted, maxWidth: "46ch" }, "data-gufi-src": "components/Servicios.tsx:95" }, L(s.texto))) )); }), /* @__PURE__ */ import_react11.default.createElement(Reveal, { delay: 0.12 }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-9 pt-1", "data-gufi-src": "components/Servicios.tsx:103" }, /* @__PURE__ */ import_react11.default.createElement( "button", { onClick: () => onNavigate("tienda"), className: "group inline-flex w-full sm:w-auto items-center justify-center sm:justify-start gap-2.5 rounded-full pl-6 pr-5 sm:pl-7 py-3.5 transition-all active:scale-[0.98]", style: { background: T.ink, color: "#FBF7EF", fontFamily: T.sans, fontSize: 15, fontWeight: 600, boxShadow: "0 18px 40px -24px rgba(28,24,18,0.7)" }, "data-gufi-src": "components/Servicios.tsx:104" }, t("Ver todos los servicios y reservar", "See all services & book"), /* @__PURE__ */ import_react11.default.createElement("span", { className: "grid place-items-center rounded-full transition-transform duration-300 group-hover:translate-x-1", style: { width: 26, height: 26, background: T.amber }, "data-gufi-src": "components/Servicios.tsx:108" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.ArrowRight, { size: 15, color: T.espresso })) ))))))); } // virtual:components/Tienda.tsx var import_react12 = __toESM(require("react")); var import_framer_motion6 = require("framer-motion"); var import_lucide_react6 = require("lucide-react"); var discountPct = (p) => { const base = Number(p?.precio || 0); const off = Number(p?.precio_oferta || 0); if (!(base > 0 && off > 0 && off < base)) return 0; return Math.round((1 - off / base) * 100); }; function ProductCard({ p, onOpen, i, featured }) { const reduce = (0, import_framer_motion6.useReducedMotion)(); const { t, L } = useLang(); const name = L(p.nombre, p.nombre_en); const summary = L(p.resumen, p.resumen_en); const meta = catMeta(p.categoria); const offer = hasOffer(p); const price = priceOf(p); const pct = discountPct(p); const badge = !featured && p.badge && String(p.badge).trim(); const rawImg = p.imagen && String(p.imagen).trim(); const [imgOk, setImgOk] = (0, import_react12.useState)(true); const [loaded, setLoaded] = (0, import_react12.useState)(false); const showImg = rawImg && imgOk; return /* @__PURE__ */ import_react12.default.createElement(Reveal, { delay: i % 3 * 0.06, className: "h-full" }, /* @__PURE__ */ import_react12.default.createElement( import_framer_motion6.motion.button, { type: "button", onClick: () => onOpen(p), "aria-label": `${t("Ver y reservar", "View and book")}: ${name}`, whileHover: reduce ? void 0 : { y: -6, boxShadow: "0 26px 52px -28px rgba(33,30,24,0.42)", borderColor: "rgba(33,30,24,0.2)" }, whileTap: { scale: 0.985 }, transition: { type: "spring", stiffness: 320, damping: 26 }, className: "group relative text-left w-full h-full rounded-[26px] overflow-hidden flex flex-col outline-none focus-visible:[outline:2px_solid_#8C7A58] focus-visible:[outline-offset:3px]", style: { background: T.card, border: `1px solid ${featured ? "rgba(140,122,88,0.5)" : T.line}`, boxShadow: featured ? "0 14px 34px -24px rgba(33,30,24,0.35)" : "0 1px 2px rgba(33,30,24,0.05)" } }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "relative overflow-hidden", style: { background: `linear-gradient(135deg, ${meta.from}, ${meta.to})` }, "data-gufi-src": "components/Tienda.tsx:50" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "relative aspect-[4/3]", "data-gufi-src": "components/Tienda.tsx:51" }, showImg ? /* @__PURE__ */ import_react12.default.createElement( "img", { src: rawImg, alt: p.nombre, loading: "lazy", decoding: "async", onError: () => setImgOk(false), onLoad: () => setLoaded(true), className: cx("absolute inset-0 w-full h-full object-cover", reduce ? "" : "group-hover:scale-[1.06]"), style: { opacity: loaded ? 1 : 0, transition: "transform 900ms cubic-bezier(0.22,0.61,0.36,1), opacity 700ms ease" }, "data-gufi-src": "components/Tienda.tsx:53" } ) : /* @__PURE__ */ import_react12.default.createElement("div", { className: "absolute inset-0", "data-gufi-src": "components/Tienda.tsx:64" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "absolute -right-6 -bottom-8 opacity-[0.16]", "data-gufi-src": "components/Tienda.tsx:65" }, /* @__PURE__ */ import_react12.default.createElement(Vieira, { size: 150, color: "#fff" })), /* @__PURE__ */ import_react12.default.createElement("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-95", "data-gufi-src": "components/Tienda.tsx:66" }, /* @__PURE__ */ import_react12.default.createElement(LucideIcon, { name: meta.icon, size: 44, color: "rgba(255,255,255,0.92)", strokeWidth: 1.3 }))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "absolute inset-0 pointer-events-none", style: { background: "linear-gradient(to top, rgba(20,17,12,0.46) 0%, rgba(20,17,12,0) 44%)" }, "data-gufi-src": "components/Tienda.tsx:73" }), featured && /* @__PURE__ */ import_react12.default.createElement( "span", { className: "absolute left-3.5 top-3.5 inline-flex items-center gap-1.5 rounded-full px-2.5 py-1", style: { background: "rgba(28,24,18,0.88)", WebkitBackdropFilter: "blur(6px)", backdropFilter: "blur(6px)", boxShadow: "0 4px 14px -6px rgba(33,30,24,0.55)" }, "data-gufi-src": "components/Tienda.tsx:77" }, /* @__PURE__ */ import_react12.default.createElement(Vieira, { size: 11, color: T.amber }), /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 10.5, fontWeight: 700, letterSpacing: "0.06em", textTransform: "uppercase", color: "#FBF7EF" }, "data-gufi-src": "components/Tienda.tsx:80" }, t("Recomendado", "Recommended")) ), badge && /* @__PURE__ */ import_react12.default.createElement( "span", { className: "absolute left-3.5 top-3.5 inline-flex items-center gap-1.5 rounded-full px-2.5 py-1", style: { background: "rgba(251,247,239,0.94)", WebkitBackdropFilter: "blur(6px)", backdropFilter: "blur(6px)", boxShadow: "0 4px 14px -6px rgba(33,30,24,0.45)" }, "data-gufi-src": "components/Tienda.tsx:86" }, /* @__PURE__ */ import_react12.default.createElement("span", { style: { width: 6, height: 6, borderRadius: 9, background: T.amber }, "data-gufi-src": "components/Tienda.tsx:88" }), /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 10.5, fontWeight: 700, letterSpacing: "0.06em", textTransform: "uppercase", color: T.espresso }, "data-gufi-src": "components/Tienda.tsx:89" }, badge) ), offer && /* @__PURE__ */ import_react12.default.createElement( "span", { className: "absolute right-3.5 top-3.5 rounded-full px-2.5 py-1", style: { background: T.terra, color: "#fff", fontFamily: T.sans, fontSize: 11, fontWeight: 700, letterSpacing: "0.02em", boxShadow: "0 6px 16px -6px rgba(178,58,46,0.75)" }, "data-gufi-src": "components/Tienda.tsx:95" }, pct > 0 ? `\u2212${pct}%` : t("Oferta", "Sale") ), /* @__PURE__ */ import_react12.default.createElement( "span", { className: "absolute left-3.5 bottom-3.5 inline-flex items-center gap-1.5 rounded-full px-2.5 py-1", style: { background: "rgba(255,255,255,0.15)", WebkitBackdropFilter: "blur(8px)", backdropFilter: "blur(8px)", border: "1px solid rgba(255,255,255,0.28)" }, "data-gufi-src": "components/Tienda.tsx:102" }, /* @__PURE__ */ import_react12.default.createElement(LucideIcon, { name: meta.icon, size: 12.5, color: "#fff", strokeWidth: 1.9 }), /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 11, fontWeight: 600, letterSpacing: "0.03em", color: "#fff" }, "data-gufi-src": "components/Tienda.tsx:105" }, L(meta.label)) ))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex flex-col flex-1 p-5 sm:p-6", "data-gufi-src": "components/Tienda.tsx:111" }, /* @__PURE__ */ import_react12.default.createElement("h3", { style: { fontFamily: T.serif, fontSize: 20, fontWeight: 500, lineHeight: 1.14, color: T.ink, letterSpacing: "-0.01em" }, "data-gufi-src": "components/Tienda.tsx:112" }, name), p.resumen && /* @__PURE__ */ import_react12.default.createElement("p", { className: "mt-2.5 flex-1 okw-clamp2", style: { fontFamily: T.sans, fontSize: 14, lineHeight: 1.55, color: T.muted }, "data-gufi-src": "components/Tienda.tsx:114" }, summary), /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-5 flex items-end justify-between gap-3", "data-gufi-src": "components/Tienda.tsx:116" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-baseline gap-2 flex-wrap", "data-gufi-src": "components/Tienda.tsx:117" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "tabular-nums", style: { fontFamily: T.serif, fontSize: 26, fontWeight: 500, color: T.ink, letterSpacing: "-0.01em" }, "data-gufi-src": "components/Tienda.tsx:118" }, money(price)), offer && /* @__PURE__ */ import_react12.default.createElement("span", { className: "tabular-nums", style: { fontFamily: T.sans, fontSize: 14, color: T.faint, textDecoration: "line-through" }, "data-gufi-src": "components/Tienda.tsx:119" }, money(p.precio))), /* @__PURE__ */ import_react12.default.createElement("span", { className: "grid place-items-center rounded-full transition-colors duration-300 bg-[#E7DCC8] group-hover:bg-[#211E18] shrink-0", style: { width: 42, height: 42 }, "data-gufi-src": "components/Tienda.tsx:121" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ArrowUpRight, { size: 18, className: "transition-colors duration-300 text-[#6C5C3F] group-hover:text-white" })))) )); } function SkeletonCard() { return /* @__PURE__ */ import_react12.default.createElement("div", { className: "rounded-[26px] overflow-hidden flex flex-col", style: { background: T.card, border: `1px solid ${T.line2}` }, "data-gufi-src": "components/Tienda.tsx:134" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "aspect-[4/3] okw-shimmer", style: { background: "rgba(33,30,24,0.06)" }, "data-gufi-src": "components/Tienda.tsx:135" }), /* @__PURE__ */ import_react12.default.createElement("div", { className: "p-5 sm:p-6 flex flex-col gap-3", "data-gufi-src": "components/Tienda.tsx:136" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "okw-shimmer rounded-md", style: { height: 20, width: "72%", background: "rgba(33,30,24,0.08)" }, "data-gufi-src": "components/Tienda.tsx:137" }), /* @__PURE__ */ import_react12.default.createElement("div", { className: "okw-shimmer rounded", style: { height: 12, width: "100%", background: "rgba(33,30,24,0.05)" }, "data-gufi-src": "components/Tienda.tsx:138" }), /* @__PURE__ */ import_react12.default.createElement("div", { className: "okw-shimmer rounded", style: { height: 12, width: "86%", background: "rgba(33,30,24,0.05)" }, "data-gufi-src": "components/Tienda.tsx:139" }), /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-3 flex items-center justify-between", "data-gufi-src": "components/Tienda.tsx:140" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "okw-shimmer rounded-md", style: { height: 26, width: 92, background: "rgba(33,30,24,0.08)" }, "data-gufi-src": "components/Tienda.tsx:141" }), /* @__PURE__ */ import_react12.default.createElement("div", { className: "okw-shimmer rounded-full", style: { height: 42, width: 42, background: "rgba(33,30,24,0.06)" }, "data-gufi-src": "components/Tienda.tsx:142" })))); } function Tienda({ productos, loading, onOpen }) { const { t, L } = useLang(); const [cat, setCat] = (0, import_react12.useState)("all"); const cats = (0, import_react12.useMemo)(() => ["all", ...CATEGORIAS.map((c) => c.key)], []); const counts = (0, import_react12.useMemo)(() => { const m = {}; for (const p of productos) m[p.categoria] = (m[p.categoria] || 0) + 1; return m; }, [productos]); const visibleCats = (0, import_react12.useMemo)(() => cats.filter((c) => c === "all" || (counts[c] || 0) > 0), [cats, counts]); const featured = (0, import_react12.useMemo)( () => productos.filter((p) => p.destacado).slice().sort((a, b) => (a.orden || 0) - (b.orden || 0)).slice(0, 3), [productos] ); const featuredIds = (0, import_react12.useMemo)(() => new Set(featured.map((p) => p.id)), [featured]); const filtered = (0, import_react12.useMemo)( () => (cat === "all" ? productos.filter((p) => !featuredIds.has(p.id)) : productos.filter((p) => p.categoria === cat)).slice().sort((a, b) => (a.orden || 0) - (b.orden || 0)), [productos, cat, featuredIds] ); const shownCount = cat === "all" ? productos.length : filtered.length; return /* @__PURE__ */ import_react12.default.createElement("section", { id: "tienda", style: { background: T.paper2, scrollMarginTop: 72 }, "data-gufi-src": "components/Tienda.tsx:177" }, /* @__PURE__ */ import_react12.default.createElement("style", { "data-gufi-src": "components/Tienda.tsx:178" }, ` @keyframes okwShimmer{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}} .okw-shimmer{animation:okwShimmer 1.6s ease-in-out infinite} .okw-noscroll{scrollbar-width:none;-ms-overflow-style:none} .okw-noscroll::-webkit-scrollbar{display:none} .okw-clamp2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .okw-catpill{min-height:44px} @media (min-width:640px){.okw-catpill{min-height:38px}} @media (prefers-reduced-motion: reduce){.okw-shimmer{animation:none}} `), /* @__PURE__ */ import_react12.default.createElement("div", { className: "mx-auto px-6 py-24 lg:py-32", style: { maxWidth: 1240 }, "data-gufi-src": "components/Tienda.tsx:189" }, /* @__PURE__ */ import_react12.default.createElement(Reveal, null, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex flex-col lg:flex-row lg:items-end justify-between gap-8 mb-9", "data-gufi-src": "components/Tienda.tsx:192" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "max-w-xl", "data-gufi-src": "components/Tienda.tsx:193" }, /* @__PURE__ */ import_react12.default.createElement(Eyebrow, null, t("Reserva tu Camino", "Book Your Camino")), /* @__PURE__ */ import_react12.default.createElement("h2", { className: "mt-5", style: { fontFamily: T.serif, fontWeight: 300, fontSize: "clamp(34px,4.6vw,60px)", lineHeight: 1.02, letterSpacing: "-0.02em", color: T.ink }, "data-gufi-src": "components/Tienda.tsx:195" }, t("Elige tu servicio", "Choose your service"), /* @__PURE__ */ import_react12.default.createElement("br", { "data-gufi-src": "components/Tienda.tsx:196" }), /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontStyle: "italic", fontWeight: 500 }, "data-gufi-src": "components/Tienda.tsx:196" }, t("y reserva online", "and book online"))), /* @__PURE__ */ import_react12.default.createElement("p", { className: "mt-5", style: { fontFamily: T.sans, fontSize: 16.5, lineHeight: 1.6, color: T.ink2 }, "data-gufi-src": "components/Tienda.tsx:198" }, t("Parking, traslados, coche de alquiler o transporte de equipaje. Precio cerrado, confirmaci\xF3n por email al instante.", "Parking, transfers, car rental or luggage transport. Fixed price, instant email confirmation."))), /* @__PURE__ */ import_react12.default.createElement( "div", { className: "flex lg:inline-flex items-center justify-center lg:justify-start gap-2.5 rounded-2xl lg:rounded-full px-4 py-2.5 w-full lg:w-auto self-start", style: { background: "rgba(239,230,69,0.16)", border: "1px solid rgba(196,185,40,0.5)" }, "data-gufi-src": "components/Tienda.tsx:202" }, /* @__PURE__ */ import_react12.default.createElement(Flecha, { size: 16, color: T.stoneDeep, className: "shrink-0" }), /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 13.5, fontWeight: 600, color: T.stoneDeep }, "data-gufi-src": "components/Tienda.tsx:205" }, t("Reserva anticipada Xacobeo 2027 \xB7 hasta \u221220%", "Early booking Xacobeo 2027 \xB7 up to \u221220%")) ))), !loading && cat === "all" && featured.length > 0 && /* @__PURE__ */ import_react12.default.createElement("div", { className: "mb-12 sm:mb-14", "data-gufi-src": "components/Tienda.tsx:212" }, /* @__PURE__ */ import_react12.default.createElement(Reveal, null, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-3 mb-5", "data-gufi-src": "components/Tienda.tsx:214" }, /* @__PURE__ */ import_react12.default.createElement(Vieira, { size: 15, color: T.stoneDeep }), /* @__PURE__ */ import_react12.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 12, fontWeight: 700, letterSpacing: "0.1em", textTransform: "uppercase", color: T.stoneDeep }, "data-gufi-src": "components/Tienda.tsx:216" }, t("Los m\xE1s reservados", "Most booked")), /* @__PURE__ */ import_react12.default.createElement("span", { className: "h-px flex-1", style: { background: T.line }, "data-gufi-src": "components/Tienda.tsx:219" }))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-5", "data-gufi-src": "components/Tienda.tsx:222" }, featured.map((p, i) => /* @__PURE__ */ import_react12.default.createElement(ProductCard, { key: p.id, p, i, onOpen, featured: true })))), /* @__PURE__ */ import_react12.default.createElement(Reveal, { delay: 0.05 }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "relative -mx-6 px-6 mb-8", "data-gufi-src": "components/Tienda.tsx:230" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "okw-noscroll flex gap-2 overflow-x-auto pb-1", role: "tablist", "aria-label": t("Filtrar por servicio", "Filter by service"), "data-gufi-src": "components/Tienda.tsx:231" }, visibleCats.map((c) => { const active = cat === c; const label = c === "all" ? t("Todos", "All") : L(catMeta(c).label); const m = c === "all" ? null : catMeta(c); return /* @__PURE__ */ import_react12.default.createElement( "button", { key: c, role: "tab", "aria-selected": active, onClick: () => setCat(c), className: "okw-catpill relative shrink-0 inline-flex items-center justify-center gap-1.5 rounded-full px-4 py-2 whitespace-nowrap transition-colors outline-none focus-visible:[outline:2px_solid_#8C7A58] focus-visible:[outline-offset:2px]", style: { fontFamily: T.sans, fontSize: 13.5, fontWeight: 600, color: active ? "#FBF7EF" : T.ink2, border: `1px solid ${active ? T.ink : T.line}` }, "data-gufi-src": "components/Tienda.tsx:237" }, active && /* @__PURE__ */ import_react12.default.createElement(import_framer_motion6.motion.span, { layoutId: "cat-pill", className: "absolute inset-0 rounded-full", style: { background: T.ink }, transition: { type: "spring", stiffness: 380, damping: 32 } }), m && /* @__PURE__ */ import_react12.default.createElement(LucideIcon, { name: m.icon, size: 14, color: active ? "#FBF7EF" : T.stone, strokeWidth: 1.9, className: "relative" }), /* @__PURE__ */ import_react12.default.createElement("span", { className: "relative", "data-gufi-src": "components/Tienda.tsx:247" }, label) ); })))), !loading && filtered.length > 0 && /* @__PURE__ */ import_react12.default.createElement("p", { className: "mb-5", style: { fontFamily: T.sans, fontSize: 12.5, color: T.faint, letterSpacing: "0.01em" }, "data-gufi-src": "components/Tienda.tsx:257" }, shownCount, " ", shownCount === 1 ? t("servicio disponible", "service available") : t("servicios disponibles", "services available")), loading ? /* @__PURE__ */ import_react12.default.createElement("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-5", "data-gufi-src": "components/Tienda.tsx:264" }, Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ import_react12.default.createElement(SkeletonCard, { key: i }))) : filtered.length === 0 ? /* @__PURE__ */ import_react12.default.createElement("div", { className: "rounded-[26px] flex flex-col items-center text-center px-8 py-16", style: { border: `1px dashed ${T.line}`, background: T.card }, "data-gufi-src": "components/Tienda.tsx:268" }, /* @__PURE__ */ import_react12.default.createElement(Vieira, { size: 46, color: T.stoneSoft }), /* @__PURE__ */ import_react12.default.createElement("p", { className: "mt-4", style: { fontFamily: T.serif, fontSize: 22, fontWeight: 500, color: T.ink }, "data-gufi-src": "components/Tienda.tsx:270" }, t("No hay servicios en esta categor\xEDa", "No services in this category")), /* @__PURE__ */ import_react12.default.createElement("p", { className: "mt-2", style: { fontFamily: T.sans, fontSize: 14.5, lineHeight: 1.55, color: T.muted, maxWidth: 300 }, "data-gufi-src": "components/Tienda.tsx:271" }, t("Prueba con otra opci\xF3n o descubre todos nuestros servicios del Camino.", "Try another option or discover all our Camino services.")), /* @__PURE__ */ import_react12.default.createElement( "button", { onClick: () => setCat("all"), className: "mt-5 rounded-full px-6 py-3 transition-transform active:scale-[0.98]", style: { background: T.ink, color: "#FBF7EF", fontFamily: T.sans, fontSize: 14.5, fontWeight: 600 }, "data-gufi-src": "components/Tienda.tsx:274" }, t("Ver todos los servicios", "View all services") )) : /* @__PURE__ */ import_react12.default.createElement("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-5", "data-gufi-src": "components/Tienda.tsx:280" }, filtered.map((p, i) => /* @__PURE__ */ import_react12.default.createElement(ProductCard, { key: p.id, p, i, onOpen }))))); } // virtual:components/ComoFunciona.tsx var import_react13 = __toESM(require("react")); var import_framer_motion7 = require("framer-motion"); function ComoFunciona() { const reduce = (0, import_framer_motion7.useReducedMotion)(); const { t, L } = useLang(); const last = PASOS.length - 1; return /* @__PURE__ */ import_react13.default.createElement("section", { id: "como", className: "relative overflow-hidden", style: { background: T.espresso, scrollMarginTop: 80 }, "data-gufi-src": "components/ComoFunciona.tsx:13" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute inset-0 opacity-[0.06]", style: { backgroundImage: `radial-gradient(circle at 1px 1px, #fff 1px, transparent 0)`, backgroundSize: "26px 26px" }, "data-gufi-src": "components/ComoFunciona.tsx:15" }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute inset-0 pointer-events-none", style: { background: "radial-gradient(90% 60% at 82% 8%, rgba(239,230,69,0.10), transparent 60%)" }, "data-gufi-src": "components/ComoFunciona.tsx:17" }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "relative mx-auto px-6 py-16 sm:py-20 lg:py-32", style: { maxWidth: 1240 }, "data-gufi-src": "components/ComoFunciona.tsx:19" }, /* @__PURE__ */ import_react13.default.createElement(Reveal, null, /* @__PURE__ */ import_react13.default.createElement("div", { className: "max-w-2xl", "data-gufi-src": "components/ComoFunciona.tsx:21" }, /* @__PURE__ */ import_react13.default.createElement(Eyebrow, { color: T.amberSoft }, t("As\xED de sencillo", "It's this simple")), /* @__PURE__ */ import_react13.default.createElement("h2", { className: "mt-5", style: { fontFamily: T.serif, fontWeight: 300, fontSize: "clamp(30px,4.6vw,60px)", lineHeight: 1.04, letterSpacing: "-0.02em", color: "#FDFBF6" }, "data-gufi-src": "components/ComoFunciona.tsx:23" }, t("De tu coche a Compostela", "From your car to Compostela"), /* @__PURE__ */ import_react13.default.createElement("br", { "data-gufi-src": "components/ComoFunciona.tsx:24" }), /* @__PURE__ */ import_react13.default.createElement("span", { style: { fontStyle: "italic", fontWeight: 500 }, "data-gufi-src": "components/ComoFunciona.tsx:24" }, t("en cuatro pasos", "in four steps"))))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "relative mt-12 sm:mt-16 lg:mt-20", "data-gufi-src": "components/ComoFunciona.tsx:29" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "grid lg:grid-cols-4 gap-y-11 lg:gap-x-6", "data-gufi-src": "components/ComoFunciona.tsx:30" }, PASOS.map((p, i) => /* @__PURE__ */ import_react13.default.createElement(Reveal, { key: i, delay: i * 0.12, className: "relative flex items-start gap-5 lg:flex-col lg:items-center lg:text-center lg:gap-0" }, i < last && /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("div", { className: "lg:hidden absolute", style: { left: 27, top: 28, height: "calc(100% + 44px)", width: 2 }, "aria-hidden": "true", "data-gufi-src": "components/ComoFunciona.tsx:37" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute inset-0", style: { background: "rgba(253,251,246,0.14)" }, "data-gufi-src": "components/ComoFunciona.tsx:38" }), /* @__PURE__ */ import_react13.default.createElement( import_framer_motion7.motion.div, { className: "absolute inset-0", style: { background: `linear-gradient(180deg, ${T.amber}, rgba(239,230,69,0.28))`, transformOrigin: "top" }, initial: reduce ? false : { scaleY: 0 }, whileInView: reduce ? {} : { scaleY: 1 }, viewport: { once: true, margin: "-60px" }, transition: { duration: 0.8, ease: T.ease } } )), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hidden lg:block absolute", style: { top: 27, left: "50%", width: "calc(100% + 24px)", height: 2 }, "aria-hidden": "true", "data-gufi-src": "components/ComoFunciona.tsx:49" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute inset-0", style: { background: "rgba(253,251,246,0.14)" }, "data-gufi-src": "components/ComoFunciona.tsx:50" }), /* @__PURE__ */ import_react13.default.createElement( import_framer_motion7.motion.div, { className: "absolute inset-0", style: { background: `linear-gradient(90deg, ${T.amber}, rgba(239,230,69,0.3))`, transformOrigin: "left" }, initial: reduce ? false : { scaleX: 0 }, whileInView: reduce ? {} : { scaleX: 1 }, viewport: { once: true, margin: "-60px" }, transition: { duration: 0.9, ease: T.ease, delay: 0.15 + i * 0.12 } } ), /* @__PURE__ */ import_react13.default.createElement("span", { className: "absolute grid place-items-center rounded-full", style: { top: "50%", left: "50%", transform: "translate(-50%,-50%)", width: 26, height: 26, background: T.espresso }, "data-gufi-src": "components/ComoFunciona.tsx:60" }, /* @__PURE__ */ import_react13.default.createElement(Flecha, { size: 16, color: T.amberSoft })))), /* @__PURE__ */ import_react13.default.createElement( "div", { className: "relative z-10 grid place-items-center rounded-full shrink-0", style: { width: 56, height: 56, background: T.espresso2, border: `1.5px solid rgba(239,230,69,0.55)`, boxShadow: "0 0 0 6px rgba(28,24,18,1), 0 10px 30px -14px rgba(0,0,0,0.7)" }, "data-gufi-src": "components/ComoFunciona.tsx:68" }, /* @__PURE__ */ import_react13.default.createElement("span", { style: { fontFamily: T.serif, fontSize: 22, fontWeight: 400, color: T.amber, lineHeight: 1, fontVariantNumeric: "tabular-nums" }, "data-gufi-src": "components/ComoFunciona.tsx:70" }, p.n) ), /* @__PURE__ */ import_react13.default.createElement("div", { className: "relative z-10 flex-1 lg:mt-7 lg:px-2", "data-gufi-src": "components/ComoFunciona.tsx:74" }, /* @__PURE__ */ import_react13.default.createElement("h3", { style: { fontFamily: T.serif, fontSize: 21, fontWeight: 500, color: "#FDFBF6", lineHeight: 1.2 }, "data-gufi-src": "components/ComoFunciona.tsx:75" }, L(p.titulo)), /* @__PURE__ */ import_react13.default.createElement("p", { className: "mt-2.5 lg:mx-auto", style: { fontFamily: T.sans, fontSize: 14.5, lineHeight: 1.6, color: "rgba(253,251,246,0.66)", maxWidth: "30ch" }, "data-gufi-src": "components/ComoFunciona.tsx:76" }, L(p.texto))))))), /* @__PURE__ */ import_react13.default.createElement(Reveal, { delay: 0.1 }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "mt-12 sm:mt-16 lg:mt-20 flex items-center justify-center gap-3 px-2 text-center", style: { color: "rgba(253,251,246,0.6)" }, "data-gufi-src": "components/ComoFunciona.tsx:84" }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "shrink-0", "data-gufi-src": "components/ComoFunciona.tsx:85" }, /* @__PURE__ */ import_react13.default.createElement(Vieira, { size: 16, color: T.amberSoft })), /* @__PURE__ */ import_react13.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 13.5, letterSpacing: "0.02em" }, "data-gufi-src": "components/ComoFunciona.tsx:86" }, t("Y a caminar. Del resto nos ocupamos nosotros.", "And off you walk. We take care of the rest."), " ", /* @__PURE__ */ import_react13.default.createElement("span", { style: { color: T.amberSoft, fontStyle: "italic", fontFamily: T.serif, fontSize: 16 }, "data-gufi-src": "components/ComoFunciona.tsx:87" }, "Buen Camino.")))))); } // virtual:components/Galeria.tsx var import_react14 = __toESM(require("react")); var import_framer_motion8 = require("framer-motion"); var RATIOS = ["3/4", "4/3", "1/1", "4/5", "3/4", "4/3", "4/5", "1/1"]; function Galeria() { const reduce = (0, import_framer_motion8.useReducedMotion)(); const { lang: lang2, t } = useLang(); return /* @__PURE__ */ import_react14.default.createElement("section", { id: "galeria", style: { background: T.paper, scrollMarginTop: 80 }, "data-gufi-src": "components/Galeria.tsx:14" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "relative w-full overflow-hidden", style: { height: "clamp(280px, 58vw, 540px)" }, "data-gufi-src": "components/Galeria.tsx:16" }, /* @__PURE__ */ import_react14.default.createElement( import_framer_motion8.motion.div, { className: "absolute inset-0", style: { backgroundImage: `url(${IMAGES.band})`, backgroundSize: "cover", backgroundPosition: "center", willChange: "transform" }, initial: reduce ? { scale: 1.02 } : { scale: 1.14 }, whileInView: reduce ? {} : { scale: 1.02 }, viewport: { once: true }, transition: { duration: 2.2, ease: T.ease } } ), /* @__PURE__ */ import_react14.default.createElement("div", { className: "absolute inset-0", style: { background: "linear-gradient(90deg, rgba(20,17,12,0.78) 0%, rgba(20,17,12,0.4) 55%, rgba(20,17,12,0.12) 100%)" }, "data-gufi-src": "components/Galeria.tsx:25" }), /* @__PURE__ */ import_react14.default.createElement("div", { className: "absolute inset-0", style: { background: "linear-gradient(180deg, rgba(20,17,12,0) 60%, rgba(20,17,12,0.55) 100%)" }, "data-gufi-src": "components/Galeria.tsx:26" }), /* @__PURE__ */ import_react14.default.createElement("div", { className: "relative mx-auto h-full flex items-center px-6", style: { maxWidth: 1240 }, "data-gufi-src": "components/Galeria.tsx:27" }, /* @__PURE__ */ import_react14.default.createElement(Reveal, null, /* @__PURE__ */ import_react14.default.createElement("div", { className: "max-w-xl", "data-gufi-src": "components/Galeria.tsx:29" }, /* @__PURE__ */ import_react14.default.createElement(Eyebrow, { color: T.amberSoft }, t("Vuestras fotos", "Your photos")), /* @__PURE__ */ import_react14.default.createElement("p", { className: "mt-4 sm:mt-5", style: { fontFamily: T.serif, fontWeight: 300, fontStyle: "italic", fontSize: "clamp(22px,3.6vw,44px)", lineHeight: 1.18, color: "#FDFBF6" }, "data-gufi-src": "components/Galeria.tsx:31" }, t("\u201CGracias por ser parte de vuestro Camino, amigos.\u201D", "\u201CThank you for being part of your Camino, friends.\u201D")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "mt-6 flex items-center gap-2.5", style: { color: "rgba(253,251,246,0.78)" }, "data-gufi-src": "components/Galeria.tsx:34" }, /* @__PURE__ */ import_react14.default.createElement(Vieira, { size: 15, color: T.amberSoft }), /* @__PURE__ */ import_react14.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 13, letterSpacing: "0.01em" }, "data-gufi-src": "components/Galeria.tsx:36" }, /* @__PURE__ */ import_react14.default.createElement("b", { style: { color: "#fff", fontWeight: 600, fontVariantNumeric: "tabular-nums" }, "data-gufi-src": "components/Galeria.tsx:37" }, "+", BRAND.clientes.toLocaleString(lang2 === "en" ? "en-US" : "es-ES")), " ", t("peregrinos, un mismo Camino", "pilgrims, one shared Camino"))))))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "mx-auto px-6 py-14 sm:py-16 lg:py-24", style: { maxWidth: 1240 }, "data-gufi-src": "components/Galeria.tsx:46" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "columns-2 md:columns-3 lg:columns-4 gap-3 sm:gap-4", style: { columnFill: "balance" }, "data-gufi-src": "components/Galeria.tsx:47" }, IMAGES.galeria.map((src, i) => /* @__PURE__ */ import_react14.default.createElement(Reveal, { key: i, delay: i % 4 * 0.06, className: "mb-3 sm:mb-4 break-inside-avoid" }, /* @__PURE__ */ import_react14.default.createElement("figure", { className: "group relative overflow-hidden rounded-2xl", style: { border: `1px solid ${T.line}` }, "data-gufi-src": "components/Galeria.tsx:50" }, /* @__PURE__ */ import_react14.default.createElement( "img", { src, alt: t("Peregrinos en el Camino de Santiago", "Pilgrims on the Camino de Santiago"), loading: "lazy", className: "w-full transition-transform duration-[1400ms] group-hover:scale-[1.06]", style: { aspectRatio: RATIOS[i % RATIOS.length], objectFit: "cover", display: "block", willChange: "transform" }, "data-gufi-src": "components/Galeria.tsx:51" } ), /* @__PURE__ */ import_react14.default.createElement( "figcaption", { className: "absolute inset-0 flex items-end p-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500", style: { background: "linear-gradient(180deg, rgba(20,17,12,0) 45%, rgba(20,17,12,0.55) 100%)" }, "data-gufi-src": "components/Galeria.tsx:59" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "flex items-center gap-2 translate-y-2 group-hover:translate-y-0 transition-transform duration-500", "data-gufi-src": "components/Galeria.tsx:61" }, /* @__PURE__ */ import_react14.default.createElement(Vieira, { size: 16, color: T.amberSoft }), /* @__PURE__ */ import_react14.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 11.5, fontWeight: 600, letterSpacing: "0.14em", textTransform: "uppercase", color: "#FDFBF6" }, "data-gufi-src": "components/Galeria.tsx:63" }, "Buen Camino")) ))))))); } // virtual:components/FAQ.tsx var import_react15 = __toESM(require("react")); var import_framer_motion9 = require("framer-motion"); var import_lucide_react7 = require("lucide-react"); function FAQ2() { const [open, setOpen] = (0, import_react15.useState)(0); const { t, L } = useLang(); return /* @__PURE__ */ import_react15.default.createElement("section", { id: "faq", style: { background: T.paper, scrollMarginTop: 80 }, "data-gufi-src": "components/FAQ.tsx:12" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "mx-auto px-6 py-16 sm:py-20 lg:py-32", style: { maxWidth: 1160 }, "data-gufi-src": "components/FAQ.tsx:13" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "grid lg:grid-cols-[0.82fr_1.18fr] gap-10 sm:gap-12 lg:gap-16", "data-gufi-src": "components/FAQ.tsx:14" }, /* @__PURE__ */ import_react15.default.createElement(Reveal, null, /* @__PURE__ */ import_react15.default.createElement("div", { className: "lg:sticky lg:top-24", "data-gufi-src": "components/FAQ.tsx:17" }, /* @__PURE__ */ import_react15.default.createElement(Eyebrow, null, t("Preguntas frecuentes", "Frequently asked questions")), /* @__PURE__ */ import_react15.default.createElement("h2", { className: "mt-5", style: { fontFamily: T.serif, fontWeight: 300, fontSize: "clamp(30px,4vw,50px)", lineHeight: 1.05, letterSpacing: "-0.02em", color: T.ink }, "data-gufi-src": "components/FAQ.tsx:19" }, t("Todo lo que", "Everything you"), /* @__PURE__ */ import_react15.default.createElement("br", { "data-gufi-src": "components/FAQ.tsx:20" }), t("necesitas saber", "need to know")), /* @__PURE__ */ import_react15.default.createElement("p", { className: "mt-5", style: { fontFamily: T.sans, fontSize: 16, lineHeight: 1.6, color: T.muted, maxWidth: "34ch" }, "data-gufi-src": "components/FAQ.tsx:22" }, t("Resolvemos las dudas m\xE1s habituales. Si te queda cualquier cosa, hablamos cuando quieras.", "We answer the most common questions. If anything's still unclear, let's talk whenever you like.")), /* @__PURE__ */ import_react15.default.createElement("div", { className: "mt-8 rounded-2xl p-5", style: { background: T.paper2, border: `1px solid ${T.line}` }, "data-gufi-src": "components/FAQ.tsx:26" }, /* @__PURE__ */ import_react15.default.createElement("div", { style: { fontFamily: T.sans, fontSize: 13.5, fontWeight: 600, color: T.ink }, "data-gufi-src": "components/FAQ.tsx:27" }, t("\xBFOtra pregunta?", "Another question?")), /* @__PURE__ */ import_react15.default.createElement("div", { className: "mt-3.5 flex flex-col gap-2.5", "data-gufi-src": "components/FAQ.tsx:28" }, /* @__PURE__ */ import_react15.default.createElement( "a", { href: wa(t("Hola, tengo una consulta sobre vuestros servicios del Camino.", "Hi, I have a question about your Camino services.")), target: "_blank", rel: "noopener noreferrer", className: "group inline-flex items-center gap-2.5 transition-colors", style: { fontFamily: T.sans, fontSize: 14, color: T.ink2 }, "data-gufi-src": "components/FAQ.tsx:29" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "grid place-items-center rounded-full shrink-0 transition-colors duration-300 group-hover:brightness-95", style: { width: 34, height: 34, background: T.forest }, "data-gufi-src": "components/FAQ.tsx:31" }, /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.MessageCircle, { size: 16, color: "#FDFBF6" })), t("Escr\xEDbenos por WhatsApp", "Message us on WhatsApp") ), /* @__PURE__ */ import_react15.default.createElement( "a", { href: `tel:+${CONTACT.telPrincipalRaw}`, className: "group inline-flex items-center gap-2.5 transition-colors", style: { fontFamily: T.sans, fontSize: 14, color: T.ink2 }, "data-gufi-src": "components/FAQ.tsx:36" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "grid place-items-center rounded-full shrink-0", style: { width: 34, height: 34, background: T.sand }, "data-gufi-src": "components/FAQ.tsx:38" }, /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.Phone, { size: 15, color: T.stoneDeep })), CONTACT.telPrincipal ))))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col", "data-gufi-src": "components/FAQ.tsx:49" }, FAQ.map((it, i) => { const isOpen = open === i; return /* @__PURE__ */ import_react15.default.createElement(Reveal, { key: i, delay: i * 0.05 }, /* @__PURE__ */ import_react15.default.createElement("div", { style: { borderTop: `1px solid ${T.line}` }, "data-gufi-src": "components/FAQ.tsx:54" }, /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setOpen(isOpen ? null : i), "aria-expanded": isOpen, className: "group w-full flex items-center justify-between gap-6 py-6 text-left", "data-gufi-src": "components/FAQ.tsx:55" }, /* @__PURE__ */ import_react15.default.createElement( "span", { className: "transition-colors duration-200", style: { fontFamily: T.serif, fontSize: "clamp(18px,2.2vw,23px)", fontWeight: 500, color: isOpen ? T.ink : T.ink2, lineHeight: 1.25 }, "data-gufi-src": "components/FAQ.tsx:60" }, L(it.q) ), /* @__PURE__ */ import_react15.default.createElement( "span", { className: "grid place-items-center rounded-full shrink-0 transition-all duration-300", style: { width: 34, height: 34, background: isOpen ? T.ink : T.sand, transform: isOpen ? "rotate(45deg)" : "none" }, "data-gufi-src": "components/FAQ.tsx:66" }, /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.Plus, { size: 17, color: isOpen ? "#FBF7EF" : T.stoneDeep }) ) ), /* @__PURE__ */ import_react15.default.createElement(import_framer_motion9.AnimatePresence, { initial: false }, isOpen && /* @__PURE__ */ import_react15.default.createElement( import_framer_motion9.motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { height: { duration: 0.36, ease: T.ease }, opacity: { duration: 0.28, ease: T.ease } }, className: "overflow-hidden" }, /* @__PURE__ */ import_react15.default.createElement("p", { className: "pb-7 pr-4 sm:pr-14", style: { fontFamily: T.sans, fontSize: 16, lineHeight: 1.64, color: T.muted }, "data-gufi-src": "components/FAQ.tsx:82" }, L(it.a)) )))); }), /* @__PURE__ */ import_react15.default.createElement("div", { style: { borderTop: `1px solid ${T.line}` }, "data-gufi-src": "components/FAQ.tsx:90" }))))); } // virtual:components/Contacto.tsx var import_react16 = __toESM(require("react")); var import_lucide_react8 = require("lucide-react"); var WA_GREEN = "#25D366"; var todayIdx = ((/* @__PURE__ */ new Date()).getDay() + 6) % 7; function Contacto() { const { t, L } = useLang(); const mapsDir = `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(CONTACT.direccion)}`; const info = [ { icon: import_lucide_react8.Phone, label: t("Tel\xE9fono", "Phone"), value: CONTACT.telPrincipal, href: `tel:+${CONTACT.telPrincipalRaw}` }, { icon: import_lucide_react8.Phone, label: t("Tambi\xE9n", "Also"), value: CONTACT.telSecundario, href: `tel:+${CONTACT.telSecundarioRaw}` }, { icon: import_lucide_react8.Mail, label: t("Email", "Email"), value: CONTACT.email, href: `mailto:${CONTACT.email}` }, { icon: import_lucide_react8.MapPin, label: t("Direcci\xF3n", "Address"), value: "R\xFAa Gran V\xEDa 57-63, Sarria", href: mapsDir } ]; return /* @__PURE__ */ import_react16.default.createElement("section", { id: "contacto", style: { background: T.paper2, scrollMarginTop: 80 }, "data-gufi-src": "components/Contacto.tsx:23" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "mx-auto px-6 py-20 sm:py-24 lg:py-32", style: { maxWidth: 1240 }, "data-gufi-src": "components/Contacto.tsx:24" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "grid lg:grid-cols-2 gap-12 lg:gap-20 items-start", "data-gufi-src": "components/Contacto.tsx:25" }, /* @__PURE__ */ import_react16.default.createElement("div", { "data-gufi-src": "components/Contacto.tsx:27" }, /* @__PURE__ */ import_react16.default.createElement(Reveal, null, /* @__PURE__ */ import_react16.default.createElement(Eyebrow, null, t("Estamos en Sarria", "We are in Sarria")), /* @__PURE__ */ import_react16.default.createElement("h2", { className: "mt-5", style: { fontFamily: T.serif, fontWeight: 300, fontSize: "clamp(32px,4.4vw,56px)", lineHeight: 1.03, letterSpacing: "-0.02em", color: T.ink }, "data-gufi-src": "components/Contacto.tsx:30" }, t("Hablemos de", "Let's talk about"), /* @__PURE__ */ import_react16.default.createElement("br", { "data-gufi-src": "components/Contacto.tsx:31" }), /* @__PURE__ */ import_react16.default.createElement("span", { style: { fontStyle: "italic", fontWeight: 500 }, "data-gufi-src": "components/Contacto.tsx:31" }, t("tu Camino", "your Camino"))), /* @__PURE__ */ import_react16.default.createElement("p", { className: "mt-5", style: { fontFamily: T.sans, fontSize: 16.5, lineHeight: 1.6, color: T.ink2, maxWidth: 460 }, "data-gufi-src": "components/Contacto.tsx:33" }, t("\xBFDudas con las fechas, el veh\xEDculo o el equipaje? Escr\xEDbenos por WhatsApp y te respondemos r\xE1pido, o ll\xE1manos directamente.", "Questions about dates, the vehicle or your luggage? Message us on WhatsApp and we\u2019ll reply fast, or just give us a call."))), /* @__PURE__ */ import_react16.default.createElement(Reveal, { delay: 0.08 }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "mt-9 grid sm:grid-cols-2 gap-3.5", "data-gufi-src": "components/Contacto.tsx:39" }, info.map((c, i) => /* @__PURE__ */ import_react16.default.createElement( "a", { key: i, href: c.href, target: c.href.startsWith("http") ? "_blank" : void 0, rel: c.href.startsWith("http") ? "noopener noreferrer" : void 0, className: "group relative flex items-start gap-3.5 rounded-2xl p-[18px] border outline-none transition-all duration-300 hover:-translate-y-0.5 hover:shadow-[0_18px_44px_-26px_rgba(33,30,24,0.55)] border-[rgba(33,30,24,0.1)] hover:border-[rgba(140,122,88,0.55)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { background: T.card }, "data-gufi-src": "components/Contacto.tsx:41" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "grid place-items-center rounded-xl shrink-0 transition-all duration-300 group-hover:scale-105", style: { width: 42, height: 42, background: T.sand, boxShadow: "inset 0 0 0 1px rgba(140,122,88,0.2)" }, "data-gufi-src": "components/Contacto.tsx:49" }, /* @__PURE__ */ import_react16.default.createElement(c.icon, { size: 17, color: T.stoneDeep })), /* @__PURE__ */ import_react16.default.createElement("div", { className: "min-w-0 pr-5 flex-1", "data-gufi-src": "components/Contacto.tsx:52" }, /* @__PURE__ */ import_react16.default.createElement("div", { style: { fontFamily: T.sans, fontSize: 11, fontWeight: 700, letterSpacing: "0.12em", textTransform: "uppercase", color: T.faint }, "data-gufi-src": "components/Contacto.tsx:53" }, c.label), /* @__PURE__ */ import_react16.default.createElement("div", { style: { fontFamily: T.sans, fontSize: 15, fontWeight: 600, color: T.ink, marginTop: 3, lineHeight: 1.3, wordBreak: "break-word", fontVariantNumeric: "tabular-nums" }, "data-gufi-src": "components/Contacto.tsx:54" }, c.value)), /* @__PURE__ */ import_react16.default.createElement(import_lucide_react8.ArrowUpRight, { size: 15, color: T.stone, className: "absolute right-4 top-4 opacity-0 -translate-y-0.5 transition-all duration-300 group-hover:opacity-100 group-hover:translate-y-0" }) )))), /* @__PURE__ */ import_react16.default.createElement(Reveal, { delay: 0.14 }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "mt-3.5 rounded-2xl p-5", style: { background: T.card, border: `1px solid ${T.line}` }, "data-gufi-src": "components/Contacto.tsx:63" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-2 pb-3 mb-1", style: { borderBottom: `1px solid ${T.line2}` }, "data-gufi-src": "components/Contacto.tsx:64" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react8.Clock, { size: 16, color: T.stoneDeep }), /* @__PURE__ */ import_react16.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 12.5, fontWeight: 700, letterSpacing: "0.08em", textTransform: "uppercase", color: T.ink }, "data-gufi-src": "components/Contacto.tsx:66" }, t("Horario de oficina", "Office hours")), /* @__PURE__ */ import_react16.default.createElement("span", { className: "ml-auto inline-flex items-center gap-1.5 rounded-full px-2.5 py-1", style: { background: "rgba(60,69,53,0.1)", color: T.forest, fontFamily: T.sans, fontSize: 11, fontWeight: 700 }, "data-gufi-src": "components/Contacto.tsx:67" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "rounded-full", style: { width: 5, height: 5, background: T.forest }, "data-gufi-src": "components/Contacto.tsx:68" }), " ", t("Reservas 24 h online", "24 h online booking"))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "grid grid-cols-1 gap-0.5 mt-2", "data-gufi-src": "components/Contacto.tsx:71" }, HORARIO.map(([d, h], i) => { const isToday = i === todayIdx; return /* @__PURE__ */ import_react16.default.createElement("div", { key: i, className: "flex items-center justify-between rounded-lg px-2 py-1.5 transition-colors", style: { background: isToday ? "rgba(60,69,53,0.07)" : "transparent" }, "data-gufi-src": "components/Contacto.tsx:75" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "flex items-center gap-2", style: { fontFamily: T.sans, fontSize: 13.5, fontWeight: isToday ? 700 : 400, color: isToday ? T.ink : T.ink2 }, "data-gufi-src": "components/Contacto.tsx:76" }, isToday && /* @__PURE__ */ import_react16.default.createElement("span", { className: "rounded-full", style: { width: 6, height: 6, background: T.forest }, "data-gufi-src": "components/Contacto.tsx:77" }), !isToday && /* @__PURE__ */ import_react16.default.createElement("span", { style: { width: 6, height: 6 }, "data-gufi-src": "components/Contacto.tsx:78" }), L(d), isToday && /* @__PURE__ */ import_react16.default.createElement("span", { style: { fontSize: 10.5, fontWeight: 700, color: T.forest, letterSpacing: "0.06em" }, "data-gufi-src": "components/Contacto.tsx:79" }, t("\xB7 HOY", "\xB7 TODAY"))), /* @__PURE__ */ import_react16.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 13.5, fontWeight: 600, color: isToday ? T.ink : T.ink, fontVariantNumeric: "tabular-nums" }, "data-gufi-src": "components/Contacto.tsx:81" }, h)); }))))), /* @__PURE__ */ import_react16.default.createElement(Reveal, { delay: 0.1 }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "rounded-3xl overflow-hidden", style: { background: T.espresso, boxShadow: "0 40px 80px -50px rgba(0,0,0,0.6)", border: "1px solid rgba(251,247,239,0.08)" }, "data-gufi-src": "components/Contacto.tsx:92" }, /* @__PURE__ */ import_react16.default.createElement("div", { style: { height: 3, background: `linear-gradient(90deg, ${WA_GREEN}, ${T.amber})` }, "data-gufi-src": "components/Contacto.tsx:94" }), /* @__PURE__ */ import_react16.default.createElement("div", { className: "p-6 sm:p-8 lg:p-10", "data-gufi-src": "components/Contacto.tsx:95" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-3 mb-6", "data-gufi-src": "components/Contacto.tsx:96" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "grid place-items-center rounded-full shrink-0", style: { width: 48, height: 48, background: WA_GREEN, boxShadow: "0 8px 22px -8px rgba(37,211,102,0.8)" }, "data-gufi-src": "components/Contacto.tsx:97" }, /* @__PURE__ */ import_react16.default.createElement(WhatsAppGlyph, { size: 26, color: "#fff" })), /* @__PURE__ */ import_react16.default.createElement("div", { className: "min-w-0", "data-gufi-src": "components/Contacto.tsx:100" }, /* @__PURE__ */ import_react16.default.createElement("div", { style: { fontFamily: T.serif, fontSize: 21, fontWeight: 500, color: "#FDFBF6" }, "data-gufi-src": "components/Contacto.tsx:101" }, t("\xBFTe ayudamos?", "Need a hand?")), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-1.5", style: { fontFamily: T.sans, fontSize: 12.5, color: "rgba(253,251,246,0.6)" }, "data-gufi-src": "components/Contacto.tsx:102" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "rounded-full", style: { width: 6, height: 6, background: "#4ade80" }, "data-gufi-src": "components/Contacto.tsx:103" }), " ", t("Normalmente respondemos en minutos", "We usually reply within minutes")))), /* @__PURE__ */ import_react16.default.createElement("p", { className: "mb-5", style: { fontFamily: T.sans, fontSize: 15, lineHeight: 1.6, color: "rgba(253,251,246,0.72)" }, "data-gufi-src": "components/Contacto.tsx:108" }, t("Escr\xEDbenos por WhatsApp y resolvemos tus dudas al momento: fechas, veh\xEDculo, equipaje o cualquier detalle de tu Camino.", "Message us on WhatsApp and we\u2019ll sort out your questions right away: dates, vehicle, luggage or any detail of your Camino.")), /* @__PURE__ */ import_react16.default.createElement( "a", { href: wa(t("Hola OK The Way \u{1F44B}, me gustar\xEDa m\xE1s informaci\xF3n sobre vuestros servicios para el Camino.", "Hi OK The Way \u{1F44B}, I\u2019d like more information about your services for the Camino.")), target: "_blank", rel: "noopener noreferrer", className: "inline-flex w-full items-center justify-center gap-2.5 rounded-xl py-4 outline-none transition-transform duration-200 hover:-translate-y-0.5 active:scale-[0.98] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#F1EA6A]", style: { background: WA_GREEN, color: "#0b3d20", fontFamily: T.sans, fontSize: 16, fontWeight: 700, boxShadow: "0 12px 28px -12px rgba(37,211,102,0.7)" }, "data-gufi-src": "components/Contacto.tsx:111" }, /* @__PURE__ */ import_react16.default.createElement(WhatsAppGlyph, { size: 20, color: "#0b3d20" }), " ", t("Escribir por WhatsApp", "Message us on WhatsApp") ), /* @__PURE__ */ import_react16.default.createElement("div", { className: "my-5 flex items-center gap-3", "data-gufi-src": "components/Contacto.tsx:117" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "flex-1", style: { height: 1, background: "rgba(251,247,239,0.12)" }, "data-gufi-src": "components/Contacto.tsx:118" }), /* @__PURE__ */ import_react16.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 11.5, letterSpacing: "0.14em", textTransform: "uppercase", color: "rgba(253,251,246,0.4)" }, "data-gufi-src": "components/Contacto.tsx:119" }, "o"), /* @__PURE__ */ import_react16.default.createElement("span", { className: "flex-1", style: { height: 1, background: "rgba(251,247,239,0.12)" }, "data-gufi-src": "components/Contacto.tsx:120" })), /* @__PURE__ */ import_react16.default.createElement("div", { className: "grid grid-cols-1 gap-2.5", "data-gufi-src": "components/Contacto.tsx:123" }, /* @__PURE__ */ import_react16.default.createElement( "a", { href: `tel:+${CONTACT.telPrincipalRaw}`, className: "flex items-center justify-between rounded-xl px-4 py-3.5 outline-none transition-colors hover:bg-[rgba(251,247,239,0.1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#F1EA6A]", style: { background: "rgba(251,247,239,0.06)", border: "1px solid rgba(251,247,239,0.14)" }, "data-gufi-src": "components/Contacto.tsx:124" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "flex items-center gap-2.5", style: { fontFamily: T.sans, fontSize: 14, color: "#FDFBF6" }, "data-gufi-src": "components/Contacto.tsx:127" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react8.Phone, { size: 16, color: T.amberSoft }), " ", t("Llamar", "Call"), " ", CONTACT.telPrincipal), /* @__PURE__ */ import_react16.default.createElement(import_lucide_react8.ArrowUpRight, { size: 16, color: "rgba(253,251,246,0.5)" }) ), /* @__PURE__ */ import_react16.default.createElement( "a", { href: mapsDir, target: "_blank", rel: "noopener noreferrer", className: "flex items-center justify-between rounded-xl px-4 py-3.5 outline-none transition-colors hover:bg-[rgba(251,247,239,0.1)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#F1EA6A]", style: { background: "rgba(251,247,239,0.06)", border: "1px solid rgba(251,247,239,0.14)" }, "data-gufi-src": "components/Contacto.tsx:132" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "flex items-center gap-2.5", style: { fontFamily: T.sans, fontSize: 14, color: "#FDFBF6" }, "data-gufi-src": "components/Contacto.tsx:135" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react8.Navigation, { size: 16, color: T.amberSoft }), " ", t("C\xF3mo llegar a Sarria", "Directions to Sarria")), /* @__PURE__ */ import_react16.default.createElement(import_lucide_react8.ArrowUpRight, { size: 16, color: "rgba(253,251,246,0.5)" }) )))))))); } // virtual:components/Footer.tsx var import_react17 = __toESM(require("react")); var import_lucide_react9 = require("lucide-react"); var link = "py-1 transition-colors duration-200 outline-none hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#F1EA6A] rounded"; function Footer({ onLegal, onNavigate }) { const { t, L } = useLang(); const mapsDir = `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(CONTACT.direccion)}`; return /* @__PURE__ */ import_react17.default.createElement("footer", { style: { background: T.espresso, color: "#EFE7D6", paddingBottom: "env(safe-area-inset-bottom, 0px)" }, "data-gufi-src": "components/Footer.tsx:15" }, /* @__PURE__ */ import_react17.default.createElement("div", { "aria-hidden": "true", style: { height: 2, background: `linear-gradient(90deg, transparent, ${T.stone}, ${T.amber}, ${T.stone}, transparent)`, opacity: 0.5 }, "data-gufi-src": "components/Footer.tsx:17" }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "mx-auto px-6 pt-16 sm:pt-20 pb-28 md:pb-12", style: { maxWidth: 1240 }, "data-gufi-src": "components/Footer.tsx:18" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "grid lg:grid-cols-[1.6fr_1fr_1fr_1.2fr] gap-10 sm:gap-12 lg:gap-8", "data-gufi-src": "components/Footer.tsx:19" }, /* @__PURE__ */ import_react17.default.createElement("div", { "data-gufi-src": "components/Footer.tsx:20" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "mb-5", "data-gufi-src": "components/Footer.tsx:21" }, /* @__PURE__ */ import_react17.default.createElement(OKLogo, { height: 40, ink: "#FBF7EF" })), /* @__PURE__ */ import_react17.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 14.5, lineHeight: 1.65, color: "rgba(239,231,214,0.62)", maxWidth: 330 }, "data-gufi-src": "components/Footer.tsx:24" }, t( `Parking en Sarria y servicios para el Camino de Santiago. Especialistas desde ${BRAND.since}. Tu coche seguro, tu equipaje en destino, tu Camino ligero.`, `Parking in Sarria and services for the Camino de Santiago. Specialists since ${BRAND.since}. Your car safe, your luggage at its destination, your Camino light.` ))), /* @__PURE__ */ import_react17.default.createElement("div", { "data-gufi-src": "components/Footer.tsx:32" }, /* @__PURE__ */ import_react17.default.createElement("h4", { style: { fontFamily: T.sans, fontSize: 12, fontWeight: 700, letterSpacing: "0.14em", textTransform: "uppercase", color: "rgba(239,231,214,0.5)", marginBottom: 16 }, "data-gufi-src": "components/Footer.tsx:33" }, t("Explora", "Explore")), /* @__PURE__ */ import_react17.default.createElement("ul", { className: "flex flex-col gap-2.5", "data-gufi-src": "components/Footer.tsx:34" }, NAV.map((n) => /* @__PURE__ */ import_react17.default.createElement("li", { key: n.id, "data-gufi-src": "components/Footer.tsx:36" }, /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => onNavigate(n.id), className: `group inline-flex items-center gap-1.5 ${link}`, style: { fontFamily: T.sans, fontSize: 14.5, color: "rgba(239,231,214,0.78)" }, "data-gufi-src": "components/Footer.tsx:37" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "inline-block w-0 overflow-hidden transition-all duration-300 group-hover:w-2.5", style: { color: T.amber }, "data-gufi-src": "components/Footer.tsx:38" }, "\u203A"), L(n.label)))))), /* @__PURE__ */ import_react17.default.createElement("div", { "data-gufi-src": "components/Footer.tsx:46" }, /* @__PURE__ */ import_react17.default.createElement("h4", { style: { fontFamily: T.sans, fontSize: 12, fontWeight: 700, letterSpacing: "0.14em", textTransform: "uppercase", color: "rgba(239,231,214,0.5)", marginBottom: 16 }, "data-gufi-src": "components/Footer.tsx:47" }, t("Legal", "Legal")), /* @__PURE__ */ import_react17.default.createElement("ul", { className: "flex flex-col gap-2.5", "data-gufi-src": "components/Footer.tsx:48" }, /* @__PURE__ */ import_react17.default.createElement("li", { "data-gufi-src": "components/Footer.tsx:49" }, /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => onLegal("privacidad"), className: link, style: { fontFamily: T.sans, fontSize: 14.5, color: "rgba(239,231,214,0.78)" }, "data-gufi-src": "components/Footer.tsx:49" }, t("Pol\xEDtica de privacidad", "Privacy policy"))), /* @__PURE__ */ import_react17.default.createElement("li", { "data-gufi-src": "components/Footer.tsx:50" }, /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => onLegal("terminos"), className: link, style: { fontFamily: T.sans, fontSize: 14.5, color: "rgba(239,231,214,0.78)" }, "data-gufi-src": "components/Footer.tsx:50" }, t("T\xE9rminos y condiciones", "Terms & conditions"))))), /* @__PURE__ */ import_react17.default.createElement("div", { "data-gufi-src": "components/Footer.tsx:54" }, /* @__PURE__ */ import_react17.default.createElement("h4", { style: { fontFamily: T.sans, fontSize: 12, fontWeight: 700, letterSpacing: "0.14em", textTransform: "uppercase", color: "rgba(239,231,214,0.5)", marginBottom: 16 }, "data-gufi-src": "components/Footer.tsx:55" }, t("Contacto", "Contact")), /* @__PURE__ */ import_react17.default.createElement("ul", { className: "flex flex-col gap-3", "data-gufi-src": "components/Footer.tsx:56" }, /* @__PURE__ */ import_react17.default.createElement("li", { "data-gufi-src": "components/Footer.tsx:57" }, /* @__PURE__ */ import_react17.default.createElement("a", { href: `tel:+${CONTACT.telPrincipalRaw}`, className: `flex items-center gap-2.5 ${link}`, style: { fontFamily: T.sans, fontSize: 14.5, color: "rgba(239,231,214,0.78)" }, "data-gufi-src": "components/Footer.tsx:57" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react9.Phone, { size: 15, color: T.amberSoft, className: "shrink-0" }), " ", CONTACT.telPrincipal)), /* @__PURE__ */ import_react17.default.createElement("li", { "data-gufi-src": "components/Footer.tsx:58" }, /* @__PURE__ */ import_react17.default.createElement("a", { href: `mailto:${CONTACT.email}`, className: `flex items-center gap-2.5 ${link}`, style: { fontFamily: T.sans, fontSize: 14.5, color: "rgba(239,231,214,0.78)" }, "data-gufi-src": "components/Footer.tsx:58" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react9.Mail, { size: 15, color: T.amberSoft, className: "shrink-0" }), " ", CONTACT.email)), /* @__PURE__ */ import_react17.default.createElement("li", { "data-gufi-src": "components/Footer.tsx:59" }, /* @__PURE__ */ import_react17.default.createElement("a", { href: mapsDir, target: "_blank", rel: "noopener noreferrer", className: `group flex items-start gap-2.5 ${link}`, style: { fontFamily: T.sans, fontSize: 14.5, color: "rgba(239,231,214,0.78)" }, "data-gufi-src": "components/Footer.tsx:60" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react9.MapPin, { size: 15, color: T.amberSoft, className: "mt-0.5 shrink-0" }), /* @__PURE__ */ import_react17.default.createElement("span", { "data-gufi-src": "components/Footer.tsx:62" }, CONTACT.direccion, " ", /* @__PURE__ */ import_react17.default.createElement(import_lucide_react9.ArrowUpRight, { size: 13, className: "inline-block opacity-0 -translate-y-0.5 transition-all duration-200 group-hover:opacity-100 group-hover:translate-y-0" }))))))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "mt-16 pt-7 flex flex-col md:flex-row items-center justify-between gap-3", style: { borderTop: "1px solid rgba(251,247,239,0.12)" }, "data-gufi-src": "components/Footer.tsx:69" }, /* @__PURE__ */ import_react17.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 12.5, color: "rgba(239,231,214,0.5)" }, "data-gufi-src": "components/Footer.tsx:70" }, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " ", BRAND.name, " \xB7 ", BRAND.razonSocial), /* @__PURE__ */ import_react17.default.createElement("p", { className: "inline-flex items-center gap-2", style: { fontFamily: T.sans, fontSize: 12.5, color: "rgba(239,231,214,0.5)" }, "data-gufi-src": "components/Footer.tsx:71" }, /* @__PURE__ */ import_react17.default.createElement(Vieira, { size: 14, color: T.amberSoft }), " Buen Camino \xB7 Sarria \xB7 Lugo \xB7 Galicia")))); } // virtual:components/WhatsAppFab.tsx var import_react18 = __toESM(require("react")); var import_framer_motion10 = require("framer-motion"); var WA_GREEN2 = "#25D366"; function WhatsAppFab() { const { t } = useLang(); const [show, setShow] = (0, import_react18.useState)(false); const reduce = (0, import_framer_motion10.useReducedMotion)(); (0, import_react18.useEffect)(() => { const onScroll = () => { const y = window.scrollY; const nearBottom = y + window.innerHeight > document.documentElement.scrollHeight - 720; setShow(y > 600 && !nearBottom); }; onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return /* @__PURE__ */ import_react18.default.createElement(import_framer_motion10.AnimatePresence, null, show && /* @__PURE__ */ import_react18.default.createElement( import_framer_motion10.motion.div, { className: "fixed z-[80]", style: { right: "calc(20px + env(safe-area-inset-right, 0px))", bottom: "calc(20px + env(safe-area-inset-bottom, 0px))" }, initial: { scale: 0, opacity: 0, y: 8 }, animate: { scale: 1, opacity: 1, y: 0 }, exit: { scale: 0, opacity: 0 }, transition: reduce ? { duration: 0.2 } : { type: "spring", stiffness: 320, damping: 22 } }, !reduce && /* @__PURE__ */ import_react18.default.createElement( import_framer_motion10.motion.span, { "aria-hidden": "true", className: "absolute rounded-full pointer-events-none", style: { inset: 0, background: WA_GREEN2 }, initial: { opacity: 0.32, scale: 1 }, animate: { opacity: 0, scale: 1.65 }, transition: { duration: 2.6, repeat: Infinity, ease: "easeOut" } } ), /* @__PURE__ */ import_react18.default.createElement( "a", { href: wa(t("Hola OK The Way \u{1F44B}, me gustar\xEDa m\xE1s informaci\xF3n sobre vuestros servicios en el Camino.", "Hi OK The Way \u{1F44B}, I\u2019d like more information about your services on the Camino.")), target: "_blank", rel: "noopener noreferrer", "aria-label": t("Escr\xEDbenos por WhatsApp", "Message us on WhatsApp"), className: "relative flex items-center justify-center sm:justify-start gap-2.5 rounded-full h-14 w-14 sm:h-auto sm:w-auto sm:pl-4 sm:pr-5 sm:py-3.5 outline-none transition-transform duration-200 hover:scale-[1.04] active:scale-95 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#181917]", style: { background: WA_GREEN2, color: "#0b3d20", boxShadow: "0 18px 38px -14px rgba(37,211,102,0.75), 0 2px 8px rgba(0,0,0,0.12)", fontFamily: T.sans, fontWeight: 700, fontSize: 14.5 }, "data-gufi-src": "components/WhatsAppFab.tsx:41" }, /* @__PURE__ */ import_react18.default.createElement(WhatsAppGlyph, { size: 24, color: "#0b3d20" }), /* @__PURE__ */ import_react18.default.createElement("span", { className: "hidden sm:inline", "data-gufi-src": "components/WhatsAppFab.tsx:47" }, t("\xBFTe ayudamos?", "Need a hand?")) ) )); } // virtual:components/CartDrawer.tsx var import_react19 = __toESM(require("react")); var import_framer_motion11 = require("framer-motion"); var import_lucide_react10 = require("lucide-react"); function CartDrawer({ gufi, open, onClose }) { const { t, L } = useLang(); const { user } = useAuth(); const { items, total, totalCents, count, setQty, remove } = useCart(); const [step, setStep] = (0, import_react19.useState)("cart"); const [f, setF] = (0, import_react19.useState)({ nombre: "", email: "", telefono: "" }); const [emailTouched, setEmailTouched] = (0, import_react19.useState)(false); const [busy, setBusy] = (0, import_react19.useState)(false); const [err, setErr] = (0, import_react19.useState)(null); const reduce = (0, import_framer_motion11.useReducedMotion)(); const [cuponInput, setCuponInput] = (0, import_react19.useState)(""); const [cuponCodigo, setCuponCodigo] = (0, import_react19.useState)(""); const [cuponInfo, setCuponInfo] = (0, import_react19.useState)(null); const [cuponErr, setCuponErr] = (0, import_react19.useState)(null); const [cuponBusy, setCuponBusy] = (0, import_react19.useState)(false); (0, import_react19.useEffect)(() => { if (!open) return; document.documentElement.style.overflow = "hidden"; const onKey = (e) => { if (e.key === "Escape") onClose(); }; document.addEventListener("keydown", onKey); return () => { document.documentElement.style.overflow = ""; document.removeEventListener("keydown", onKey); }; }, [open, onClose]); (0, import_react19.useEffect)(() => { if (items.length === 0) setStep("cart"); }, [items.length]); (0, import_react19.useEffect)(() => { if (open && user) setF((prev) => ({ nombre: prev.nombre || user.nombre || "", email: prev.email || user.email || "", telefono: prev.telefono || user.telefono || "" })); }, [open, user]); (0, import_react19.useEffect)(() => { let cancelled = false; if (!cuponCodigo || totalCents <= 0) { setCuponInfo(null); return; } setCuponBusy(true); callAutomation(gufi, "validar_cupon", { codigo: cuponCodigo, subtotalCents: totalCents }).then((r) => { if (cancelled) return; if (r?.valid) { setCuponInfo({ descuentoCents: Number(r.descuentoCents) || 0 }); setCuponErr(null); } else { setCuponInfo(null); setCuponCodigo(""); setCuponErr(r?.mensaje || t("C\xF3digo no v\xE1lido.", "Invalid code.")); } }).catch(() => { if (!cancelled) { setCuponInfo(null); setCuponCodigo(""); setCuponErr(t("No hemos podido validar el c\xF3digo. Vuelve a aplicarlo.", "We could not validate the code. Please apply it again.")); } }).finally(() => { if (!cancelled) setCuponBusy(false); }); return () => { cancelled = true; }; }, [cuponCodigo, totalCents, gufi]); const descuento = cuponInfo ? cuponInfo.descuentoCents / 100 : 0; const totalFinal = Math.max(0, total - descuento); const applyCupon = () => { const code = cuponInput.trim().toUpperCase(); setCuponErr(null); if (code) setCuponCodigo(code); }; const clearCupon = () => { setCuponCodigo(""); setCuponInput(""); setCuponInfo(null); setCuponErr(null); }; const validEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f.email); const telOk = f.telefono.replace(/\D/g, "").length >= 6; const canPay = !!f.nombre.trim() && validEmail && telOk; const pay = async () => { setErr(null); if (!f.nombre.trim()) { setErr(t("Indica tu nombre.", "Please enter your name.")); return; } if (!validEmail) { setErr(t("Indica un email v\xE1lido para enviarte la confirmaci\xF3n.", "Please enter a valid email so we can send your confirmation.")); return; } if (!telOk) { setErr(t("Indica un tel\xE9fono de contacto v\xE1lido.", "Please enter a valid contact phone number.")); return; } setBusy(true); try { const order = await callAutomation(gufi, "crear_pedido", { cliente: { nombre: f.nombre, email: f.email, telefono: f.telefono }, items: items.map((i) => ({ producto: i.producto, cantidad: i.cantidad, variante: "", opciones: i.opciones })), cupon: cuponCodigo || void 0, ...user ? { clienteId: user.clienteId, clienteToken: user.token } : {} }); if (!order?.orderId) throw new Error("No se pudo crear el pedido"); try { sessionStorage.setItem("okw_pending_order", JSON.stringify({ id: order.orderId, email: f.email })); } catch { } const base = window.location.origin + window.location.pathname; const res = await runCheckout(gufi, { amount: order.totalCents, currency: "eur", productName: `OK The Way \xB7 Reserva del Camino`, orderId: order.orderId, customerEmail: f.email, successUrl: `${base}?okw_paid=1&session_id={CHECKOUT_SESSION_ID}`, errorUrl: `${base}?okw_cancel=1`, baseUrl: base }); if (res?.url) { window.location.href = res.url; return; } throw new Error("No se recibi\xF3 la URL de pago"); } catch (e) { const msg = String(e?.message || e); if (/not connected|stripe|connect/i.test(msg)) { setErr(t("El pago con tarjeta se est\xE1 activando. Reserva ahora por WhatsApp y lo confirmamos al momento.", "Card payment is being activated. Book now via WhatsApp and we will confirm right away.")); } else { setErr(t("No hemos podido iniciar el pago. Int\xE9ntalo de nuevo o escr\xEDbenos por WhatsApp.", "We could not start the payment. Please try again or message us on WhatsApp.")); } setBusy(false); } }; const waCheckout = wa( `${t("Hola OK The Way \u{1F44B}, quiero reservar:", "Hi OK The Way \u{1F44B}, I would like to book:")} ${items.map((i) => `\xB7 ${i.nombre} x${i.cantidad}`).join("\n")} ${t("Total", "Total")}: ${money(total)} ${t("Nombre", "Name")}: ${f.nombre || "-"} \xB7 Email: ${f.email || "-"}` ); const emailError = emailTouched && f.email.length > 0 && !validEmail; return /* @__PURE__ */ import_react19.default.createElement(import_framer_motion11.AnimatePresence, null, open && /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement( import_framer_motion11.motion.div, { className: "fixed inset-0 z-[100]", style: { background: "rgba(20,17,12,0.5)", backdropFilter: "blur(3px)" }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: onClose } ), /* @__PURE__ */ import_react19.default.createElement( import_framer_motion11.motion.aside, { role: "dialog", "aria-modal": "true", "aria-label": step === "cart" ? t("Tu reserva", "Your booking") : t("Tus datos", "Your details"), className: "fixed inset-y-0 right-0 z-[101] flex flex-col", style: { width: "min(448px, 100vw)", background: T.paper2, boxShadow: "-30px 0 80px -40px rgba(0,0,0,0.5)" }, initial: { x: "100%" }, animate: { x: 0 }, exit: { x: "100%" }, transition: reduce ? { duration: 0.2 } : { type: "spring", stiffness: 320, damping: 36 } }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "shrink-0", style: { borderBottom: `1px solid ${T.line}`, background: T.card, paddingTop: "env(safe-area-inset-top, 0px)" }, "data-gufi-src": "components/CartDrawer.tsx:128" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center justify-between px-5 sm:px-6 py-4 sm:py-5", "data-gufi-src": "components/CartDrawer.tsx:129" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2.5 min-w-0", "data-gufi-src": "components/CartDrawer.tsx:130" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.ShoppingBag, { size: 19, color: T.ink, className: "shrink-0" }), /* @__PURE__ */ import_react19.default.createElement("span", { className: "truncate", style: { fontFamily: T.serif, fontSize: 20, fontWeight: 500, color: T.ink }, "data-gufi-src": "components/CartDrawer.tsx:132" }, step === "cart" ? t("Tu reserva", "Your booking") : t("Tus datos", "Your details"))), /* @__PURE__ */ import_react19.default.createElement("button", { onClick: onClose, "aria-label": t("Cerrar", "Close"), className: "grid place-items-center rounded-full outline-none transition-colors hover:bg-[rgba(33,30,24,0.06)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58] shrink-0", style: { width: 44, height: 44, border: `1px solid ${T.line}` }, "data-gufi-src": "components/CartDrawer.tsx:134" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.X, { size: 18 }))), items.length > 0 && /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2 px-5 sm:px-6 pb-4", "data-gufi-src": "components/CartDrawer.tsx:138" }, /* @__PURE__ */ import_react19.default.createElement(Segment, { label: t("Reserva", "Booking"), n: 1, state: step === "cart" ? "active" : "done" }), /* @__PURE__ */ import_react19.default.createElement("span", { className: "flex-1", style: { height: 2, borderRadius: 2, background: step === "form" ? T.ink : T.line }, "data-gufi-src": "components/CartDrawer.tsx:140" }), /* @__PURE__ */ import_react19.default.createElement(Segment, { label: t("Datos", "Details"), n: 2, state: step === "form" ? "active" : "todo" }), /* @__PURE__ */ import_react19.default.createElement("span", { className: "ml-1 rounded-full px-2.5 py-1", style: { background: T.sand, fontFamily: T.sans, fontSize: 11.5, fontWeight: 700, color: T.stoneDeep, fontVariantNumeric: "tabular-nums" }, "data-gufi-src": "components/CartDrawer.tsx:142" }, count))), items.length === 0 ? /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex-1 flex flex-col items-center justify-center text-center px-8 gap-4", "data-gufi-src": "components/CartDrawer.tsx:148" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "grid place-items-center rounded-full", style: { width: 96, height: 96, background: T.sand }, "data-gufi-src": "components/CartDrawer.tsx:149" }, /* @__PURE__ */ import_react19.default.createElement(Vieira, { size: 48, color: T.stoneDeep })), /* @__PURE__ */ import_react19.default.createElement("p", { style: { fontFamily: T.serif, fontSize: 22, color: T.ink }, "data-gufi-src": "components/CartDrawer.tsx:152" }, t("Tu reserva est\xE1 vac\xEDa", "Your booking is empty")), /* @__PURE__ */ import_react19.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 14.5, lineHeight: 1.55, color: T.muted, maxWidth: 268 }, "data-gufi-src": "components/CartDrawer.tsx:153" }, t("Elige un servicio para empezar tu Camino sin cargas.", "Choose a service to start your Camino without the weight.")), /* @__PURE__ */ import_react19.default.createElement("button", { onClick: onClose, className: "mt-2 rounded-full px-6 py-3 outline-none transition-transform hover:-translate-y-0.5 active:scale-[0.98] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { background: T.ink, color: "#FBF7EF", fontFamily: T.sans, fontSize: 14.5, fontWeight: 600 }, "data-gufi-src": "components/CartDrawer.tsx:154" }, t("Ver servicios", "View services"))) : /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex-1 overflow-y-auto px-5 py-4", style: { WebkitOverflowScrolling: "touch", overscrollBehavior: "contain" }, "data-gufi-src": "components/CartDrawer.tsx:158" }, step === "cart" ? /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col gap-3", "data-gufi-src": "components/CartDrawer.tsx:160" }, /* @__PURE__ */ import_react19.default.createElement(import_framer_motion11.AnimatePresence, { initial: false }, items.map((it) => { const meta = catMeta(it.categoria); return /* @__PURE__ */ import_react19.default.createElement( import_framer_motion11.motion.div, { key: it.key, layout: !reduce, initial: reduce ? false : { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, exit: reduce ? { opacity: 0 } : { opacity: 0, height: 0, marginTop: -12, x: 24 }, transition: { duration: 0.28, ease: T.ease }, className: "rounded-2xl p-4", style: { background: T.card, border: `1px solid ${T.line}`, boxShadow: "0 1px 2px rgba(33,30,24,0.03)" } }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex gap-3.5", "data-gufi-src": "components/CartDrawer.tsx:169" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "grid place-items-center rounded-xl shrink-0", style: { width: 46, height: 46, background: `linear-gradient(135deg, ${meta.from}, ${meta.to})`, boxShadow: `0 8px 18px -10px ${meta.to}` }, "data-gufi-src": "components/CartDrawer.tsx:170" }, /* @__PURE__ */ import_react19.default.createElement(LucideIcon, { name: meta.icon, size: 20, color: "#fff", strokeWidth: 1.6 })), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex-1 min-w-0", "data-gufi-src": "components/CartDrawer.tsx:173" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-start justify-between gap-2", "data-gufi-src": "components/CartDrawer.tsx:174" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "min-w-0", "data-gufi-src": "components/CartDrawer.tsx:175" }, /* @__PURE__ */ import_react19.default.createElement("div", { style: { fontFamily: T.sans, fontSize: 10, fontWeight: 700, letterSpacing: "0.09em", textTransform: "uppercase", color: T.faint }, "data-gufi-src": "components/CartDrawer.tsx:176" }, L(meta.label)), /* @__PURE__ */ import_react19.default.createElement("h4", { style: { fontFamily: T.sans, fontSize: 14.5, fontWeight: 600, color: T.ink, lineHeight: 1.25, marginTop: 1 }, "data-gufi-src": "components/CartDrawer.tsx:177" }, L(it.nombre, it.nombre_en))), /* @__PURE__ */ import_react19.default.createElement("button", { onClick: () => remove(it.key), "aria-label": t("Quitar servicio", "Remove service"), className: "grid place-items-center shrink-0 rounded-lg outline-none transition-colors hover:bg-[rgba(178,58,46,0.08)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[#B23A2E] -mr-1 -mt-1", style: { width: 36, height: 36 }, "data-gufi-src": "components/CartDrawer.tsx:179" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.Trash2, { size: 15, color: T.faint }))), Object.keys(it.opciones || {}).length > 0 && /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-1.5 flex flex-wrap gap-1", "data-gufi-src": "components/CartDrawer.tsx:184" }, Object.entries(it.opciones).slice(0, 4).map(([k, v]) => /* @__PURE__ */ import_react19.default.createElement("span", { key: k, className: "rounded-full px-2 py-0.5", style: { background: T.sand, fontFamily: T.sans, fontSize: 10.5, fontWeight: 500, color: T.stoneDeep }, "data-gufi-src": "components/CartDrawer.tsx:186" }, v))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-2.5 flex items-center justify-between", "data-gufi-src": "components/CartDrawer.tsx:190" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center rounded-full", style: { border: `1px solid ${T.line}`, background: T.paper2 }, "data-gufi-src": "components/CartDrawer.tsx:191" }, /* @__PURE__ */ import_react19.default.createElement("button", { onClick: () => setQty(it.key, it.cantidad - 1), disabled: it.cantidad <= 1, "aria-label": t("Quitar una unidad", "Remove one unit"), className: "grid place-items-center rounded-full outline-none transition-colors hover:bg-[rgba(33,30,24,0.05)] disabled:opacity-30 disabled:hover:bg-transparent focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#8C7A58]", style: { width: 40, height: 40 }, "data-gufi-src": "components/CartDrawer.tsx:192" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.Minus, { size: 13 })), /* @__PURE__ */ import_react19.default.createElement("span", { style: { fontFamily: T.sans, fontWeight: 700, fontSize: 13.5, width: 24, textAlign: "center", fontVariantNumeric: "tabular-nums" }, "data-gufi-src": "components/CartDrawer.tsx:193" }, it.cantidad), /* @__PURE__ */ import_react19.default.createElement("button", { onClick: () => setQty(it.key, it.cantidad + 1), disabled: it.cantidad >= 20, "aria-label": t("A\xF1adir una unidad", "Add one unit"), className: "grid place-items-center rounded-full outline-none transition-colors hover:bg-[rgba(33,30,24,0.05)] disabled:opacity-30 disabled:hover:bg-transparent focus-visible:outline focus-visible:outline-2 focus-visible:outline-[#8C7A58]", style: { width: 40, height: 40 }, "data-gufi-src": "components/CartDrawer.tsx:194" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.Plus, { size: 13 }))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-right", "data-gufi-src": "components/CartDrawer.tsx:196" }, it.cantidad > 1 && /* @__PURE__ */ import_react19.default.createElement("div", { style: { fontFamily: T.sans, fontSize: 11, color: T.faint, fontVariantNumeric: "tabular-nums" }, "data-gufi-src": "components/CartDrawer.tsx:197" }, it.cantidad, " \xD7 ", money(it.precio)), /* @__PURE__ */ import_react19.default.createElement("span", { style: { fontFamily: T.serif, fontSize: 17, fontWeight: 500, color: T.ink, fontVariantNumeric: "tabular-nums" }, "data-gufi-src": "components/CartDrawer.tsx:198" }, money(it.precio * it.cantidad)))))) ); })), /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-1 flex flex-wrap items-center gap-x-4 gap-y-2 px-1", "data-gufi-src": "components/CartDrawer.tsx:209" }, [t("Confirmaci\xF3n inmediata", "Instant confirmation"), t("Sin l\xEDmite de d\xEDas", "No day limit"), t("Recinto vigilado", "Guarded facility")].map((label) => /* @__PURE__ */ import_react19.default.createElement("span", { key: label, className: "inline-flex items-center gap-1.5", style: { fontFamily: T.sans, fontSize: 11.5, color: T.muted }, "data-gufi-src": "components/CartDrawer.tsx:211" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.Check, { size: 13, color: T.forest }), " ", label)))) : /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col gap-3.5 pt-1", "data-gufi-src": "components/CartDrawer.tsx:218" }, /* @__PURE__ */ import_react19.default.createElement(Field, { label: t("Nombre y apellidos", "Full name"), value: f.nombre, onChange: (v) => setF({ ...f, nombre: v }), placeholder: t("Tu nombre", "Your name"), autoFocus: true, required: true }), /* @__PURE__ */ import_react19.default.createElement( Field, { label: t("Email", "Email"), value: f.email, onChange: (v) => setF({ ...f, email: v }), onBlur: () => setEmailTouched(true), placeholder: t("tucorreo@email.com", "youremail@email.com"), type: "email", required: true, error: emailError ? t("Revisa el formato de tu email.", "Please check your email format.") : void 0, hint: emailError ? void 0 : t("Te enviaremos la confirmaci\xF3n de tu reserva aqu\xED.", "We will send your booking confirmation here.") } ), /* @__PURE__ */ import_react19.default.createElement(Field, { label: t("Tel\xE9fono", "Phone"), value: f.telefono, onChange: (v) => setF({ ...f, telefono: v }), placeholder: "+34 \u2026", type: "tel", required: true }), /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-1 rounded-xl p-3.5 flex items-start gap-2.5", style: { background: "rgba(60,69,53,0.08)", border: "1px solid rgba(60,69,53,0.12)" }, "data-gufi-src": "components/CartDrawer.tsx:223" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.ShieldCheck, { size: 16, color: T.forest, className: "mt-0.5 shrink-0" }), /* @__PURE__ */ import_react19.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 12.5, lineHeight: 1.5, color: T.ink2 }, "data-gufi-src": "components/CartDrawer.tsx:225" }, t("Pago 100% seguro con tarjeta a trav\xE9s de Stripe. No guardamos los datos de tu tarjeta.", "100% secure card payment through Stripe. We never store your card details."))))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "shrink-0 px-5 pt-4", style: { borderTop: `1px solid ${T.line}`, background: T.card, paddingBottom: "calc(20px + env(safe-area-inset-bottom, 0px))" }, "data-gufi-src": "components/CartDrawer.tsx:232" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "mb-3", "data-gufi-src": "components/CartDrawer.tsx:234" }, cuponInfo ? /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center justify-between rounded-xl px-3 py-2.5", style: { background: "rgba(60,69,53,0.08)", border: "1px solid rgba(60,69,53,0.2)" }, "data-gufi-src": "components/CartDrawer.tsx:236" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "flex items-center gap-1.5", style: { fontFamily: T.sans, fontSize: 13, fontWeight: 700, color: T.forest }, "data-gufi-src": "components/CartDrawer.tsx:237" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.Check, { size: 15 }), " ", cuponCodigo), /* @__PURE__ */ import_react19.default.createElement("button", { onClick: clearCupon, className: "outline-none rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { fontFamily: T.sans, fontSize: 12.5, color: T.muted }, "data-gufi-src": "components/CartDrawer.tsx:238" }, t("Quitar", "Remove"))) : /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex gap-2", "data-gufi-src": "components/CartDrawer.tsx:241" }, /* @__PURE__ */ import_react19.default.createElement( "input", { value: cuponInput, onChange: (e) => setCuponInput(e.target.value), onKeyDown: (e) => { if (e.key === "Enter") applyCupon(); }, placeholder: t("C\xF3digo de descuento", "Discount code"), "aria-label": t("C\xF3digo de descuento", "Discount code"), className: "flex-1 rounded-xl px-3.5 outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[#8C7A58]", style: { background: T.paper2, border: `1px solid ${T.line}`, fontFamily: T.sans, fontSize: 16, color: T.ink, minHeight: 44, textTransform: "uppercase" }, "data-gufi-src": "components/CartDrawer.tsx:242" } ), /* @__PURE__ */ import_react19.default.createElement( "button", { onClick: applyCupon, disabled: cuponBusy || !cuponInput.trim(), className: "rounded-xl px-4 outline-none transition-opacity disabled:opacity-40 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { background: T.sand, color: T.stoneDeep, fontFamily: T.sans, fontSize: 13.5, fontWeight: 700, minHeight: 44 }, "data-gufi-src": "components/CartDrawer.tsx:246" }, cuponBusy ? "\u2026" : t("Aplicar", "Apply") )), cuponErr && /* @__PURE__ */ import_react19.default.createElement("p", { className: "mt-1.5", style: { fontFamily: T.sans, fontSize: 12, color: T.terra }, "data-gufi-src": "components/CartDrawer.tsx:252" }, cuponErr)), cuponInfo && /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col gap-1 mb-2", style: { fontFamily: T.sans, fontSize: 13.5, color: T.muted }, "data-gufi-src": "components/CartDrawer.tsx:256" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex justify-between", "data-gufi-src": "components/CartDrawer.tsx:257" }, /* @__PURE__ */ import_react19.default.createElement("span", { "data-gufi-src": "components/CartDrawer.tsx:257" }, t("Subtotal", "Subtotal")), /* @__PURE__ */ import_react19.default.createElement("span", { className: "tabular-nums", "data-gufi-src": "components/CartDrawer.tsx:257" }, money(total))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex justify-between", style: { color: T.forest }, "data-gufi-src": "components/CartDrawer.tsx:258" }, /* @__PURE__ */ import_react19.default.createElement("span", { "data-gufi-src": "components/CartDrawer.tsx:258" }, t("Descuento", "Discount"), " \xB7 ", cuponCodigo), /* @__PURE__ */ import_react19.default.createElement("span", { className: "tabular-nums", "data-gufi-src": "components/CartDrawer.tsx:258" }, "\u2212", money(descuento)))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-end justify-between mb-3", "data-gufi-src": "components/CartDrawer.tsx:261" }, /* @__PURE__ */ import_react19.default.createElement("div", { "data-gufi-src": "components/CartDrawer.tsx:262" }, /* @__PURE__ */ import_react19.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 14, color: T.muted }, "data-gufi-src": "components/CartDrawer.tsx:263" }, t("Total", "Total")), /* @__PURE__ */ import_react19.default.createElement("span", { className: "ml-2", style: { fontFamily: T.sans, fontSize: 11.5, color: T.faint }, "data-gufi-src": "components/CartDrawer.tsx:264" }, t("IVA incluido", "VAT included"))), /* @__PURE__ */ import_react19.default.createElement("span", { style: { fontFamily: T.serif, fontSize: 26, fontWeight: 500, color: T.ink, fontVariantNumeric: "tabular-nums" }, "data-gufi-src": "components/CartDrawer.tsx:266" }, money(totalFinal))), err && /* @__PURE__ */ import_react19.default.createElement(import_framer_motion11.motion.div, { initial: { opacity: 0, y: -4 }, animate: { opacity: 1, y: 0 }, className: "mb-3 rounded-xl p-3", style: { background: "rgba(178,58,46,0.08)", border: `1px solid rgba(178,58,46,0.2)` } }, /* @__PURE__ */ import_react19.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 12.5, color: T.terra, lineHeight: 1.45 }, "data-gufi-src": "components/CartDrawer.tsx:271" }, err), /* @__PURE__ */ import_react19.default.createElement("a", { href: waCheckout, target: "_blank", rel: "noopener noreferrer", className: "mt-2 inline-flex items-center gap-1.5 outline-none rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#0b6b34]", style: { fontFamily: T.sans, fontSize: 12.5, fontWeight: 700, color: "#0b6b34" }, "data-gufi-src": "components/CartDrawer.tsx:272" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.MessageCircle, { size: 13 }), " ", t("Reservar por WhatsApp", "Book via WhatsApp"))), step === "cart" ? /* @__PURE__ */ import_react19.default.createElement( "button", { onClick: () => setStep("form"), className: "w-full inline-flex items-center justify-center gap-2 rounded-full py-3.5 outline-none transition-transform hover:-translate-y-0.5 active:scale-[0.98] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { background: T.ink, color: "#FBF7EF", fontFamily: T.sans, fontSize: 15.5, fontWeight: 600, boxShadow: "0 14px 30px -16px rgba(33,30,24,0.8)" }, "data-gufi-src": "components/CartDrawer.tsx:279" }, t("Continuar", "Continue"), " ", /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.ArrowRight, { size: 17 }) ) : /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col gap-2", "data-gufi-src": "components/CartDrawer.tsx:284" }, /* @__PURE__ */ import_react19.default.createElement( "button", { onClick: pay, disabled: busy || !canPay, className: "w-full inline-flex items-center justify-center gap-2 rounded-full py-3.5 outline-none transition-transform hover:-translate-y-0.5 active:scale-[0.98] disabled:opacity-70 disabled:hover:translate-y-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { background: T.ink, color: "#FBF7EF", fontFamily: T.sans, fontSize: 15.5, fontWeight: 600, boxShadow: "0 14px 30px -16px rgba(33,30,24,0.8)" }, "data-gufi-src": "components/CartDrawer.tsx:285" }, busy ? /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(import_framer_motion11.motion.span, { "aria-hidden": true, animate: reduce ? {} : { rotate: 360 }, transition: { duration: 0.9, repeat: Infinity, ease: "linear" }, style: { width: 15, height: 15, borderRadius: "50%", border: "2px solid rgba(251,247,239,0.35)", borderTopColor: "#FBF7EF" } }), " ", t("Redirigiendo a Stripe\u2026", "Redirecting to Stripe\u2026")) : /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.Lock, { size: 16 }), " ", t("Pagar", "Pay"), " ", money(totalFinal)) ), /* @__PURE__ */ import_react19.default.createElement("button", { onClick: () => setStep("cart"), className: "w-full inline-flex items-center justify-center gap-1.5 py-3 outline-none rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { fontFamily: T.sans, fontSize: 13.5, color: T.muted }, "data-gufi-src": "components/CartDrawer.tsx:293" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.ArrowLeft, { size: 14 }), " ", t("Volver a la reserva", "Back to booking"))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "mt-3 flex items-center justify-center gap-3 opacity-80", "data-gufi-src": "components/CartDrawer.tsx:299" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "inline-flex items-center gap-1.5", style: { fontFamily: T.sans, fontSize: 11, color: T.faint }, "data-gufi-src": "components/CartDrawer.tsx:300" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.Lock, { size: 11 }), " ", t("Pago seguro", "Secure payment")), /* @__PURE__ */ import_react19.default.createElement("span", { style: { width: 3, height: 3, borderRadius: "50%", background: T.faint }, "data-gufi-src": "components/CartDrawer.tsx:301" }), /* @__PURE__ */ import_react19.default.createElement("span", { className: "inline-flex items-center gap-1.5", style: { fontFamily: T.sans, fontSize: 11, color: T.faint }, "data-gufi-src": "components/CartDrawer.tsx:302" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.CreditCard, { size: 12 }), " Stripe")))) ))); } function Segment({ label, n, state: state3 }) { const active = state3 === "active"; const done = state3 === "done"; return /* @__PURE__ */ import_react19.default.createElement("span", { className: "inline-flex items-center gap-1.5", "data-gufi-src": "components/CartDrawer.tsx:318" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "grid place-items-center rounded-full transition-colors", style: { width: 20, height: 20, background: active || done ? T.ink : T.sand, color: active || done ? "#FBF7EF" : T.stoneDeep, fontFamily: T.sans, fontSize: 11, fontWeight: 700 }, "data-gufi-src": "components/CartDrawer.tsx:319" }, done ? /* @__PURE__ */ import_react19.default.createElement(import_lucide_react10.Check, { size: 12 }) : n), /* @__PURE__ */ import_react19.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 12.5, fontWeight: active ? 700 : 500, color: active ? T.ink : T.muted }, "data-gufi-src": "components/CartDrawer.tsx:322" }, label)); } function Field({ label, value, onChange, onBlur, placeholder, type = "text", hint, error, autoFocus, required }) { const [focused, setFocused] = (0, import_react19.useState)(false); const border = error ? T.terra : focused ? T.stone : T.line; const ring = error ? "rgba(178,58,46,0.14)" : focused ? "rgba(140,122,88,0.16)" : "transparent"; return /* @__PURE__ */ import_react19.default.createElement("div", { "data-gufi-src": "components/CartDrawer.tsx:332" }, /* @__PURE__ */ import_react19.default.createElement("label", { style: { fontFamily: T.sans, fontSize: 12.5, fontWeight: 600, color: T.ink2, display: "block", marginBottom: 5 }, "data-gufi-src": "components/CartDrawer.tsx:333" }, label, required && /* @__PURE__ */ import_react19.default.createElement("span", { "aria-hidden": "true", style: { color: T.terra }, "data-gufi-src": "components/CartDrawer.tsx:333" }, " *")), /* @__PURE__ */ import_react19.default.createElement( "input", { type, value, placeholder, autoFocus, required, onChange: (e) => onChange(e.target.value), onFocus: () => setFocused(true), onBlur: () => { setFocused(false); onBlur?.(); }, "aria-invalid": !!error, className: "w-full outline-none", style: { background: T.paper2, border: `1px solid ${border}`, boxShadow: `0 0 0 3px ${ring}`, borderRadius: 12, padding: "13px 14px", fontFamily: T.sans, fontSize: 16, lineHeight: 1.35, minHeight: 48, color: T.ink, transition: "border-color .2s, box-shadow .2s" }, "data-gufi-src": "components/CartDrawer.tsx:334" } ), error ? /* @__PURE__ */ import_react19.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 11.5, color: T.terra, marginTop: 5 }, "data-gufi-src": "components/CartDrawer.tsx:343" }, error) : hint ? /* @__PURE__ */ import_react19.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 11.5, color: T.faint, marginTop: 5 }, "data-gufi-src": "components/CartDrawer.tsx:344" }, hint) : null); } // virtual:components/Account.tsx var import_react20 = __toESM(require("react")); var import_framer_motion12 = require("framer-motion"); var import_lucide_react11 = require("lucide-react"); var estColor = { pagado: "#3C4535", pendiente: "#B8860B", cancelado: "#B23A2E" }; function Account({ gufi, open, onClose, resetToken, onResetDone }) { const { user, setUser, logout } = useAuth(); const { t, lang: lang2 } = useLang(); const reduce = (0, import_framer_motion12.useReducedMotion)(); const [mode, setMode] = (0, import_react20.useState)("login"); const [f, setF] = (0, import_react20.useState)({ nombre: "", email: "", telefono: "", password: "" }); const [busy, setBusy] = (0, import_react20.useState)(false); const [err, setErr] = (0, import_react20.useState)(null); const [notice, setNotice] = (0, import_react20.useState)(null); (0, import_react20.useEffect)(() => { if (open && resetToken && !user) setMode("reset"); }, [open, resetToken, user]); const [orders, setOrders] = (0, import_react20.useState)(null); const [loadingOrders, setLoadingOrders] = (0, import_react20.useState)(false); const [payingId, setPayingId] = (0, import_react20.useState)(null); const estLabel = (e) => e === "pagado" ? t("Pagado", "Paid") : e === "pendiente" ? t("Pago no completado", "Payment not completed") : e === "cancelado" ? t("Cancelado", "Cancelled") : e; const retryPay = async (p) => { if (!user) return; setErr(null); setPayingId(p.id); try { const base = window.location.origin + window.location.pathname; try { sessionStorage.setItem("okw_pending_order", JSON.stringify({ id: p.id, email: user.email })); } catch { } const res = await runCheckout(gufi, { amount: Math.round(Number(p.total) * 100), currency: "eur", productName: "OK The Way \xB7 Reserva del Camino", orderId: p.id, customerEmail: user.email, successUrl: `${base}?okw_paid=1&session_id={CHECKOUT_SESSION_ID}`, errorUrl: `${base}?okw_cancel=1`, baseUrl: base }); if (res?.url) { window.location.href = res.url; return; } throw new Error("no url"); } catch { setErr(t("No hemos podido iniciar el pago. Int\xE9ntalo de nuevo.", "We could not start the payment. Please try again.")); setPayingId(null); } }; (0, import_react20.useEffect)(() => { if (!open) return; document.documentElement.style.overflow = "hidden"; const onKey = (e) => { if (e.key === "Escape") onClose(); }; document.addEventListener("keydown", onKey); return () => { document.documentElement.style.overflow = ""; document.removeEventListener("keydown", onKey); }; }, [open, onClose]); const loadOrders = (0, import_react20.useCallback)(async () => { if (!user) return; setLoadingOrders(true); try { const r = await callAutomation(gufi, "mis_pedidos", { clienteId: user.clienteId, token: user.token }); setOrders(r?.ok ? r.pedidos || [] : []); } catch { setOrders([]); } finally { setLoadingOrders(false); } }, [gufi, user]); (0, import_react20.useEffect)(() => { if (open && user) loadOrders(); }, [open, user, loadOrders]); const submit = async (e) => { e.preventDefault(); setErr(null); setNotice(null); const email = f.email.trim().toLowerCase(); if (mode !== "reset" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) { setErr(t("Introduce un email v\xE1lido.", "Enter a valid email.")); return; } if (mode !== "forgot" && f.password.length < 6) { setErr(t("La contrase\xF1a debe tener al menos 6 caracteres.", "Password must be at least 6 characters.")); return; } if (mode === "register" && !f.nombre.trim()) { setErr(t("Introduce tu nombre.", "Enter your name.")); return; } if (mode === "register" && f.telefono.replace(/\D/g, "").length < 6) { setErr(t("Introduce un tel\xE9fono m\xF3vil v\xE1lido.", "Enter a valid mobile phone number.")); return; } setBusy(true); try { if (mode === "forgot") { const r2 = await callAutomation(gufi, "recuperar_password", { email }); setNotice(r2?.mensaje || t("Si existe una cuenta con ese email, te hemos enviado un enlace para restablecer la contrase\xF1a.", "If an account exists for that email, we have sent you a link to reset your password.")); return; } if (mode === "reset") { const r2 = await callAutomation(gufi, "reset_password", { token: resetToken || "", password: f.password }); if (!r2?.ok) { setErr(r2?.mensaje || t("El enlace no es v\xE1lido o ha caducado. Solicita uno nuevo.", "The link is invalid or has expired. Please request a new one.")); return; } setUser({ clienteId: r2.clienteId, nombre: r2.nombre, email: r2.email, telefono: r2.telefono, direccion: r2.direccion, codigo_postal: r2.codigo_postal, ciudad: r2.ciudad, token: r2.token }); setF({ nombre: "", email: "", telefono: "", password: "" }); setMode("login"); onResetDone?.(); return; } const name = mode === "register" ? "registro_cliente" : "login_cliente"; const payload = mode === "register" ? { email, password: f.password, nombre: f.nombre.trim(), telefono: f.telefono.trim() } : { email, password: f.password }; const r = await callAutomation(gufi, name, payload); if (!r?.ok) { setErr(r?.mensaje || t("No ha sido posible. Revisa los datos.", "Something went wrong. Check your details.")); return; } setUser({ clienteId: r.clienteId, nombre: r.nombre, email: r.email, telefono: r.telefono, direccion: r.direccion, codigo_postal: r.codigo_postal, ciudad: r.ciudad, token: r.token }); setF({ nombre: "", email: "", telefono: "", password: "" }); } catch { setErr(t("No hemos podido conectar. Int\xE9ntalo de nuevo.", "Could not connect. Please try again.")); } finally { setBusy(false); } }; const inputStyle = { width: "100%", minHeight: 48, background: T.paper2, border: `1px solid ${T.line}`, borderRadius: 12, padding: "12px 14px", fontFamily: T.sans, fontSize: 16, color: T.ink, outline: "none" }; return /* @__PURE__ */ import_react20.default.createElement(import_framer_motion12.AnimatePresence, null, open && /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement( import_framer_motion12.motion.div, { className: "fixed inset-0 z-[100]", style: { background: "rgba(20,17,12,0.5)", backdropFilter: "blur(3px)" }, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: onClose } ), /* @__PURE__ */ import_react20.default.createElement( import_framer_motion12.motion.aside, { role: "dialog", "aria-modal": "true", "aria-label": t("Tu cuenta", "Your account"), className: "fixed inset-y-0 right-0 z-[101] flex flex-col", style: { width: "min(448px, 100vw)", background: T.paper2, boxShadow: "-30px 0 80px -40px rgba(0,0,0,0.5)" }, initial: { x: "100%" }, animate: { x: 0 }, exit: { x: "100%" }, transition: reduce ? { duration: 0.2 } : { type: "spring", stiffness: 320, damping: 36 } }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "shrink-0 flex items-center justify-between px-5 sm:px-6 py-4 sm:py-5", style: { borderBottom: `1px solid ${T.line}`, background: T.card, paddingTop: "calc(env(safe-area-inset-top, 0px) + 16px)" }, "data-gufi-src": "components/Account.tsx:128" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2.5 min-w-0", "data-gufi-src": "components/Account.tsx:129" }, /* @__PURE__ */ import_react20.default.createElement(import_lucide_react11.User, { size: 19, color: T.ink, className: "shrink-0" }), /* @__PURE__ */ import_react20.default.createElement("span", { className: "truncate", style: { fontFamily: T.serif, fontSize: 20, fontWeight: 500, color: T.ink }, "data-gufi-src": "components/Account.tsx:131" }, user ? t("Tu cuenta", "Your account") : mode === "login" ? t("Iniciar sesi\xF3n", "Sign in") : mode === "register" ? t("Crear cuenta", "Create account") : mode === "forgot" ? t("Recuperar contrase\xF1a", "Reset password") : t("Nueva contrase\xF1a", "New password"))), /* @__PURE__ */ import_react20.default.createElement("button", { onClick: onClose, "aria-label": t("Cerrar", "Close"), className: "grid place-items-center rounded-full shrink-0 outline-none transition-colors hover:bg-[rgba(33,30,24,0.06)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { width: 44, height: 44, border: `1px solid ${T.line}` }, "data-gufi-src": "components/Account.tsx:133" }, /* @__PURE__ */ import_react20.default.createElement(import_lucide_react11.X, { size: 18 }))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex-1 min-h-0 overflow-y-auto px-5 sm:px-6 py-5", style: { overscrollBehavior: "contain" }, "data-gufi-src": "components/Account.tsx:136" }, !user ? /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, (mode === "login" || mode === "register") && /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex gap-1 p-1 rounded-full mb-5", style: { background: T.sand }, "data-gufi-src": "components/Account.tsx:141" }, ["login", "register"].map((mo) => /* @__PURE__ */ import_react20.default.createElement("button", { key: mo, onClick: () => { setMode(mo); setErr(null); setNotice(null); }, className: "flex-1 rounded-full outline-none", style: { minHeight: 40, fontFamily: T.sans, fontSize: 13.5, fontWeight: 700, color: mode === mo ? "#FBF7EF" : T.stoneDeep, background: mode === mo ? T.ink : "transparent" }, "data-gufi-src": "components/Account.tsx:143" }, mo === "login" ? t("Entrar", "Sign in") : t("Registrarme", "Register")))), mode === "forgot" && /* @__PURE__ */ import_react20.default.createElement("p", { className: "mb-4", style: { fontFamily: T.sans, fontSize: 13.5, lineHeight: 1.55, color: T.muted }, "data-gufi-src": "components/Account.tsx:150" }, t("Dinos tu email y te enviaremos un enlace para crear una contrase\xF1a nueva.", "Tell us your email and we will send you a link to create a new password.")), mode === "reset" && /* @__PURE__ */ import_react20.default.createElement("p", { className: "mb-4", style: { fontFamily: T.sans, fontSize: 13.5, lineHeight: 1.55, color: T.muted }, "data-gufi-src": "components/Account.tsx:153" }, t("Elige tu nueva contrase\xF1a (m\xEDnimo 6 caracteres).", "Choose your new password (at least 6 characters).")), /* @__PURE__ */ import_react20.default.createElement("form", { onSubmit: submit, className: "flex flex-col gap-3", "data-gufi-src": "components/Account.tsx:155" }, mode === "register" && /* @__PURE__ */ import_react20.default.createElement("input", { value: f.nombre, onChange: (e) => setF({ ...f, nombre: e.target.value }), placeholder: t("Nombre y apellidos", "Full name"), "aria-label": t("Nombre", "Name"), style: inputStyle, "data-gufi-src": "components/Account.tsx:157" }), mode !== "reset" && /* @__PURE__ */ import_react20.default.createElement("input", { type: "email", value: f.email, onChange: (e) => setF({ ...f, email: e.target.value }), placeholder: t("Tu email", "Your email"), "aria-label": "Email", autoComplete: "email", style: inputStyle, "data-gufi-src": "components/Account.tsx:160" }), mode === "register" && /* @__PURE__ */ import_react20.default.createElement("input", { value: f.telefono, onChange: (e) => setF({ ...f, telefono: e.target.value }), placeholder: t("Tel\xE9fono m\xF3vil", "Mobile phone"), "aria-label": t("Tel\xE9fono m\xF3vil", "Mobile phone"), type: "tel", required: true, style: inputStyle, "data-gufi-src": "components/Account.tsx:163" }), mode !== "forgot" && /* @__PURE__ */ import_react20.default.createElement("input", { type: "password", value: f.password, onChange: (e) => setF({ ...f, password: e.target.value }), placeholder: mode === "reset" ? t("Nueva contrase\xF1a", "New password") : t("Contrase\xF1a", "Password"), "aria-label": t("Contrase\xF1a", "Password"), autoComplete: mode === "login" ? "current-password" : "new-password", style: inputStyle, "data-gufi-src": "components/Account.tsx:166" }), err && /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 13, color: T.terra }, "data-gufi-src": "components/Account.tsx:168" }, err), notice && /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 13, lineHeight: 1.5, color: T.forest }, "data-gufi-src": "components/Account.tsx:169" }, notice), /* @__PURE__ */ import_react20.default.createElement("button", { type: "submit", disabled: busy, className: "mt-1 inline-flex items-center justify-center gap-2 rounded-full outline-none transition-transform active:scale-[0.98] disabled:opacity-70 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { minHeight: 50, background: T.ink, color: "#FBF7EF", fontFamily: T.sans, fontSize: 15.5, fontWeight: 600 }, "data-gufi-src": "components/Account.tsx:170" }, /* @__PURE__ */ import_react20.default.createElement(import_lucide_react11.Lock, { size: 16 }), " ", busy ? t("Un momento\u2026", "One moment\u2026") : mode === "login" ? t("Iniciar sesi\xF3n", "Sign in") : mode === "register" ? t("Crear mi cuenta", "Create account") : mode === "forgot" ? t("Enviarme el enlace", "Send me the link") : t("Guardar contrase\xF1a", "Save password"))), mode === "login" && /* @__PURE__ */ import_react20.default.createElement("button", { onClick: () => { setMode("forgot"); setErr(null); setNotice(null); }, className: "mt-3 w-full text-center outline-none rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { fontFamily: T.sans, fontSize: 13, color: T.stoneDeep, textDecoration: "underline", textUnderlineOffset: 3 }, "data-gufi-src": "components/Account.tsx:175" }, t("\xBFHas olvidado tu contrase\xF1a?", "Forgot your password?")), (mode === "forgot" || mode === "reset") && /* @__PURE__ */ import_react20.default.createElement("button", { onClick: () => { setMode("login"); setErr(null); setNotice(null); }, className: "mt-3 w-full text-center outline-none rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { fontFamily: T.sans, fontSize: 13, color: T.muted }, "data-gufi-src": "components/Account.tsx:180" }, "\u2190 ", t("Volver a iniciar sesi\xF3n", "Back to sign in")), (mode === "login" || mode === "register") && /* @__PURE__ */ import_react20.default.createElement("p", { className: "mt-4 text-center", style: { fontFamily: T.sans, fontSize: 12.5, color: T.muted }, "data-gufi-src": "components/Account.tsx:185" }, t("Guarda tus datos y consulta tus reservas del Camino cuando quieras.", "Save your details and check your Camino bookings anytime."))) : /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-3 mb-5", "data-gufi-src": "components/Account.tsx:190" }, /* @__PURE__ */ import_react20.default.createElement("span", { className: "grid place-items-center rounded-full shrink-0", style: { width: 52, height: 52, background: T.sand }, "data-gufi-src": "components/Account.tsx:191" }, /* @__PURE__ */ import_react20.default.createElement(Vieira, { size: 26, color: T.terra })), /* @__PURE__ */ import_react20.default.createElement("div", { className: "min-w-0", "data-gufi-src": "components/Account.tsx:192" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "truncate", style: { fontFamily: T.serif, fontSize: 21, fontWeight: 500, color: T.ink }, "data-gufi-src": "components/Account.tsx:193" }, t("Hola", "Hi"), ", ", (user.nombre || "").split(" ")[0]), /* @__PURE__ */ import_react20.default.createElement("div", { className: "truncate flex items-center gap-1.5", style: { fontFamily: T.sans, fontSize: 13, color: T.muted }, "data-gufi-src": "components/Account.tsx:194" }, /* @__PURE__ */ import_react20.default.createElement(import_lucide_react11.Mail, { size: 13 }), " ", user.email))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2 mb-3", "data-gufi-src": "components/Account.tsx:198" }, /* @__PURE__ */ import_react20.default.createElement(import_lucide_react11.Package, { size: 16, color: T.stoneDeep }), /* @__PURE__ */ import_react20.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 13, fontWeight: 700, letterSpacing: "0.06em", textTransform: "uppercase", color: T.ink }, "data-gufi-src": "components/Account.tsx:198" }, t("Mis reservas", "My bookings"))), err && /* @__PURE__ */ import_react20.default.createElement("p", { className: "mb-3", style: { fontFamily: T.sans, fontSize: 13, color: T.terra }, "data-gufi-src": "components/Account.tsx:199" }, err), loadingOrders ? /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col gap-2", "data-gufi-src": "components/Account.tsx:201" }, [0, 1].map((i) => /* @__PURE__ */ import_react20.default.createElement("div", { key: i, className: "rounded-2xl animate-pulse", style: { height: 78, background: "rgba(33,30,24,0.05)" }, "data-gufi-src": "components/Account.tsx:201" }))) : orders && orders.length > 0 ? /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col gap-2.5", "data-gufi-src": "components/Account.tsx:203" }, orders.map((p) => /* @__PURE__ */ import_react20.default.createElement("div", { key: p.id, className: "rounded-2xl p-4", style: { background: T.card, border: `1px solid ${T.line}` }, "data-gufi-src": "components/Account.tsx:205" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-between gap-2", "data-gufi-src": "components/Account.tsx:206" }, /* @__PURE__ */ import_react20.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 13.5, fontWeight: 700, color: T.ink }, "data-gufi-src": "components/Account.tsx:207" }, "#", p.id), /* @__PURE__ */ import_react20.default.createElement("span", { className: "rounded-full px-2.5 py-0.5", style: { fontFamily: T.sans, fontSize: 11, fontWeight: 700, color: estColor[p.estado] || T.muted, background: "rgba(33,30,24,0.05)" }, "data-gufi-src": "components/Account.tsx:208" }, estLabel(p.estado))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "mt-1.5", style: { fontFamily: T.sans, fontSize: 12.5, color: T.muted }, "data-gufi-src": "components/Account.tsx:210" }, (p.lineas || []).map((l, i) => /* @__PURE__ */ import_react20.default.createElement("div", { key: i, className: "truncate", "data-gufi-src": "components/Account.tsx:211" }, l.nombre_producto, Number(l.cantidad) > 1 ? ` \xD7 ${l.cantidad}` : ""))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "mt-2 text-right", style: { fontFamily: T.serif, fontSize: 16, fontWeight: 500, color: T.ink }, "data-gufi-src": "components/Account.tsx:213" }, money(p.total)), p.estado === "pendiente" && /* @__PURE__ */ import_react20.default.createElement( "button", { onClick: () => retryPay(p), disabled: payingId === p.id, className: "mt-3 w-full inline-flex items-center justify-center gap-2 rounded-full py-2.5 outline-none transition-transform active:scale-[0.98] disabled:opacity-70 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { background: T.ink, color: "#FBF7EF", fontFamily: T.sans, fontSize: 13.5, fontWeight: 600 }, "data-gufi-src": "components/Account.tsx:215" }, /* @__PURE__ */ import_react20.default.createElement(import_lucide_react11.RefreshCw, { size: 14 }), " ", payingId === p.id ? t("Redirigiendo a Stripe\u2026", "Redirecting to Stripe\u2026") : t("Reintentar pago", "Retry payment") )))) : /* @__PURE__ */ import_react20.default.createElement("div", { className: "rounded-2xl p-6 text-center", style: { background: T.card, border: `1px dashed ${T.line}` }, "data-gufi-src": "components/Account.tsx:225" }, /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 14, color: T.muted }, "data-gufi-src": "components/Account.tsx:226" }, t("Todav\xEDa no tienes reservas.", "You don't have any bookings yet.")), /* @__PURE__ */ import_react20.default.createElement("button", { onClick: onClose, className: "mt-3 rounded-full px-5 py-2.5 inline-flex items-center gap-2", style: { background: T.ink, color: "#FBF7EF", fontFamily: T.sans, fontSize: 13.5, fontWeight: 600 }, "data-gufi-src": "components/Account.tsx:227" }, t("Explorar servicios", "Explore services"), " ", /* @__PURE__ */ import_react20.default.createElement(import_lucide_react11.ArrowRight, { size: 14 }))))), user && /* @__PURE__ */ import_react20.default.createElement("div", { className: "shrink-0 px-5 sm:px-6 py-4", style: { borderTop: `1px solid ${T.line}`, background: T.card, paddingBottom: "calc(16px + env(safe-area-inset-bottom, 0px))" }, "data-gufi-src": "components/Account.tsx:235" }, /* @__PURE__ */ import_react20.default.createElement("button", { onClick: () => { logout(); setOrders(null); }, className: "w-full inline-flex items-center justify-center gap-2 rounded-full py-3 outline-none transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { border: `1px solid ${T.line}`, fontFamily: T.sans, fontSize: 14, fontWeight: 600, color: T.ink2 }, "data-gufi-src": "components/Account.tsx:236" }, /* @__PURE__ */ import_react20.default.createElement(import_lucide_react11.LogOut, { size: 15 }), " ", t("Cerrar sesi\xF3n", "Log out"))) ))); } // virtual:components/ProductModal.tsx var import_react21 = __toESM(require("react")); var import_framer_motion13 = require("framer-motion"); var import_lucide_react12 = require("lucide-react"); var discountPct2 = (p) => { const base = Number(p?.precio || 0); const off = Number(p?.precio_oferta || 0); if (!(base > 0 && off > 0 && off < base)) return 0; return Math.round((1 - off / base) * 100); }; function ProductModal({ product, onClose, onAdded }) { const reduce = (0, import_framer_motion13.useReducedMotion)(); const { t, L } = useLang(); const [qty, setQty] = (0, import_react21.useState)(1); const [vals, setVals] = (0, import_react21.useState)({}); const [touched, setTouched] = (0, import_react21.useState)(false); const [focusKey, setFocusKey] = (0, import_react21.useState)(null); const [imgOk, setImgOk] = (0, import_react21.useState)(true); const panelRef = (0, import_react21.useRef)(null); const prevFocus = (0, import_react21.useRef)(null); (0, import_react21.useEffect)(() => { setQty(1); setVals({}); setTouched(false); setFocusKey(null); setImgOk(true); if (!product) return; prevFocus.current = document.activeElement || null; document.documentElement.style.overflow = "hidden"; const onKey = (e) => { if (e.key === "Escape") { e.preventDefault(); onClose(); return; } if (e.key === "Tab") { const root = panelRef.current; if (!root) return; const nodes = Array.from(root.querySelectorAll( 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])' )).filter((el) => !el.hasAttribute("disabled") && el.getAttribute("aria-hidden") !== "true" && el.offsetParent !== null); if (nodes.length === 0) return; const first = nodes[0]; const last = nodes[nodes.length - 1]; if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); } else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); } } }; document.addEventListener("keydown", onKey); const t2 = window.setTimeout(() => { const root = panelRef.current; const el = root?.querySelector("[data-autofocus]") || root?.querySelector("button"); el?.focus(); }, 60); return () => { document.removeEventListener("keydown", onKey); document.documentElement.style.overflow = ""; window.clearTimeout(t2); try { prevFocus.current?.focus?.(); } catch { } }; }, [product, onClose]); const fields = (0, import_react21.useMemo)(() => { const f = product?.opciones?.fields; return Array.isArray(f) ? f : []; }, [product]); if (!product) return null; const meta = catMeta(product.categoria); const offer = hasOffer(product); const price = priceOf(product); const pct = discountPct2(product); const img = product.imagen && String(product.imagen).trim(); const showImg = img && imgOk; const name = L(product.nombre, product.nombre_en); const descES = product.descripcion || product.resumen; const descEN = product.descripcion ? product.descripcion_en : product.resumen_en; const description = L(descES, descEN); const missing = fields.filter((f) => f.required && !(vals[f.key] && vals[f.key].trim())); const _d = /* @__PURE__ */ new Date(); const todayStr = `${_d.getFullYear()}-${String(_d.getMonth() + 1).padStart(2, "0")}-${String(_d.getDate()).padStart(2, "0")}`; const dateFields = fields.filter((f) => f.type === "date"); const dateErrors = {}; for (const f of dateFields) { const v = vals[f.key]; if (v && v < todayStr) dateErrors[f.key] = t("La fecha no puede ser anterior a hoy.", "The date cannot be in the past."); } const recogidaF = dateFields.find((f) => /recogida/i.test(f.key + " " + f.label)); const llegadaF = dateFields.find((f) => f !== recogidaF && /llegada|inicio|entrada|^fecha$/i.test(f.key + " " + f.label)) || dateFields.find((f) => f !== recogidaF); if (recogidaF && llegadaF && vals[recogidaF.key] && vals[llegadaF.key] && vals[recogidaF.key] < vals[llegadaF.key] && !dateErrors[recogidaF.key]) { dateErrors[recogidaF.key] = t("La recogida no puede ser antes de la llegada.", "Pick-up cannot be before arrival."); } const optSurcharge = fields.reduce((s, f) => { const m = String(vals[f.key] || "").match(/\(\s*\+\s*(\d+(?:[.,]\d+)?)\s*€?\s*\)/); return s + (m ? Number(m[1].replace(",", ".")) : 0); }, 0); let seasonSurcharge = 0; let seasonMonth = ""; for (const f of fields) { const rec = Number(f.temporada_recargo); const v = vals[f.key]; if (rec > 0 && Array.isArray(f.temporada_meses) && v && /^\d{4}-\d{2}-\d{2}/.test(v)) { const mo = Number(v.slice(5, 7)); if (f.temporada_meses.indexOf(mo) >= 0) { seasonSurcharge += rec; seasonMonth = v; } } } let mult = 1; for (const f of fields) { if (f.multiplica && vals[f.key]) { const n = parseInt(String(vals[f.key]).replace(/\D/g, ""), 10); if (Number.isFinite(n) && n >= 1) mult *= Math.min(n, 50); } } const surcharge = optSurcharge + seasonSurcharge; const unit = price * mult + surcharge; const add = () => { setTouched(true); const badKey = missing.length > 0 ? missing[0].key : Object.keys(dateErrors)[0]; if (badKey) { const el = document.getElementById("opt-" + badKey); el?.scrollIntoView({ behavior: reduce ? "auto" : "smooth", block: "center" }); el?.querySelector("input,select,textarea")?.focus?.(); return; } const opciones = {}; fields.forEach((f) => { if (vals[f.key]) opciones[f.label] = vals[f.key]; }); cartApi.add({ producto: product.id, nombre: product.nombre, nombre_en: product.nombre_en, categoria: product.categoria, precio: unit, opciones, cantidad: qty }); onAdded(); }; const inputBase = { background: T.paper2, border: `1px solid ${T.line}`, borderRadius: 12, padding: "12px 14px", fontFamily: T.sans, fontSize: 16, lineHeight: 1.35, color: T.ink, width: "100%", minHeight: 48, outline: "none", transition: "border-color 160ms ease, box-shadow 160ms ease" }; const fieldStyle = (key, err) => ({ ...inputBase, borderColor: err ? T.terra : focusKey === key ? T.stone : T.line, boxShadow: err ? "0 0 0 3px rgba(178,58,46,0.14)" : focusKey === key ? "0 0 0 3px rgba(140,122,88,0.16)" : "none" }); return /* @__PURE__ */ import_react21.default.createElement(import_framer_motion13.AnimatePresence, null, product && /* @__PURE__ */ import_react21.default.createElement( import_framer_motion13.motion.div, { className: "fixed inset-0 z-[95] flex items-end sm:items-center justify-center sm:p-4", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, role: "dialog", "aria-modal": "true", "aria-labelledby": "okw-modal-title" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute inset-0", style: { background: "rgba(20,17,12,0.55)", WebkitBackdropFilter: "blur(5px)", backdropFilter: "blur(5px)" }, onClick: onClose, "data-gufi-src": "components/ProductModal.tsx:160" }), /* @__PURE__ */ import_react21.default.createElement( import_framer_motion13.motion.div, { ref: panelRef, initial: reduce ? { opacity: 0 } : { y: 44, opacity: 0 }, animate: reduce ? { opacity: 1 } : { y: 0, opacity: 1 }, exit: reduce ? { opacity: 0 } : { y: 34, opacity: 0 }, transition: { duration: 0.4, ease: T.ease }, className: "relative w-full flex flex-col overflow-hidden rounded-t-3xl sm:rounded-[28px]", style: { maxWidth: 760, maxHeight: "92vh", background: T.paper2, boxShadow: "0 40px 90px -40px rgba(0,0,0,0.6)" } }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative shrink-0 overflow-hidden", style: { background: `linear-gradient(135deg, ${meta.from}, ${meta.to})` }, "data-gufi-src": "components/ProductModal.tsx:172" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative h-[176px] sm:h-[224px]", "data-gufi-src": "components/ProductModal.tsx:173" }, showImg ? /* @__PURE__ */ import_react21.default.createElement("img", { src: img, alt: name, onError: () => setImgOk(false), className: "absolute inset-0 w-full h-full object-cover", "data-gufi-src": "components/ProductModal.tsx:175" }) : /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute -right-8 -bottom-10 opacity-[0.18]", "data-gufi-src": "components/ProductModal.tsx:178" }, /* @__PURE__ */ import_react21.default.createElement(Vieira, { size: 190, color: "#fff" })), /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 opacity-95", "data-gufi-src": "components/ProductModal.tsx:179" }, /* @__PURE__ */ import_react21.default.createElement(LucideIcon, { name: meta.icon, size: 52, color: "rgba(255,255,255,0.95)", strokeWidth: 1.3 }))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute inset-0 pointer-events-none", style: { background: "linear-gradient(to top, rgba(20,17,12,0.58) 0%, rgba(20,17,12,0.04) 55%)" }, "data-gufi-src": "components/ProductModal.tsx:186" }), /* @__PURE__ */ import_react21.default.createElement("div", { className: "sm:hidden absolute top-2.5 left-1/2 -translate-x-1/2 rounded-full", style: { width: 44, height: 5, background: "rgba(255,255,255,0.55)" }, "data-gufi-src": "components/ProductModal.tsx:189" }), offer && /* @__PURE__ */ import_react21.default.createElement( "span", { className: "absolute left-5 top-5 rounded-full px-2.5 py-1", style: { background: T.terra, color: "#fff", fontFamily: T.sans, fontSize: 11.5, fontWeight: 700, letterSpacing: "0.02em", boxShadow: "0 6px 16px -6px rgba(178,58,46,0.75)" }, "data-gufi-src": "components/ProductModal.tsx:193" }, pct > 0 ? `\u2212${pct}% ${t("oferta", "off")}` : t("Oferta", "Sale") ), /* @__PURE__ */ import_react21.default.createElement( "button", { "data-autofocus": true, onClick: onClose, "aria-label": t("Cerrar", "Close"), className: "absolute right-4 top-4 sm:right-5 sm:top-5 grid place-items-center rounded-full transition-colors outline-none focus-visible:[outline:2px_solid_#fff] focus-visible:[outline-offset:2px] hover:bg-[rgba(20,17,12,0.5)]", style: { width: 38, height: 38, background: "rgba(20,17,12,0.38)", color: "#fff", WebkitBackdropFilter: "blur(4px)", backdropFilter: "blur(4px)" }, "data-gufi-src": "components/ProductModal.tsx:200" }, /* @__PURE__ */ import_react21.default.createElement(import_lucide_react12.X, { size: 18 }) ), /* @__PURE__ */ import_react21.default.createElement( "span", { className: "absolute left-5 bottom-5 inline-flex items-center gap-1.5 rounded-full px-3 py-1.5", style: { background: "rgba(255,255,255,0.15)", WebkitBackdropFilter: "blur(8px)", backdropFilter: "blur(8px)", border: "1px solid rgba(255,255,255,0.28)" }, "data-gufi-src": "components/ProductModal.tsx:207" }, /* @__PURE__ */ import_react21.default.createElement(LucideIcon, { name: meta.icon, size: 13, color: "#fff", strokeWidth: 1.9 }), /* @__PURE__ */ import_react21.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 11.5, fontWeight: 600, letterSpacing: "0.04em", color: "#fff" }, "data-gufi-src": "components/ProductModal.tsx:210" }, L(meta.label)) ))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex-1 min-h-0 overflow-y-auto px-6 sm:px-7 py-6", style: { WebkitOverflowScrolling: "touch", overscrollBehavior: "contain" }, "data-gufi-src": "components/ProductModal.tsx:216" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-start justify-between gap-4", "data-gufi-src": "components/ProductModal.tsx:217" }, /* @__PURE__ */ import_react21.default.createElement("h2", { id: "okw-modal-title", style: { fontFamily: T.serif, fontSize: 26, fontWeight: 500, lineHeight: 1.1, color: T.ink, letterSpacing: "-0.01em" }, "data-gufi-src": "components/ProductModal.tsx:218" }, name), /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-right shrink-0", "data-gufi-src": "components/ProductModal.tsx:219" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "tabular-nums", style: { fontFamily: T.serif, fontSize: 29, fontWeight: 500, color: T.ink, letterSpacing: "-0.01em" }, "data-gufi-src": "components/ProductModal.tsx:220" }, money(price)), offer && /* @__PURE__ */ import_react21.default.createElement("div", { className: "tabular-nums", style: { fontFamily: T.sans, fontSize: 14, color: T.faint, textDecoration: "line-through" }, "data-gufi-src": "components/ProductModal.tsx:221" }, money(product.precio)))), /* @__PURE__ */ import_react21.default.createElement("p", { className: "mt-3", style: { fontFamily: T.sans, fontSize: 15.5, lineHeight: 1.62, color: T.ink2 }, "data-gufi-src": "components/ProductModal.tsx:224" }, description), fields.length > 0 && /* @__PURE__ */ import_react21.default.createElement("div", { className: "mt-7", "data-gufi-src": "components/ProductModal.tsx:227" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center gap-3 mb-4", "data-gufi-src": "components/ProductModal.tsx:228" }, /* @__PURE__ */ import_react21.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 12, fontWeight: 700, letterSpacing: "0.1em", textTransform: "uppercase", color: T.stoneDeep }, "data-gufi-src": "components/ProductModal.tsx:229" }, t("Detalles de tu reserva", "Your booking details")), /* @__PURE__ */ import_react21.default.createElement("span", { className: "h-px flex-1", style: { background: T.line }, "data-gufi-src": "components/ProductModal.tsx:230" })), /* @__PURE__ */ import_react21.default.createElement("div", { className: "grid sm:grid-cols-2 gap-4", "data-gufi-src": "components/ProductModal.tsx:232" }, fields.map((f) => { const dErr = dateErrors[f.key]; const err = touched && !!f.required && !(vals[f.key] && vals[f.key].trim()) || !!dErr; const spanFull = f.type === "text" || f.type === "textarea"; return /* @__PURE__ */ import_react21.default.createElement("div", { key: f.key, id: "opt-" + f.key, className: spanFull ? "sm:col-span-2" : "", "data-gufi-src": "components/ProductModal.tsx:238" }, /* @__PURE__ */ import_react21.default.createElement("label", { htmlFor: "in-" + f.key, style: { fontFamily: T.sans, fontSize: 12.5, fontWeight: 600, color: T.ink2, display: "block", marginBottom: 6 }, "data-gufi-src": "components/ProductModal.tsx:239" }, f.label, f.required && /* @__PURE__ */ import_react21.default.createElement("span", { style: { color: T.terra }, "data-gufi-src": "components/ProductModal.tsx:240" }, " *")), f.type === "select" ? /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative", "data-gufi-src": "components/ProductModal.tsx:243" }, /* @__PURE__ */ import_react21.default.createElement( "select", { id: "in-" + f.key, value: vals[f.key] || "", onFocus: () => setFocusKey(f.key), onBlur: () => setFocusKey((k) => k === f.key ? null : k), onChange: (e) => setVals({ ...vals, [f.key]: e.target.value }), "aria-invalid": err, style: { ...fieldStyle(f.key, err), appearance: "none", WebkitAppearance: "none", MozAppearance: "none", paddingRight: 38, cursor: "pointer" }, "data-gufi-src": "components/ProductModal.tsx:244" }, /* @__PURE__ */ import_react21.default.createElement("option", { value: "", "data-gufi-src": "components/ProductModal.tsx:253" }, t("Selecciona\u2026", "Select\u2026")), (f.options || []).map((o) => /* @__PURE__ */ import_react21.default.createElement("option", { key: o, value: o, "data-gufi-src": "components/ProductModal.tsx:254" }, o)) ), /* @__PURE__ */ import_react21.default.createElement(import_lucide_react12.ChevronDown, { size: 16, color: T.muted, className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" })) : f.type === "textarea" ? /* @__PURE__ */ import_react21.default.createElement( "textarea", { id: "in-" + f.key, rows: 4, value: vals[f.key] || "", onFocus: () => setFocusKey(f.key), onBlur: () => setFocusKey((k) => k === f.key ? null : k), onChange: (e) => setVals({ ...vals, [f.key]: e.target.value }), placeholder: f.label, "aria-invalid": err, style: { ...fieldStyle(f.key, err), resize: "vertical", minHeight: 96 }, "data-gufi-src": "components/ProductModal.tsx:259" } ) : /* @__PURE__ */ import_react21.default.createElement( "input", { id: "in-" + f.key, type: f.type === "date" ? "date" : f.type === "number" ? "number" : f.type === "email" ? "email" : f.type === "tel" ? "tel" : "text", min: f.type === "number" ? 0 : f.type === "date" ? todayStr : void 0, value: vals[f.key] || "", onFocus: () => setFocusKey(f.key), onBlur: () => setFocusKey((k) => k === f.key ? null : k), onChange: (e) => setVals({ ...vals, [f.key]: e.target.value }), placeholder: f.type === "text" || f.type === "email" || f.type === "tel" ? f.label : void 0, "aria-invalid": err, style: fieldStyle(f.key, err), "data-gufi-src": "components/ProductModal.tsx:271" } ), dErr ? /* @__PURE__ */ import_react21.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 11.5, color: T.terra, marginTop: 5 }, "data-gufi-src": "components/ProductModal.tsx:284" }, dErr) : err ? /* @__PURE__ */ import_react21.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 11.5, color: T.terra, marginTop: 5 }, "data-gufi-src": "components/ProductModal.tsx:285" }, t("Este campo es obligatorio.", "This field is required.")) : null); })), touched && missing.length > 0 && /* @__PURE__ */ import_react21.default.createElement("p", { className: "mt-3", style: { fontFamily: T.sans, fontSize: 12.5, color: T.terra }, "data-gufi-src": "components/ProductModal.tsx:291" }, t("Completa los campos obligatorios marcados con *.", "Please complete the required fields marked with *.")))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "shrink-0 flex items-center gap-3 px-5 sm:px-7 py-4", style: { borderTop: `1px solid ${T.line}`, background: T.card }, "data-gufi-src": "components/ProductModal.tsx:298" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center rounded-full shrink-0", style: { border: `1px solid ${T.line}` }, "data-gufi-src": "components/ProductModal.tsx:299" }, /* @__PURE__ */ import_react21.default.createElement( "button", { onClick: () => setQty((q) => Math.max(1, q - 1)), disabled: qty <= 1, "aria-label": t("Quitar uno", "Remove one"), className: "grid place-items-center transition-opacity disabled:opacity-30 outline-none focus-visible:[outline:2px_solid_#8C7A58] focus-visible:[outline-offset:-2px] rounded-full", style: { width: 44, height: 44 }, "data-gufi-src": "components/ProductModal.tsx:300" }, /* @__PURE__ */ import_react21.default.createElement(import_lucide_react12.Minus, { size: 16, color: T.ink2 }) ), /* @__PURE__ */ import_react21.default.createElement("span", { className: "tabular-nums", style: { fontFamily: T.sans, fontWeight: 700, fontSize: 15, width: 26, textAlign: "center" }, "aria-live": "polite", "data-gufi-src": "components/ProductModal.tsx:304" }, qty), /* @__PURE__ */ import_react21.default.createElement( "button", { onClick: () => setQty((q) => Math.min(20, q + 1)), disabled: qty >= 20, "aria-label": t("A\xF1adir uno", "Add one"), className: "grid place-items-center transition-opacity disabled:opacity-30 outline-none focus-visible:[outline:2px_solid_#8C7A58] focus-visible:[outline-offset:-2px] rounded-full", style: { width: 44, height: 44 }, "data-gufi-src": "components/ProductModal.tsx:305" }, /* @__PURE__ */ import_react21.default.createElement(import_lucide_react12.Plus, { size: 16, color: T.ink2 }) )), /* @__PURE__ */ import_react21.default.createElement( "button", { onClick: add, className: "flex-1 min-w-0 inline-flex items-center justify-center gap-2 rounded-full py-3.5 transition-transform active:scale-[0.98] outline-none focus-visible:[outline:2px_solid_#8C7A58] focus-visible:[outline-offset:2px]", style: { background: T.ink, color: "#FBF7EF", fontFamily: T.sans, fontSize: 15, fontWeight: 600 }, "data-gufi-src": "components/ProductModal.tsx:310" }, /* @__PURE__ */ import_react21.default.createElement(import_lucide_react12.Check, { size: 18, className: "shrink-0" }), " ", /* @__PURE__ */ import_react21.default.createElement("span", { className: "whitespace-nowrap", "data-gufi-src": "components/ProductModal.tsx:313" }, t("A\xF1adir a la reserva", "Add to booking")), /* @__PURE__ */ import_react21.default.createElement("span", { className: "hidden sm:inline tabular-nums", style: { opacity: 0.75 }, "data-gufi-src": "components/ProductModal.tsx:314" }, "\xB7 ", money(unit * qty)) )), (surcharge > 0 || mult > 1) && /* @__PURE__ */ import_react21.default.createElement("div", { className: "shrink-0 flex items-center justify-center gap-1.5 pt-1", style: { background: T.card }, "data-gufi-src": "components/ProductModal.tsx:318" }, /* @__PURE__ */ import_react21.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 11.5, color: T.stoneDeep }, "data-gufi-src": "components/ProductModal.tsx:319" }, mult > 1 && /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, mult, " \xD7 ", money(price), " = ", /* @__PURE__ */ import_react21.default.createElement("b", { "data-gufi-src": "components/ProductModal.tsx:320" }, money(price * mult))), mult > 1 && surcharge > 0 && " \xB7 ", surcharge > 0 && /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, t("Suplemento", "Surcharge"), ": ", /* @__PURE__ */ import_react21.default.createElement("b", { "data-gufi-src": "components/ProductModal.tsx:322" }, "+", money(surcharge)), seasonSurcharge > 0 ? " \xB7 " + t("temporada alta", "high season") : ""))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "shrink-0 flex items-center justify-center gap-1.5 pt-1.5", style: { background: T.card, paddingBottom: "calc(12px + env(safe-area-inset-bottom, 0px))" }, "data-gufi-src": "components/ProductModal.tsx:326" }, /* @__PURE__ */ import_react21.default.createElement(import_lucide_react12.ShieldCheck, { size: 13, color: T.forest, className: "shrink-0" }), /* @__PURE__ */ import_react21.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 11.5, color: T.muted }, "data-gufi-src": "components/ProductModal.tsx:328" }, t("Pago seguro con tarjeta \xB7 confirmaci\xF3n por email", "Secure card payment \xB7 email confirmation"))) ) )); } // virtual:components/LegalModal.tsx var import_react22 = __toESM(require("react")); var import_framer_motion14 = require("framer-motion"); var import_lucide_react13 = require("lucide-react"); function LegalModal({ which, onClose }) { const { t, L } = useLang(); (0, import_react22.useEffect)(() => { if (!which) return; const onKey = (e) => { if (e.key === "Escape") onClose(); }; document.addEventListener("keydown", onKey); document.documentElement.style.overflow = "hidden"; return () => { document.removeEventListener("keydown", onKey); document.documentElement.style.overflow = ""; }; }, [which, onClose]); const data = which ? LEGAL[which] : null; return /* @__PURE__ */ import_react22.default.createElement(import_framer_motion14.AnimatePresence, null, which && data && /* @__PURE__ */ import_react22.default.createElement( import_framer_motion14.motion.div, { className: "fixed inset-0 z-[90] flex items-center justify-center p-4", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "absolute inset-0", style: { background: "rgba(20,17,12,0.5)", backdropFilter: "blur(4px)" }, onClick: onClose, "data-gufi-src": "components/LegalModal.tsx:25" }), /* @__PURE__ */ import_react22.default.createElement( import_framer_motion14.motion.div, { initial: { y: 24, opacity: 0, scale: 0.98 }, animate: { y: 0, opacity: 1, scale: 1 }, exit: { y: 16, opacity: 0 }, transition: { duration: 0.35, ease: T.ease }, className: "relative w-full rounded-3xl overflow-hidden flex flex-col", style: { maxWidth: 720, maxHeight: "86vh", background: T.paper2, boxShadow: "0 40px 90px -40px rgba(0,0,0,0.55)" } }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-center justify-between px-7 py-5", style: { borderBottom: `1px solid ${T.line}`, background: T.card }, "data-gufi-src": "components/LegalModal.tsx:28" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-center gap-2.5", "data-gufi-src": "components/LegalModal.tsx:29" }, /* @__PURE__ */ import_react22.default.createElement(Vieira, { size: 20, color: T.terra }), /* @__PURE__ */ import_react22.default.createElement("h3", { style: { fontFamily: T.serif, fontSize: 22, fontWeight: 500, color: T.ink }, "data-gufi-src": "components/LegalModal.tsx:31" }, L(data.titulo))), /* @__PURE__ */ import_react22.default.createElement("button", { onClick: onClose, "aria-label": t("Cerrar", "Close"), className: "grid place-items-center rounded-full transition-colors hover:bg-[rgba(33,30,24,0.06)]", style: { width: 38, height: 38, border: `1px solid ${T.line}` }, "data-gufi-src": "components/LegalModal.tsx:33" }, /* @__PURE__ */ import_react22.default.createElement(import_lucide_react13.X, { size: 18 }))), /* @__PURE__ */ import_react22.default.createElement("div", { className: "overflow-y-auto px-7 py-7", "data-gufi-src": "components/LegalModal.tsx:35" }, data.cuerpo.map(([h, body], i) => /* @__PURE__ */ import_react22.default.createElement("div", { key: i, className: "mb-6", "data-gufi-src": "components/LegalModal.tsx:37" }, /* @__PURE__ */ import_react22.default.createElement("h4", { style: { fontFamily: T.sans, fontSize: 12.5, fontWeight: 700, letterSpacing: "0.1em", textTransform: "uppercase", color: T.stoneDeep, marginBottom: 7 }, "data-gufi-src": "components/LegalModal.tsx:38" }, L(h)), /* @__PURE__ */ import_react22.default.createElement("p", { style: { fontFamily: T.sans, fontSize: 15, lineHeight: 1.62, color: T.ink2 }, "data-gufi-src": "components/LegalModal.tsx:39" }, L(body))))) ) )); } // virtual:components/SuccessOverlay.tsx var import_react23 = __toESM(require("react")); var import_framer_motion15 = require("framer-motion"); var import_lucide_react14 = require("lucide-react"); function SuccessOverlay({ state: state3, onClose }) { const { t } = useLang(); const reduce = (0, import_framer_motion15.useReducedMotion)(); const btnRef = (0, import_react23.useRef)(null); (0, import_react23.useEffect)(() => { if (!state3) return; document.documentElement.style.overflow = "hidden"; const onKey = (e) => { if (e.key === "Escape" && state3 !== "processing") onClose(); }; document.addEventListener("keydown", onKey); return () => { document.documentElement.style.overflow = ""; document.removeEventListener("keydown", onKey); }; }, [state3, onClose]); (0, import_react23.useEffect)(() => { if (state3 === "paid" || state3 === "unpaid") { const t2 = setTimeout(() => btnRef.current?.focus(), 420); return () => clearTimeout(t2); } }, [state3]); if (!state3) return null; return /* @__PURE__ */ import_react23.default.createElement( import_framer_motion15.motion.div, { className: "fixed inset-0 z-[110] flex items-center justify-center p-4 sm:p-6", initial: { opacity: 0 }, animate: { opacity: 1 }, style: { background: "rgba(20,17,12,0.6)", backdropFilter: "blur(6px)" } }, /* @__PURE__ */ import_react23.default.createElement("div", { "aria-hidden": "true", className: "absolute pointer-events-none", style: { width: 640, height: 640, borderRadius: "50%", background: state3 === "paid" ? "radial-gradient(circle, rgba(60,69,53,0.28), transparent 62%)" : "radial-gradient(circle, rgba(140,122,88,0.22), transparent 62%)", filter: "blur(20px)" }, "data-gufi-src": "components/SuccessOverlay.tsx:29" }), /* @__PURE__ */ import_react23.default.createElement( import_framer_motion15.motion.div, { role: "dialog", "aria-modal": "true", "aria-live": "polite", initial: { y: 24, opacity: 0, scale: 0.97 }, animate: { y: 0, opacity: 1, scale: 1 }, transition: { duration: reduce ? 0.2 : 0.45, ease: T.ease }, className: "relative w-full text-center rounded-3xl overflow-hidden px-6 py-10 sm:px-8 sm:py-12", style: { maxWidth: 480, maxHeight: "92dvh", background: T.paper2, boxShadow: "0 40px 90px -40px rgba(0,0,0,0.5)", border: "1px solid rgba(33,30,24,0.06)" } }, /* @__PURE__ */ import_react23.default.createElement(import_framer_motion15.AnimatePresence, { mode: "wait" }, state3 === "unpaid" ? /* @__PURE__ */ import_react23.default.createElement(import_framer_motion15.motion.div, { key: "unpaid", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.25 } }, /* @__PURE__ */ import_react23.default.createElement("button", { onClick: onClose, "aria-label": t("Cerrar", "Close"), className: "absolute right-4 top-4 sm:right-5 sm:top-5 grid place-items-center rounded-full outline-none transition-colors hover:bg-[rgba(33,30,24,0.06)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { width: 44, height: 44, border: `1px solid ${T.line}` }, "data-gufi-src": "components/SuccessOverlay.tsx:39" }, /* @__PURE__ */ import_react23.default.createElement(import_lucide_react14.X, { size: 18 })), /* @__PURE__ */ import_react23.default.createElement("div", { className: "mx-auto mb-6 grid place-items-center rounded-full", style: { width: 84, height: 84, background: T.sand }, "data-gufi-src": "components/SuccessOverlay.tsx:40" }, /* @__PURE__ */ import_react23.default.createElement(import_lucide_react14.CreditCard, { size: 36, color: T.stoneDeep })), /* @__PURE__ */ import_react23.default.createElement("h2", { style: { fontFamily: T.serif, fontSize: "clamp(22px, 5.5vw, 26px)", fontWeight: 500, color: T.ink }, "data-gufi-src": "components/SuccessOverlay.tsx:43" }, t("El pago no se complet\xF3", "Payment not completed")), /* @__PURE__ */ import_react23.default.createElement("p", { className: "mt-3 mx-auto", style: { fontFamily: T.sans, fontSize: 15, lineHeight: 1.6, color: T.ink2, maxWidth: 380 }, "data-gufi-src": "components/SuccessOverlay.tsx:44" }, t("No se ha realizado ning\xFAn cargo. Tu reserva sigue en el carrito: puedes intentarlo de nuevo cuando quieras.", "No charge has been made. Your booking is still in the cart \u2014 you can try again whenever you like.")), /* @__PURE__ */ import_react23.default.createElement("button", { ref: btnRef, onClick: onClose, className: "mt-7 inline-flex items-center gap-2 rounded-full px-7 py-3 outline-none transition-transform hover:-translate-y-0.5 active:scale-[0.98] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { background: T.ink, color: "#FBF7EF", fontFamily: T.sans, fontSize: 14.5, fontWeight: 600 }, "data-gufi-src": "components/SuccessOverlay.tsx:47" }, t("Volver a mi reserva", "Back to my booking")), /* @__PURE__ */ import_react23.default.createElement("p", { className: "mt-4", style: { fontFamily: T.sans, fontSize: 12, color: T.faint }, "data-gufi-src": "components/SuccessOverlay.tsx:50" }, t("\xBFDudas?", "Questions?"), " ", CONTACT.telPrincipal, " \xB7 ", CONTACT.email)) : state3 === "processing" ? /* @__PURE__ */ import_react23.default.createElement(import_framer_motion15.motion.div, { key: "processing", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.25 } }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "relative mx-auto mb-6", style: { width: 84, height: 84 }, "data-gufi-src": "components/SuccessOverlay.tsx:54" }, !reduce && [0, 0.6].map((d) => /* @__PURE__ */ import_react23.default.createElement( import_framer_motion15.motion.span, { key: d, className: "absolute rounded-full", style: { inset: 0, border: `1.5px solid ${T.stoneSoft}` }, initial: { scale: 0.85, opacity: 0.5 }, animate: { scale: 1.7, opacity: 0 }, transition: { duration: 1.8, repeat: Infinity, ease: "easeOut", delay: d } } )), /* @__PURE__ */ import_react23.default.createElement("div", { className: "absolute inset-0 grid place-items-center rounded-full", style: { background: T.sand }, "data-gufi-src": "components/SuccessOverlay.tsx:59" }, /* @__PURE__ */ import_react23.default.createElement(import_framer_motion15.motion.div, { animate: reduce ? {} : { scale: [1, 1.08, 1] }, transition: { duration: 1.6, repeat: Infinity, ease: "easeInOut" } }, /* @__PURE__ */ import_react23.default.createElement(Vieira, { size: 40, color: T.stoneDeep })))), /* @__PURE__ */ import_react23.default.createElement("h2", { style: { fontFamily: T.serif, fontSize: "clamp(22px, 5.5vw, 26px)", fontWeight: 500, color: T.ink }, "data-gufi-src": "components/SuccessOverlay.tsx:65" }, t("Confirmando tu reserva\u2026", "Confirming your booking\u2026")), /* @__PURE__ */ import_react23.default.createElement("p", { className: "mt-2", style: { fontFamily: T.sans, fontSize: 14.5, color: T.muted }, "data-gufi-src": "components/SuccessOverlay.tsx:66" }, t("Un momento, estamos verificando tu pago.", "One moment, we\u2019re verifying your payment."))) : /* @__PURE__ */ import_react23.default.createElement(import_framer_motion15.motion.div, { key: "paid", initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { duration: 0.3 } }, /* @__PURE__ */ import_react23.default.createElement("button", { onClick: onClose, "aria-label": t("Cerrar", "Close"), className: "absolute right-4 top-4 sm:right-5 sm:top-5 grid place-items-center rounded-full outline-none transition-colors hover:bg-[rgba(33,30,24,0.06)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { width: 44, height: 44, border: `1px solid ${T.line}` }, "data-gufi-src": "components/SuccessOverlay.tsx:70" }, /* @__PURE__ */ import_react23.default.createElement(import_lucide_react14.X, { size: 18 })), /* @__PURE__ */ import_react23.default.createElement("div", { className: "relative mx-auto mb-6", style: { width: 88, height: 88 }, "data-gufi-src": "components/SuccessOverlay.tsx:72" }, !reduce && [0, 0.5].map((d) => /* @__PURE__ */ import_react23.default.createElement( import_framer_motion15.motion.span, { key: d, className: "absolute rounded-full", style: { inset: 0, border: `1.5px solid ${T.forest}` }, initial: { scale: 0.8, opacity: 0.45 }, animate: { scale: 2.1, opacity: 0 }, transition: { duration: 2, repeat: Infinity, ease: "easeOut", delay: 0.3 + d } } )), /* @__PURE__ */ import_react23.default.createElement( import_framer_motion15.motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: reduce ? { duration: 0.2 } : { type: "spring", stiffness: 260, damping: 18, delay: 0.1 }, className: "absolute inset-0 grid place-items-center rounded-full", style: { background: T.forest, boxShadow: "0 18px 40px -18px rgba(60,69,53,0.9)" } }, /* @__PURE__ */ import_react23.default.createElement(import_framer_motion15.motion.span, { initial: { pathLength: 0, opacity: 0 }, animate: { opacity: 1 }, transition: { delay: 0.28 } }, /* @__PURE__ */ import_react23.default.createElement(import_lucide_react14.Check, { size: 44, color: "#fff", strokeWidth: 2.4 })) )), /* @__PURE__ */ import_react23.default.createElement("h2", { style: { fontFamily: T.serif, fontSize: "clamp(24px, 6vw, 30px)", fontWeight: 500, color: T.ink, letterSpacing: "-0.01em" }, "data-gufi-src": "components/SuccessOverlay.tsx:85" }, t("\xA1Reserva confirmada!", "Booking confirmed!")), /* @__PURE__ */ import_react23.default.createElement("p", { className: "mt-3 mx-auto", style: { fontFamily: T.sans, fontSize: 15.5, lineHeight: 1.6, color: T.ink2, maxWidth: 380 }, "data-gufi-src": "components/SuccessOverlay.tsx:86" }, t("Gracias por confiar en nosotros para tu Camino. Hemos recibido tu pago correctamente.", "Thank you for trusting us with your Camino. We\u2019ve received your payment successfully.")), /* @__PURE__ */ import_react23.default.createElement("div", { className: "mt-6 flex items-center justify-center gap-2.5 rounded-xl px-4 py-3 mx-auto", style: { background: T.card, border: `1px solid ${T.line}`, maxWidth: 340 }, "data-gufi-src": "components/SuccessOverlay.tsx:89" }, /* @__PURE__ */ import_react23.default.createElement(import_lucide_react14.Mail, { size: 16, color: T.stoneDeep, className: "shrink-0" }), /* @__PURE__ */ import_react23.default.createElement("span", { style: { fontFamily: T.sans, fontSize: 13, color: T.muted }, "data-gufi-src": "components/SuccessOverlay.tsx:91" }, t("Recibir\xE1s la confirmaci\xF3n en tu email", "You\u2019ll receive the confirmation by email"))), /* @__PURE__ */ import_react23.default.createElement("button", { ref: btnRef, onClick: onClose, className: "mt-7 inline-flex items-center gap-2 rounded-full px-7 py-3 outline-none transition-transform hover:-translate-y-0.5 active:scale-[0.98] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#8C7A58]", style: { background: T.ink, color: "#FBF7EF", fontFamily: T.sans, fontSize: 14.5, fontWeight: 600 }, "data-gufi-src": "components/SuccessOverlay.tsx:93" }, /* @__PURE__ */ import_react23.default.createElement(Vieira, { size: 16, color: T.amberSoft }), " Buen Camino"), /* @__PURE__ */ import_react23.default.createElement("p", { className: "mt-4", style: { fontFamily: T.sans, fontSize: 12, color: T.faint }, "data-gufi-src": "components/SuccessOverlay.tsx:96" }, t("\xBFDudas?", "Questions?"), " ", CONTACT.telPrincipal, " \xB7 ", CONTACT.email))) ) ); } // virtual:page.tsx var Boundary = class extends import_react24.default.Component { constructor(p) { super(p); this.state = { err: false }; } static getDerivedStateFromError() { return { err: true }; } componentDidCatch(e) { console.error("[OKW]", e); } render() { return this.state.err ? /* @__PURE__ */ import_react24.default.createElement("div", { style: { padding: 40, fontFamily: "sans-serif" }, "data-gufi-src": "page.tsx:29" }, "Algo ha fallado. Recarga la p\xE1gina.") : this.props.children; } }; function injectFonts() { if (typeof document === "undefined" || document.getElementById("okw-fonts")) return; const pc1 = document.createElement("link"); pc1.rel = "preconnect"; pc1.href = "https://fonts.googleapis.com"; const pc2 = document.createElement("link"); pc2.rel = "preconnect"; pc2.href = "https://fonts.gstatic.com"; pc2.crossOrigin = "anonymous"; const link2 = document.createElement("link"); link2.id = "okw-fonts"; link2.rel = "stylesheet"; link2.href = "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..600&family=Inter:wght@400;500;600;700&display=swap"; document.head.append(pc1, pc2, link2); const style = document.createElement("style"); style.id = "okw-style"; style.textContent = `section[id]{scroll-margin-top:80px} .okw-root ::selection{background:${T.brandYellow};color:${T.espresso}} .okw-root{-webkit-font-smoothing:antialiased}`; document.head.append(style); try { document.querySelectorAll("link[rel='icon'],link[rel='shortcut icon'],link[rel='apple-touch-icon']").forEach((n) => n.parentNode && n.parentNode.removeChild(n)); const fav = document.createElement("link"); fav.rel = "icon"; fav.type = "image/svg+xml"; fav.href = FAVICON_HREF; const apple = document.createElement("link"); apple.rel = "apple-touch-icon"; apple.href = FAVICON_HREF; document.head.append(fav, apple); } catch { } } function OkTheWay({ gufi }) { const [productos, setProductos] = (0, import_react24.useState)([]); const [loading, setLoading] = (0, import_react24.useState)(true); const [cartOpen, setCartOpen] = (0, import_react24.useState)(false); const [modal, setModal] = (0, import_react24.useState)(null); const [legal, setLegal] = (0, import_react24.useState)(null); const [success, setSuccess] = (0, import_react24.useState)(null); const [accountOpen, setAccountOpen] = (0, import_react24.useState)(false); const [resetToken, setResetToken] = (0, import_react24.useState)(null); (0, import_react24.useEffect)(() => { injectFonts(); try { document.title = "OK The Way \xB7 Parking en Sarria y servicios para el Camino de Santiago"; } catch { } }, []); const load3 = (0, import_react24.useCallback)(async () => { try { const r = await gufi.dataProvider.getList({ resource: "ecommerce__productos", pagination: { current: 1, pageSize: 1e3 } }); const rows = Array.isArray(r?.data) ? r.data : []; setProductos(rows.filter((p) => p.activo !== false)); } catch (e) { setProductos([]); } finally { setLoading(false); } }, [gufi]); (0, import_react24.useEffect)(() => { load3(); }, [load3]); (0, import_react24.useEffect)(() => { if (typeof window === "undefined") return; const q = new URLSearchParams(window.location.search); const clean = () => window.history.replaceState({}, "", window.location.origin + window.location.pathname); if (q.get("okw_paid")) { const sid = q.get("session_id") || ""; setSuccess("processing"); (async () => { let paid = false; if (sid && sid.startsWith("cs_")) { try { const r = await verifySession(gufi, sid); paid = !(r && r.paid === false); } catch { paid = true; } } if (paid) { cartApi.clear(); try { sessionStorage.removeItem("okw_pending_order"); } catch { } setSuccess("paid"); } else { setSuccess("unpaid"); } })(); clean(); } else if (q.get("okw_cancel")) { clean(); try { const raw = sessionStorage.getItem("okw_pending_order"); if (raw) { sessionStorage.removeItem("okw_pending_order"); const p = JSON.parse(raw); if (p && p.id) callAutomation(gufi, "cancelar_pedido", { orderId: p.id, email: p.email }).catch(() => { }); } } catch { } setCartOpen(true); } else if (q.get("okw_reset")) { const tk = q.get("okw_reset") || ""; clean(); if (tk) { setResetToken(tk); setAccountOpen(true); } } }, [gufi]); const navigate = (0, import_react24.useCallback)((id) => { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: "smooth", block: "start" }); }, []); return /* @__PURE__ */ import_react24.default.createElement(Boundary, null, /* @__PURE__ */ import_react24.default.createElement("div", { className: "okw-root", style: { background: T.paper, color: T.ink, fontFamily: T.sans, position: "relative", minHeight: "100vh", overflowX: "hidden" }, "data-gufi-src": "page.tsx:129" }, /* @__PURE__ */ import_react24.default.createElement(Grain, null), /* @__PURE__ */ import_react24.default.createElement("div", { style: { position: "relative", zIndex: 2 }, "data-gufi-src": "page.tsx:131" }, /* @__PURE__ */ import_react24.default.createElement(Nav, { onCart: () => setCartOpen(true), onNavigate: navigate, onAccount: () => setAccountOpen(true) }), /* @__PURE__ */ import_react24.default.createElement("main", { "data-gufi-src": "page.tsx:133" }, /* @__PURE__ */ import_react24.default.createElement(Hero, { onNavigate: navigate }), /* @__PURE__ */ import_react24.default.createElement(XacobeoBar, null), /* @__PURE__ */ import_react24.default.createElement(Trust, null), /* @__PURE__ */ import_react24.default.createElement(Servicios, { onNavigate: navigate }), /* @__PURE__ */ import_react24.default.createElement(Tienda, { productos, loading, onOpen: (p) => setModal(p) }), /* @__PURE__ */ import_react24.default.createElement(ComoFunciona, null), /* @__PURE__ */ import_react24.default.createElement(Galeria, null), /* @__PURE__ */ import_react24.default.createElement(FAQ2, null), /* @__PURE__ */ import_react24.default.createElement(Contacto, null)), /* @__PURE__ */ import_react24.default.createElement(Footer, { onLegal: (k) => setLegal(k), onNavigate: navigate })), /* @__PURE__ */ import_react24.default.createElement(WhatsAppFab, null), /* @__PURE__ */ import_react24.default.createElement(CartDrawer, { gufi, open: cartOpen, onClose: () => setCartOpen(false) }), /* @__PURE__ */ import_react24.default.createElement(Account, { gufi, open: accountOpen, onClose: () => setAccountOpen(false), resetToken, onResetDone: () => setResetToken(null) }), /* @__PURE__ */ import_react24.default.createElement(ProductModal, { product: modal, onClose: () => setModal(null), onAdded: () => { setModal(null); setCartOpen(true); } }), /* @__PURE__ */ import_react24.default.createElement(LegalModal, { which: legal, onClose: () => setLegal(null) }), /* @__PURE__ */ import_react24.default.createElement(SuccessOverlay, { state: success, onClose: () => { if (success === "unpaid") setCartOpen(true); setSuccess(null); } }))); } // virtual:core/index.tsx var featureConfig = { dataSources, automations, slots, meta: { name: "OK The Way \u2014 Web", version: "1.0.0" } }; // var stdin_default = OkTheWay;