Invitaci\u00f3n<\/title>\n<script src=\"\/config.js\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml, body {\n height: 100%;\n overflow: hidden;\n font-family: 'Poppins', sans-serif;\n background: #0a0608;\n color: #fff;\n}\n\n\/* FONDO *\/\n.bg {\n position: fixed;\n inset: 0;\n background-image: var(--foto);\n background-size: cover;\n background-position: center;\n filter: brightness(0.38);\n transform: scale(1.06);\n transition: transform 12s ease;\n z-index: 0;\n}\n.bg.zoom { transform: scale(1.0); }\n\n\/* PART\u00cdCULAS *\/\ncanvas {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n opacity: 0.5;\n}\n\n\/* CONTENIDO *\/\n.contenido {\n position: relative;\n z-index: 2;\n height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px 28px;\n text-align: center;\n}\n\n\/* SECUENCIA DE TEXTOS *\/\n.secuencia { position: relative; width: 100%; }\n\n.step {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n opacity: 0;\n transition: opacity 0.9s ease, transform 0.9s ease;\n transform: translate(-50%, calc(-50% + 18px));\n pointer-events: none;\n}\n\n.step.visible {\n opacity: 1;\n transform: translate(-50%, -50%);\n pointer-events: auto;\n}\n\n.step.saliendo {\n opacity: 0;\n transform: translate(-50%, calc(-50% - 18px));\n}\n\n\/* ESTILOS DE CADA STEP *\/\n.step-pre {\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 0.28em;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n margin-bottom: 12px;\n}\n\n.step-nombres {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(3.2rem, 12vw, 5.5rem);\n font-weight: 300;\n line-height: 1;\n color: #fff;\n}\n\n.step-amp {\n font-style: italic;\n color: var(--c, #b67b91);\n display: block;\n font-size: clamp(2rem, 7vw, 3.2rem);\n margin: 8px 0;\n}\n\n.step-fecha-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(5rem, 18vw, 8rem);\n font-weight: 300;\n line-height: 0.9;\n color: #fff;\n letter-spacing: -0.03em;\n}\n\n.step-fecha-detalle {\n font-size: 0.78rem;\n font-weight: 300;\n letter-spacing: 0.2em;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n margin-top: 12px;\n}\n\n.step-fecha-anio {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.6rem;\n font-weight: 300;\n color: var(--c, #b67b91);\n margin-top: 6px;\n letter-spacing: 0.1em;\n}\n\n.step-lugar {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.6rem, 6vw, 2.4rem);\n font-weight: 300;\n font-style: italic;\n color: #fff;\n line-height: 1.4;\n}\n\n.step-lugar-sub {\n font-size: 0.72rem;\n font-weight: 300;\n letter-spacing: 0.16em;\n color: rgba(255,255,255,0.4);\n text-transform: uppercase;\n margin-top: 10px;\n}\n\n\/* BOT\u00d3N FINAL *\/\n.step-final p {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.5rem, 5.5vw, 2.2rem);\n font-weight: 300;\n font-style: italic;\n color: #fff;\n line-height: 1.5;\n margin-bottom: 32px;\n}\n\n.btn-invitacion {\n display: inline-block;\n background: var(--c, #b67b91);\n color: #fff;\n border: none;\n border-radius: 999px;\n padding: 16px 40px;\n font-family: 'Poppins', sans-serif;\n font-size: 0.88rem;\n font-weight: 600;\n letter-spacing: 0.08em;\n cursor: pointer;\n text-decoration: none;\n transition: opacity 0.2s, transform 0.2s;\n}\n.btn-invitacion:hover { opacity: 0.85; transform: translateY(-2px); }\n\n\/* INDICADOR DE PROGRESO *\/\n.dots {\n position: fixed;\n bottom: 32px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n z-index: 3;\n}\n\n.dot {\n width: 6px; height: 6px;\n border-radius: 50%;\n background: rgba(255,255,255,0.25);\n transition: background 0.4s, transform 0.4s;\n}\n\n.dot.active {\n background: var(--c, #b67b91);\n transform: scale(1.3);\n}\n\n\/* L\u00cdNEA DECORATIVA *\/\n.linea-h {\n width: 48px;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(232,180,200,0.6), transparent);\n margin: 16px auto;\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"bg\" id=\"bg\"><\/div>\n<canvas id=\"canvas\"><\/canvas>\n\n<div class=\"contenido\">\n <div class=\"secuencia\" id=\"secuencia\" style=\"height: 320px;\">\n\n \n <div class=\"step\" id=\"step0\">\n <div class=\"step-pre\">Con toda la alegr\u00eda<\/div>\n <div class=\"linea-h\"><\/div>\n <div style=\"font-family:'Cormorant Garamond',serif; font-size:clamp(1.8rem,7vw,3rem); font-weight:300; font-style:italic; color:#fff; line-height:1.4;\">\n os invitamos a<br>celebrar con nosotros\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step1\">\n <div class=\"step-pre\">La boda de<\/div>\n <div class=\"linea-h\"><\/div>\n <div class=\"step-nombres\" id=\"introNombres\"><\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step2\">\n <div class=\"step-pre\">El d\u00eda<\/div>\n <div class=\"step-fecha-num\" id=\"introFechaDia\"><\/div>\n <div class=\"step-fecha-detalle\" id=\"introFechaMes\"><\/div>\n <div class=\"step-fecha-anio\" id=\"introFechaAnio\"><\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step3\">\n <div class=\"step-pre\">Os esperamos en<\/div>\n <div class=\"linea-h\"><\/div>\n <div class=\"step-lugar\" id=\"introLugar\"><\/div>\n <div class=\"step-lugar-sub\" id=\"introHora\"><\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step4\">\n <div class=\"step-final\">\n <p>Estar\u00e9is en el lugar<br>m\u00e1s especial de nuestro coraz\u00f3n<\/p>\n <a class=\"btn-invitacion\" id=\"btnConfirmar\" href=\"#\">\n Confirmar asistencia\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"dots\" id=\"dots\"><\/div>\n\n<script>\n\/\/ \u2500\u2500 Config \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\ndocument.documentElement.style.setProperty('--c', BODA.color_principal);\ndocument.body.style.background = BODA.color_fondo;\n\n\/\/ Foto de fondo\nif (BODA.foto1) {\n document.getElementById('bg').style.setProperty('--foto', `url(${BODA.foto1})`);\n document.getElementById('bg').style.backgroundImage = `url(${BODA.foto1})`;\n} else {\n document.getElementById('bg').style.background = 'linear-gradient(160deg, #1a0812 0%, #0f0810 100%)';\n document.getElementById('bg').style.filter = 'none';\n}\n\n\/\/ Textos\ndocument.getElementById('introNombres').innerHTML =\n `${BODA.novio1}<span class=\"step-amp\">&<\/span>${BODA.novio2}`;\ndocument.getElementById('introFechaDia').textContent = BODA.fecha_dia;\ndocument.getElementById('introFechaMes').textContent = `${BODA.fecha_mes} \u00b7 ${BODA.fecha_dia_sem}`;\ndocument.getElementById('introFechaAnio').textContent = BODA.fecha_anio;\n\n\/\/ Lugar\nconst stepLugar = document.getElementById('step3');\nif (BODA.lugar_ceremonia || BODA.lugar_celebracion) {\n document.getElementById('introLugar').textContent = BODA.lugar_ceremonia || BODA.lugar_celebracion;\n document.getElementById('introHora').textContent = BODA.hora ? BODA.hora + 'h' : '';\n} else {\n stepLugar.style.display = 'none';\n}\n\n\/\/ URL del save the date\ndocument.getElementById('btnConfirmar').href = '\/index.php\/save-the-date\/';\n\n\/\/ \u2500\u2500 Secuencia \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst steps = [...document.querySelectorAll('.step')].filter(s => s.style.display !== 'none');\nconst tiempos = [3200, 3200, 3200, 3000, 0];\nlet actual = 0;\n\n\/\/ Dots\nconst dotsEl = document.getElementById('dots');\nsteps.forEach((_, i) => {\n const d = document.createElement('div');\n d.className = 'dot' + (i === 0 ? ' active' : '');\n dotsEl.appendChild(d);\n});\n\nfunction irA(i) {\n const dots = document.querySelectorAll('.dot');\n steps[actual].classList.remove('visible');\n steps[actual].classList.add('saliendo');\n setTimeout(() => steps[actual].classList.remove('saliendo'), 900);\n actual = i;\n steps[actual].classList.add('visible');\n dots.forEach((d, idx) => d.classList.toggle('active', idx === actual));\n}\n\n\/\/ Arranca\nsteps[0].classList.add('visible');\nsetTimeout(() => document.getElementById('bg').classList.add('zoom'), 100);\n\nlet timer;\nfunction siguiente() {\n if (actual < steps.length - 1) {\n irA(actual + 1);\n if (actual < steps.length - 1) {\n timer = setTimeout(siguiente, tiempos[actual] || 3200);\n }\n }\n}\ntimer = setTimeout(siguiente, tiempos[0]);\n\n\/\/ \u2500\u2500 Part\u00edculas \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst canvas = document.getElementById('canvas');\nconst ctx = canvas.getContext('2d');\nlet W, H, particles = [];\n\nfunction resize() { W = canvas.width = window.innerWidth; H = canvas.height = window.innerHeight; }\nwindow.addEventListener('resize', resize);\nresize();\n\nfunction rnd(a, b) { return a + Math.random() * (b - a); }\n\nfunction nuevaParticula() {\n return {\n x: rnd(0, W), y: rnd(H, H * 1.4),\n r: rnd(0.8, 2.4),\n vx: rnd(-0.3, 0.3), vy: rnd(-0.5, -1.3),\n alpha: rnd(0.4, 0.85),\n fade: rnd(0.0015, 0.005),\n color: `hsl(${rnd(310,360)},${rnd(55,85)}%,${rnd(70,92)}%)`\n };\n}\n\nfor (let i = 0; i < 160; i++) { const p = nuevaParticula(); p.y = rnd(0, H); particles.push(p); }\n\nfunction loop() {\n ctx.clearRect(0, 0, W, H);\n particles.forEach((p, i) => {\n p.x += p.vx; p.y += p.vy; p.alpha -= p.fade;\n if (p.alpha <= 0 || p.y < -10) { particles[i] = nuevaParticula(); return; }\n ctx.globalAlpha = p.alpha;\n ctx.fillStyle = p.color;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n ctx.fill();\n });\n ctx.globalAlpha = 1;\n requestAnimationFrame(loop);\n}\nloop();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Invitaci\u00f3n Con toda la alegr\u00eda os invitamos acelebrar con nosotros La boda de El d\u00eda Os esperamos en Estar\u00e9is en el lugarm\u00e1s especial de nuestro coraz\u00f3n Confirmar asistencia<\/p>\n","protected":false},"author":1,"featured_media":156,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-113","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Nuestro destino ya est\u00e1 escrito -<\/title>\n<meta name=\"description\" content=\"Toca el enlace... y d\u00e9jate llevar por el destino.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nuestro destino ya est\u00e1 escrito -\" \/>\n<meta property=\"og:description\" content=\"Toca el enlace... y d\u00e9jate llevar por el destino.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bodafranyjose.com\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T17:47:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bodafranyjose.com\/wp-content\/uploads\/2025\/10\/IMG_5736.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"932\" \/>\n\t<meta property=\"og:image:height\" content=\"567\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/\",\"url\":\"https:\\\/\\\/bodafranyjose.com\\\/\",\"name\":\"Nuestro destino ya est\u00e1 escrito -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bodafranyjose.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/IMG_5736.jpg\",\"datePublished\":\"2025-10-28T21:20:50+00:00\",\"dateModified\":\"2026-04-14T17:47:39+00:00\",\"description\":\"Toca el enlace... y d\u00e9jate llevar por el destino.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bodafranyjose.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bodafranyjose.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/IMG_5736.jpg\",\"contentUrl\":\"https:\\\/\\\/bodafranyjose.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/IMG_5736.jpg\",\"width\":932,\"height\":567,\"caption\":\"Screenshot\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/bodafranyjose.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nuestro destino ya est\u00e1 escrito\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#website\",\"url\":\"https:\\\/\\\/bodafranyjose.com\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bodafranyjose.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n","yoast_head_json":{"title":"Nuestro destino ya est\u00e1 escrito -","description":"Toca el enlace... y d\u00e9jate llevar por el destino.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Nuestro destino ya est\u00e1 escrito -","og_description":"Toca el enlace... y d\u00e9jate llevar por el destino.","og_url":"https:\/\/bodafranyjose.com\/","article_modified_time":"2026-04-14T17:47:39+00:00","og_image":[{"width":932,"height":567,"url":"https:\/\/bodafranyjose.com\/wp-content\/uploads\/2025\/10\/IMG_5736.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bodafranyjose.com\/","url":"https:\/\/bodafranyjose.com\/","name":"Nuestro destino ya est\u00e1 escrito -","isPartOf":{"@id":"https:\/\/bodafranyjose.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bodafranyjose.com\/#primaryimage"},"image":{"@id":"https:\/\/bodafranyjose.com\/#primaryimage"},"thumbnailUrl":"https:\/\/bodafranyjose.com\/wp-content\/uploads\/2025\/10\/IMG_5736.jpg","datePublished":"2025-10-28T21:20:50+00:00","dateModified":"2026-04-14T17:47:39+00:00","description":"Toca el enlace... y d\u00e9jate llevar por el destino.","breadcrumb":{"@id":"https:\/\/bodafranyjose.com\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bodafranyjose.com\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/bodafranyjose.com\/#primaryimage","url":"https:\/\/bodafranyjose.com\/wp-content\/uploads\/2025\/10\/IMG_5736.jpg","contentUrl":"https:\/\/bodafranyjose.com\/wp-content\/uploads\/2025\/10\/IMG_5736.jpg","width":932,"height":567,"caption":"Screenshot"},{"@type":"BreadcrumbList","@id":"https:\/\/bodafranyjose.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/bodafranyjose.com\/"},{"@type":"ListItem","position":2,"name":"Nuestro destino ya est\u00e1 escrito"}]},{"@type":"WebSite","@id":"https:\/\/bodafranyjose.com\/#website","url":"https:\/\/bodafranyjose.com\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bodafranyjose.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":330,"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":1036,"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/pages\/113\/revisions\/1036"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/media\/156"}],"wp:attachment":[{"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nInvitaci\u00f3n<\/title>\n<script src=\"\/config.js\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Poppins:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml, body {\n height: 100%;\n overflow: hidden;\n font-family: 'Poppins', sans-serif;\n background: #0a0608;\n color: #fff;\n}\n\n\/* FONDO *\/\n.bg {\n position: fixed;\n inset: 0;\n background-image: var(--foto);\n background-size: cover;\n background-position: center;\n filter: brightness(0.38);\n transform: scale(1.06);\n transition: transform 12s ease;\n z-index: 0;\n}\n.bg.zoom { transform: scale(1.0); }\n\n\/* PART\u00cdCULAS *\/\ncanvas {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 1;\n opacity: 0.5;\n}\n\n\/* CONTENIDO *\/\n.contenido {\n position: relative;\n z-index: 2;\n height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 40px 28px;\n text-align: center;\n}\n\n\/* SECUENCIA DE TEXTOS *\/\n.secuencia { position: relative; width: 100%; }\n\n.step {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n opacity: 0;\n transition: opacity 0.9s ease, transform 0.9s ease;\n transform: translate(-50%, calc(-50% + 18px));\n pointer-events: none;\n}\n\n.step.visible {\n opacity: 1;\n transform: translate(-50%, -50%);\n pointer-events: auto;\n}\n\n.step.saliendo {\n opacity: 0;\n transform: translate(-50%, calc(-50% - 18px));\n}\n\n\/* ESTILOS DE CADA STEP *\/\n.step-pre {\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 0.28em;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n margin-bottom: 12px;\n}\n\n.step-nombres {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(3.2rem, 12vw, 5.5rem);\n font-weight: 300;\n line-height: 1;\n color: #fff;\n}\n\n.step-amp {\n font-style: italic;\n color: var(--c, #b67b91);\n display: block;\n font-size: clamp(2rem, 7vw, 3.2rem);\n margin: 8px 0;\n}\n\n.step-fecha-num {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(5rem, 18vw, 8rem);\n font-weight: 300;\n line-height: 0.9;\n color: #fff;\n letter-spacing: -0.03em;\n}\n\n.step-fecha-detalle {\n font-size: 0.78rem;\n font-weight: 300;\n letter-spacing: 0.2em;\n color: rgba(255,255,255,0.5);\n text-transform: uppercase;\n margin-top: 12px;\n}\n\n.step-fecha-anio {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.6rem;\n font-weight: 300;\n color: var(--c, #b67b91);\n margin-top: 6px;\n letter-spacing: 0.1em;\n}\n\n.step-lugar {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.6rem, 6vw, 2.4rem);\n font-weight: 300;\n font-style: italic;\n color: #fff;\n line-height: 1.4;\n}\n\n.step-lugar-sub {\n font-size: 0.72rem;\n font-weight: 300;\n letter-spacing: 0.16em;\n color: rgba(255,255,255,0.4);\n text-transform: uppercase;\n margin-top: 10px;\n}\n\n\/* BOT\u00d3N FINAL *\/\n.step-final p {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.5rem, 5.5vw, 2.2rem);\n font-weight: 300;\n font-style: italic;\n color: #fff;\n line-height: 1.5;\n margin-bottom: 32px;\n}\n\n.btn-invitacion {\n display: inline-block;\n background: var(--c, #b67b91);\n color: #fff;\n border: none;\n border-radius: 999px;\n padding: 16px 40px;\n font-family: 'Poppins', sans-serif;\n font-size: 0.88rem;\n font-weight: 600;\n letter-spacing: 0.08em;\n cursor: pointer;\n text-decoration: none;\n transition: opacity 0.2s, transform 0.2s;\n}\n.btn-invitacion:hover { opacity: 0.85; transform: translateY(-2px); }\n\n\/* INDICADOR DE PROGRESO *\/\n.dots {\n position: fixed;\n bottom: 32px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n z-index: 3;\n}\n\n.dot {\n width: 6px; height: 6px;\n border-radius: 50%;\n background: rgba(255,255,255,0.25);\n transition: background 0.4s, transform 0.4s;\n}\n\n.dot.active {\n background: var(--c, #b67b91);\n transform: scale(1.3);\n}\n\n\/* L\u00cdNEA DECORATIVA *\/\n.linea-h {\n width: 48px;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(232,180,200,0.6), transparent);\n margin: 16px auto;\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"bg\" id=\"bg\"><\/div>\n<canvas id=\"canvas\"><\/canvas>\n\n<div class=\"contenido\">\n <div class=\"secuencia\" id=\"secuencia\" style=\"height: 320px;\">\n\n \n <div class=\"step\" id=\"step0\">\n <div class=\"step-pre\">Con toda la alegr\u00eda<\/div>\n <div class=\"linea-h\"><\/div>\n <div style=\"font-family:'Cormorant Garamond',serif; font-size:clamp(1.8rem,7vw,3rem); font-weight:300; font-style:italic; color:#fff; line-height:1.4;\">\n os invitamos a<br>celebrar con nosotros\n <\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step1\">\n <div class=\"step-pre\">La boda de<\/div>\n <div class=\"linea-h\"><\/div>\n <div class=\"step-nombres\" id=\"introNombres\"><\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step2\">\n <div class=\"step-pre\">El d\u00eda<\/div>\n <div class=\"step-fecha-num\" id=\"introFechaDia\"><\/div>\n <div class=\"step-fecha-detalle\" id=\"introFechaMes\"><\/div>\n <div class=\"step-fecha-anio\" id=\"introFechaAnio\"><\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step3\">\n <div class=\"step-pre\">Os esperamos en<\/div>\n <div class=\"linea-h\"><\/div>\n <div class=\"step-lugar\" id=\"introLugar\"><\/div>\n <div class=\"step-lugar-sub\" id=\"introHora\"><\/div>\n <\/div>\n\n \n <div class=\"step\" id=\"step4\">\n <div class=\"step-final\">\n <p>Estar\u00e9is en el lugar<br>m\u00e1s especial de nuestro coraz\u00f3n<\/p>\n <a class=\"btn-invitacion\" id=\"btnConfirmar\" href=\"#\">\n Confirmar asistencia\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"dots\" id=\"dots\"><\/div>\n\n<script>\n\/\/ \u2500\u2500 Config \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\ndocument.documentElement.style.setProperty('--c', BODA.color_principal);\ndocument.body.style.background = BODA.color_fondo;\n\n\/\/ Foto de fondo\nif (BODA.foto1) {\n document.getElementById('bg').style.setProperty('--foto', `url(${BODA.foto1})`);\n document.getElementById('bg').style.backgroundImage = `url(${BODA.foto1})`;\n} else {\n document.getElementById('bg').style.background = 'linear-gradient(160deg, #1a0812 0%, #0f0810 100%)';\n document.getElementById('bg').style.filter = 'none';\n}\n\n\/\/ Textos\ndocument.getElementById('introNombres').innerHTML =\n `${BODA.novio1}<span class=\"step-amp\">&<\/span>${BODA.novio2}`;\ndocument.getElementById('introFechaDia').textContent = BODA.fecha_dia;\ndocument.getElementById('introFechaMes').textContent = `${BODA.fecha_mes} \u00b7 ${BODA.fecha_dia_sem}`;\ndocument.getElementById('introFechaAnio').textContent = BODA.fecha_anio;\n\n\/\/ Lugar\nconst stepLugar = document.getElementById('step3');\nif (BODA.lugar_ceremonia || BODA.lugar_celebracion) {\n document.getElementById('introLugar').textContent = BODA.lugar_ceremonia || BODA.lugar_celebracion;\n document.getElementById('introHora').textContent = BODA.hora ? BODA.hora + 'h' : '';\n} else {\n stepLugar.style.display = 'none';\n}\n\n\/\/ URL del save the date\ndocument.getElementById('btnConfirmar').href = '\/index.php\/save-the-date\/';\n\n\/\/ \u2500\u2500 Secuencia \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst steps = [...document.querySelectorAll('.step')].filter(s => s.style.display !== 'none');\nconst tiempos = [3200, 3200, 3200, 3000, 0];\nlet actual = 0;\n\n\/\/ Dots\nconst dotsEl = document.getElementById('dots');\nsteps.forEach((_, i) => {\n const d = document.createElement('div');\n d.className = 'dot' + (i === 0 ? ' active' : '');\n dotsEl.appendChild(d);\n});\n\nfunction irA(i) {\n const dots = document.querySelectorAll('.dot');\n steps[actual].classList.remove('visible');\n steps[actual].classList.add('saliendo');\n setTimeout(() => steps[actual].classList.remove('saliendo'), 900);\n actual = i;\n steps[actual].classList.add('visible');\n dots.forEach((d, idx) => d.classList.toggle('active', idx === actual));\n}\n\n\/\/ Arranca\nsteps[0].classList.add('visible');\nsetTimeout(() => document.getElementById('bg').classList.add('zoom'), 100);\n\nlet timer;\nfunction siguiente() {\n if (actual < steps.length - 1) {\n irA(actual + 1);\n if (actual < steps.length - 1) {\n timer = setTimeout(siguiente, tiempos[actual] || 3200);\n }\n }\n}\ntimer = setTimeout(siguiente, tiempos[0]);\n\n\/\/ \u2500\u2500 Part\u00edculas \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst canvas = document.getElementById('canvas');\nconst ctx = canvas.getContext('2d');\nlet W, H, particles = [];\n\nfunction resize() { W = canvas.width = window.innerWidth; H = canvas.height = window.innerHeight; }\nwindow.addEventListener('resize', resize);\nresize();\n\nfunction rnd(a, b) { return a + Math.random() * (b - a); }\n\nfunction nuevaParticula() {\n return {\n x: rnd(0, W), y: rnd(H, H * 1.4),\n r: rnd(0.8, 2.4),\n vx: rnd(-0.3, 0.3), vy: rnd(-0.5, -1.3),\n alpha: rnd(0.4, 0.85),\n fade: rnd(0.0015, 0.005),\n color: `hsl(${rnd(310,360)},${rnd(55,85)}%,${rnd(70,92)}%)`\n };\n}\n\nfor (let i = 0; i < 160; i++) { const p = nuevaParticula(); p.y = rnd(0, H); particles.push(p); }\n\nfunction loop() {\n ctx.clearRect(0, 0, W, H);\n particles.forEach((p, i) => {\n p.x += p.vx; p.y += p.vy; p.alpha -= p.fade;\n if (p.alpha <= 0 || p.y < -10) { particles[i] = nuevaParticula(); return; }\n ctx.globalAlpha = p.alpha;\n ctx.fillStyle = p.color;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n ctx.fill();\n });\n ctx.globalAlpha = 1;\n requestAnimationFrame(loop);\n}\nloop();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Invitaci\u00f3n Con toda la alegr\u00eda os invitamos acelebrar con nosotros La boda de El d\u00eda Os esperamos en Estar\u00e9is en el lugarm\u00e1s especial de nuestro coraz\u00f3n Confirmar asistencia<\/p>\n","protected":false},"author":1,"featured_media":156,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-113","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Nuestro destino ya est\u00e1 escrito -<\/title>\n<meta name=\"description\" content=\"Toca el enlace... y d\u00e9jate llevar por el destino.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nuestro destino ya est\u00e1 escrito -\" \/>\n<meta property=\"og:description\" content=\"Toca el enlace... y d\u00e9jate llevar por el destino.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bodafranyjose.com\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T17:47:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bodafranyjose.com\/wp-content\/uploads\/2025\/10\/IMG_5736.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"932\" \/>\n\t<meta property=\"og:image:height\" content=\"567\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/\",\"url\":\"https:\\\/\\\/bodafranyjose.com\\\/\",\"name\":\"Nuestro destino ya est\u00e1 escrito -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bodafranyjose.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/IMG_5736.jpg\",\"datePublished\":\"2025-10-28T21:20:50+00:00\",\"dateModified\":\"2026-04-14T17:47:39+00:00\",\"description\":\"Toca el enlace... y d\u00e9jate llevar por el destino.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bodafranyjose.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bodafranyjose.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/IMG_5736.jpg\",\"contentUrl\":\"https:\\\/\\\/bodafranyjose.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/IMG_5736.jpg\",\"width\":932,\"height\":567,\"caption\":\"Screenshot\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/bodafranyjose.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nuestro destino ya est\u00e1 escrito\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bodafranyjose.com\\\/#website\",\"url\":\"https:\\\/\\\/bodafranyjose.com\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bodafranyjose.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n","yoast_head_json":{"title":"Nuestro destino ya est\u00e1 escrito -","description":"Toca el enlace... y d\u00e9jate llevar por el destino.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Nuestro destino ya est\u00e1 escrito -","og_description":"Toca el enlace... y d\u00e9jate llevar por el destino.","og_url":"https:\/\/bodafranyjose.com\/","article_modified_time":"2026-04-14T17:47:39+00:00","og_image":[{"width":932,"height":567,"url":"https:\/\/bodafranyjose.com\/wp-content\/uploads\/2025\/10\/IMG_5736.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bodafranyjose.com\/","url":"https:\/\/bodafranyjose.com\/","name":"Nuestro destino ya est\u00e1 escrito -","isPartOf":{"@id":"https:\/\/bodafranyjose.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bodafranyjose.com\/#primaryimage"},"image":{"@id":"https:\/\/bodafranyjose.com\/#primaryimage"},"thumbnailUrl":"https:\/\/bodafranyjose.com\/wp-content\/uploads\/2025\/10\/IMG_5736.jpg","datePublished":"2025-10-28T21:20:50+00:00","dateModified":"2026-04-14T17:47:39+00:00","description":"Toca el enlace... y d\u00e9jate llevar por el destino.","breadcrumb":{"@id":"https:\/\/bodafranyjose.com\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bodafranyjose.com\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/bodafranyjose.com\/#primaryimage","url":"https:\/\/bodafranyjose.com\/wp-content\/uploads\/2025\/10\/IMG_5736.jpg","contentUrl":"https:\/\/bodafranyjose.com\/wp-content\/uploads\/2025\/10\/IMG_5736.jpg","width":932,"height":567,"caption":"Screenshot"},{"@type":"BreadcrumbList","@id":"https:\/\/bodafranyjose.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/bodafranyjose.com\/"},{"@type":"ListItem","position":2,"name":"Nuestro destino ya est\u00e1 escrito"}]},{"@type":"WebSite","@id":"https:\/\/bodafranyjose.com\/#website","url":"https:\/\/bodafranyjose.com\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bodafranyjose.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":330,"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":1036,"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/pages\/113\/revisions\/1036"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/media\/156"}],"wp:attachment":[{"href":"https:\/\/bodafranyjose.com\/index.php\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}