Loreto & Jaime \u00b7 08.05.2027<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Lato:wght@300;400&display=swap\" rel=\"stylesheet\">\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\n:root{--burgundy:#6B2737;--burgundy-light:#8B3A4A;--cream:#FAF6F0;--gold:#B8976A;--gold-light:#D4B896;--text:#4A3728}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Lato',sans-serif;background:var(--cream);color:var(--text);font-weight:300;overflow-x:hidden}\n\n\/* OCULTAR ELEMENTOS DE WORDPRESS *\/\n.social-links,.social-navigation,.social-menu,.site-footer,footer.site-footer,#colophon,.widget,.widget-area,#secondary,.wp-block-social-links,.site-title,.site-description,.site-branding,.entry-title,h1.entry-title,.page-title,.page-header,.site-header,#masthead,#page .entry-header,.wp-site-blocks > header,header.wp-block-template-part,nav.wp-block-navigation{display:none !important}\np a[href^=\"tel\"], p a[href^=\"mailto\"]{color:inherit !important;text-decoration:none !important}\np{text-decoration:none !important}\n\n\/* INTRO *\/\n#intro{position:relative;width:100%;min-height:100vh;z-index:999;background:linear-gradient(180deg,#0d2a45 0%,#1a4a7a 40%,#2a7aaa 70%,#3a9acc 85%,#c8e8d0 92%,#e8f5e0 96%,#f0f8e8 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;transition:opacity 1.2s ease}\n#intro.fade-out{opacity:0;pointer-events:none;max-height:0;overflow:hidden;transition:opacity 1.2s ease,max-height 0s 1.2s}\n.stars{position:absolute;top:0;left:0;width:100%;height:50%;pointer-events:none}\n.star{position:absolute;background:white;border-radius:50%;animation:twinkle 2s infinite alternate}\n@keyframes twinkle{0%{opacity:0.2}100%{opacity:1}}\n.sea{position:absolute;bottom:0;left:0;width:100%;height:28%;overflow:hidden}\n.wave{position:absolute;bottom:0;left:-100%;width:300%}\n.wave1{animation:waveMove 6s linear infinite}\n.wave2{animation:waveMove 9s linear infinite;opacity:0.6;bottom:6px}\n@keyframes waveMove{0%{transform:translateX(0)}100%{transform:translateX(33.33%)}}\n#boat-container{position:absolute;bottom:22%;left:-320px;animation:sail 4.5s cubic-bezier(0.25,0.1,0.4,1) forwards}\n@keyframes sail{0%{left:-320px;transform:translateY(0)}60%{left:calc(50% - 140px);transform:translateY(-12px)}80%{left:calc(50% - 140px);transform:translateY(0)}100%{left:calc(50% - 140px);transform:translateY(0)}}\n.boat-svg{width:280px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))}\n.wake{position:absolute;bottom:22%;left:calc(50% - 140px);width:280px;height:20px;opacity:0;animation:wakeAppear 1s 3.5s ease forwards}\n@keyframes wakeAppear{to{opacity:1}}\n.intro-text{position:absolute;top:8%;width:100%;text-align:center;animation:fadeInDown 1s 0.5s ease both}\n@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}\n.intro-text h1{font-family:'Playfair Display',serif;color:white;font-size:3.8rem;font-weight:400;letter-spacing:0.1em;text-shadow:0 2px 20px rgba(0,0,0,0.5)}\n.intro-text p{color:var(--gold-light);font-size:1.4rem;letter-spacing:0.4em;text-transform:uppercase;margin-top:1rem}\n.skip-btn{position:absolute;bottom:2rem;right:2rem;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:white;padding:0.4rem 1rem;font-size:0.75rem;letter-spacing:0.1em;border-radius:2px;cursor:pointer;font-family:'Lato',sans-serif}\n.enter-btn{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);background:var(--burgundy);color:white;border:none;padding:0.9rem 2.5rem;font-family:'Lato',sans-serif;font-size:0.8rem;letter-spacing:0.25em;text-transform:uppercase;border-radius:2px;cursor:pointer;opacity:0;animation:fadeIn 0.8s 4.5s ease forwards;white-space:nowrap}\n@keyframes fadeIn{to{opacity:1}}\n\n\/* M\u00daSICA *\/\n.music-toggle{position:fixed;bottom:1.5rem;right:1.5rem;z-index:201;width:48px;height:48px;border-radius:50%;background:var(--burgundy);border:none;color:white;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 12px rgba(107,39,55,0.4);display:flex;align-items:center;justify-content:center}\n.music-toggle:hover{background:var(--burgundy-light)}\n\n\/* NAV *\/\nnav{position:fixed;top:0;width:100%;z-index:100;background:rgba(250,246,240,0.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--gold-light);padding:0.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center}\n.nav-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}\nnav a{font-family:'Lato',sans-serif;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--burgundy);text-decoration:none;transition:color 0.3s}\nnav a:hover{color:var(--gold)}\n.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}\n.hamburger span{width:22px;height:2px;background:var(--burgundy);display:block}\n.nav-mobile{display:none;position:fixed;top:48px;left:0;width:100%;background:rgba(250,246,240,0.98);border-bottom:1px solid var(--gold-light);flex-direction:column;align-items:center;z-index:99}\n.nav-mobile a{font-family:'Lato',sans-serif;font-size:0.8rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--burgundy);text-decoration:none;padding:0.9rem 0;width:100%;text-align:center;border-bottom:1px solid var(--gold-light)}\n.nav-mobile.open{display:flex}\n@media(max-width:900px){.nav-links{display:none}.hamburger{display:flex}}\n\n\/* HERO *\/\n#hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 4rem}\n@media(max-width:900px){#hero{padding-top:5rem}}\n.vine-divider{color:var(--gold);font-size:1.2rem;margin:1rem 0;letter-spacing:0.3em}\n#hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,6rem);color:var(--burgundy);font-weight:400;line-height:1.1;letter-spacing:0.05em;white-space:nowrap}\n#hero .ampersand{font-style:italic;color:var(--gold)}\n#hero .date{font-size:0.85rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--burgundy);margin:1.5rem 0;font-weight:400}\n.hero-photo{width:min(320px,75vw);border-radius:4px;border:6px solid white;box-shadow:0 8px 40px rgba(107,39,55,0.2);margin:2rem 0;transform:rotate(-1deg)}\n\n\/* COUNTDOWN *\/\n#countdown{display:flex;gap:2rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}\n.cd-item{text-align:center}\n.cd-num{font-family:'Playfair Display',serif;font-size:2.5rem;color:var(--burgundy);font-weight:600;display:block}\n.cd-label{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold)}\n\n\/* SECTIONS *\/\nsection{padding:5rem 2rem;max-width:860px;margin:0 auto}\n.section-label{font-size:0.8rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--burgundy);text-align:center;margin-bottom:0.5rem;font-weight:400;opacity:0.8}\n.section-title{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--burgundy);text-align:center;font-weight:400;margin-bottom:2.5rem}\n.gold-line{width:60px;height:1px;background:var(--gold);margin:1rem auto 2.5rem}\n\n\/* TIMELINE *\/\n.timeline{display:flex;flex-direction:column;position:relative}\n.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--gold-light);transform:translateX(-50%)}\n.tl-item{display:flex;gap:2rem;align-items:center;margin-bottom:3rem}\n.tl-item:nth-child(even){flex-direction:row-reverse}\n.tl-content{flex:1;text-align:right}\n.tl-item:nth-child(even) .tl-content{text-align:left}\n.tl-dot{width:12px;height:12px;background:var(--burgundy);border-radius:50%;border:2px solid var(--gold);flex-shrink:0;position:relative;z-index:1}\n.tl-photo{flex:1;display:flex;justify-content:flex-end}\n.tl-item:nth-child(even) .tl-photo{justify-content:flex-start}\n.tl-photo img{width:180px;border-radius:4px;border:4px solid white;box-shadow:0 4px 20px rgba(107,39,55,0.15)}\n.tl-year{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--burgundy);font-weight:600}\n.tl-text{font-size:0.9rem;line-height:1.7;color:var(--text);margin-top:0.3rem}\n\n\/* CARDS *\/\n.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}\n.card{background:white;border:1px solid var(--gold-light);border-radius:4px;padding:2rem;text-align:center}\n.card-icon{font-size:2rem;margin-bottom:1rem}\n.card h3{font-family:'Playfair Display',serif;color:var(--burgundy);font-size:1.2rem;margin-bottom:0.5rem;font-weight:400}\n.card p{font-size:0.88rem;line-height:1.7;color:var(--text)}\n\n\/* ETIQUETAS *\/\n#aparcamiento .etiquetas{grid-template-columns:repeat(3,1fr);gap:0.5rem}\n#aparcamiento .etiquetas .card{padding:0.5rem}\n#aparcamiento .etiquetas .card-icon{font-size:0.8rem;margin-bottom:0.15rem}\n#aparcamiento .etiquetas .card h3{font-size:0.68rem;margin-bottom:0.15rem}\n#aparcamiento .etiquetas .card p{font-size:0.62rem;line-height:1.3}\n\n\/* BUS \/ HOTEL BOX *\/\n.bus-box{background:white;border:1px solid var(--gold-light);border-radius:4px;padding:2.5rem;text-align:center;max-width:560px;margin:0 auto}\n.bus-box h3{font-family:'Playfair Display',serif;color:var(--burgundy);font-size:1.3rem;margin-bottom:1rem;font-weight:400}\n.bus-box p{font-size:0.9rem;line-height:1.8;color:var(--text)}\n\n\/* RSVP *\/\n#rsvp{text-align:center}\n.rsvp-btn{display:inline-block;margin-top:1.5rem;padding:1rem 3rem;background:var(--burgundy);color:white;text-decoration:none;font-family:'Lato',sans-serif;font-size:0.8rem;letter-spacing:0.25em;text-transform:uppercase;border-radius:2px;transition:background 0.3s}\n.rsvp-btn:hover{background:var(--burgundy-light)}\n\n\/* FOOTER *\/\nfooter{background:var(--burgundy);color:var(--cream);text-align:center;padding:3rem 2rem}\nfooter h2{font-family:'Playfair Display',serif;font-size:2rem;font-weight:400;margin-bottom:0.5rem}\nfooter p{font-size:0.8rem;letter-spacing:0.2em;color:var(--gold-light);margin-top:0.5rem}\n\n@media(max-width:600px){\n .timeline::before{left:20px}\n .tl-item,.tl-item:nth-child(even){flex-direction:column;align-items:flex-start;padding-left:40px}\n .tl-content,.tl-item:nth-child(even) .tl-content{text-align:left}\n .tl-photo,.tl-item:nth-child(even) .tl-photo{justify-content:flex-start}\n .tl-dot{position:absolute;left:14px}\n .tl-item{position:relative}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<audio id=\"bgMusic\" loop>\n <source src=\"https:\/\/loretoyjaime.es\/wp-content\/uploads\/2026\/07\/01-01-Todo-Contigo.mp3\" type=\"audio\/mpeg\">\n<\/audio>\n<button class=\"music-toggle\" onclick=\"toggleMusic()\" id=\"musicBtn\" title=\"M\u00fasica\">\ud83c\udfb5<\/button>\n\n\n<div id=\"intro\">\n <div class=\"stars\" id=\"stars\"><\/div>\n <div class=\"intro-text\">\n <h1>Loreto <span style=\"font-style:italic;color:#D4B896\">&<\/span> Jaime<\/h1>\n <p>08 \u00b7 05 \u00b7 2027<\/p>\n <\/div>\n <div class=\"sea\">\n <div class=\"wave wave1\">\n <svg viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:100px\">\n <path d=\"M0,60 C150,100 350,20 600,60 C850,100 1050,20 1200,60 L1200,120 L0,120 Z\" fill=\"#2a7aaa\" opacity=\"0.85\"\/>\n <path d=\"M0,80 C200,40 400,100 600,80 C800,60 1000,100 1200,80 L1200,120 L0,120 Z\" fill=\"#1a5a8a\"\/>\n <\/svg>\n <\/div>\n <div class=\"wave wave2\">\n <svg viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:100px\">\n <path d=\"M0,40 C200,90 400,10 600,50 C800,90 1000,20 1200,50 L1200,120 L0,120 Z\" fill=\"#0d3a5c\" opacity=\"0.8\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div id=\"boat-container\">\n <svg class=\"boat-svg\" viewBox=\"0 0 180 110\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M10,72 L22,88 L158,88 L170,72 Z\" fill=\"#1a1a2e\"\/>\n <path d=\"M15,72 L165,72 L156,86 L24,86 Z\" fill=\"#2a2a4e\"\/>\n <rect x=\"12\" y=\"70\" width=\"156\" height=\"4\" rx=\"2\" fill=\"#8B0000\"\/>\n <rect x=\"35\" y=\"44\" width=\"110\" height=\"30\" rx=\"3\" fill=\"white\"\/>\n <rect x=\"35\" y=\"44\" width=\"110\" height=\"9\" rx=\"2\" fill=\"#e0e0e0\"\/>\n <rect x=\"44\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"59\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"74\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"89\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"104\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"119\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"28\" y=\"40\" width=\"124\" height=\"6\" rx=\"2\" fill=\"#c8c8c8\"\/>\n <line x1=\"30\" y1=\"40\" x2=\"30\" y2=\"36\" stroke=\"#aaa\" stroke-width=\"1.5\"\/>\n <line x1=\"150\" y1=\"40\" x2=\"150\" y2=\"36\" stroke=\"#aaa\" stroke-width=\"1.5\"\/>\n <line x1=\"30\" y1=\"36\" x2=\"150\" y2=\"36\" stroke=\"#aaa\" stroke-width=\"1\"\/>\n <rect x=\"78\" y=\"20\" width=\"22\" height=\"24\" rx=\"3\" fill=\"#1a1a2e\"\/>\n <rect x=\"75\" y=\"15\" width=\"28\" height=\"9\" rx=\"3\" fill=\"#2a2a4e\"\/>\n <circle cx=\"85\" cy=\"12\" r=\"4\" fill=\"rgba(210,210,210,0.55)\">\n <animate attributeName=\"cy\" values=\"12;3;12\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.6;0;0.6\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"r\" values=\"3;7;3\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"93\" cy=\"10\" r=\"3\" fill=\"rgba(210,210,210,0.4)\">\n <animate attributeName=\"cy\" values=\"10;1;10\" dur=\"2.8s\" begin=\"0.4s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.5;0;0.5\" dur=\"2.8s\" begin=\"0.4s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"r\" values=\"2;6;2\" dur=\"2.8s\" begin=\"0.4s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"89\" cy=\"8\" r=\"2.5\" fill=\"rgba(210,210,210,0.3)\">\n <animate attributeName=\"cy\" values=\"8;0;8\" dur=\"3s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.4;0;0.4\" dur=\"3s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"r\" values=\"2;5;2\" dur=\"3s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <line x1=\"89\" y1=\"15\" x2=\"89\" y2=\"2\" stroke=\"#888\" stroke-width=\"1.5\"\/>\n <polygon points=\"89,2 103,7 89,12\" fill=\"#B8976A\"\/>\n <rect x=\"38\" y=\"38\" width=\"14\" height=\"5\" rx=\"2.5\" fill=\"#FF6B35\"\/>\n <rect x=\"128\" y=\"38\" width=\"14\" height=\"5\" rx=\"2.5\" fill=\"#FF6B35\"\/>\n <\/svg>\n <\/div>\n <div class=\"wake\">\n <svg viewBox=\"0 0 280 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M140,5 Q70,15 0,10\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M140,10 Q70,18 0,15\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"1.5\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n <button class=\"enter-btn\" onclick=\"enterSite()\">Entrar a la invitaci\u00f3n \u2726<\/button>\n <button class=\"skip-btn\" onclick=\"enterSite()\">Saltar intro<\/button>\n<\/div>\n\n\n<nav>\n <div class=\"nav-links\">\n <a href=\"#historia\">Nuestra historia<\/a>\n <a href=\"#ceremonia\">Ceremonia<\/a>\n <a href=\"#autobus\">Autob\u00fas<\/a>\n <a href=\"#aparcamiento\">Aparcamiento<\/a>\n <a href=\"#hotel\">Hotel<\/a>\n <a href=\"#rsvp\">Confirmar<\/a>\n <\/div>\n <button class=\"hamburger\" onclick=\"toggleMenu()\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n<\/nav>\n<div class=\"nav-mobile\" id=\"navMobile\">\n <a href=\"#historia\" onclick=\"toggleMenu()\">Nuestra historia<\/a>\n <a href=\"#ceremonia\" onclick=\"toggleMenu()\">Ceremonia<\/a>\n <a href=\"#autobus\" onclick=\"toggleMenu()\">Autob\u00fas<\/a>\n <a href=\"#aparcamiento\" onclick=\"toggleMenu()\">Aparcamiento<\/a>\n <a href=\"#hotel\" onclick=\"toggleMenu()\">Hotel<\/a>\n <a href=\"#rsvp\" onclick=\"toggleMenu()\">Confirmar<\/a>\n<\/div>\n\n\n<section id=\"hero\">\n <p class=\"section-label\">Os invitamos a nuestra boda<\/p>\n <div class=\"vine-divider\">\ud83c\udf77 \u00b7 \u00b7 \u00b7 \ud83c\udf38 \u00b7 \u00b7 \u00b7 \ud83c\udf77<\/div>\n <h1>Loreto <span class=\"ampersand\">&<\/span> Jaime<\/h1>\n <p class=\"date\"><strong>8 de mayo de 2027 \u00b7 Madrid<\/strong><\/p>\n <img decoding=\"async\" class=\"hero-photo\" src=\"https:\/\/loretoyjaime.es\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-17-at-21.24.35.jpeg\" alt=\"Loreto y Jaime\">\n <div id=\"countdown\">\n <div class=\"cd-item\"><span class=\"cd-num\" id=\"cd-days\">—<\/span><span class=\"cd-label\">d\u00edas<\/span><\/div>\n <div class=\"cd-item\"><span class=\"cd-num\" id=\"cd-hours\">—<\/span><span class=\"cd-label\">horas<\/span><\/div>\n <div class=\"cd-item\"><span class=\"cd-num\" id=\"cd-min\">—<\/span><span class=\"cd-label\">minutos<\/span><\/div>\n <div class=\"cd-item\"><span class=\"cd-num\" id=\"cd-sec\">—<\/span><span class=\"cd-label\">segundos<\/span><\/div>\n <\/div>\n <div class=\"vine-divider\">\u00b7 \u00b7 \u00b7<\/div>\n<\/section>\n\n\n<section id=\"historia\">\n <p class=\"section-label\">C\u00f3mo llegamos hasta aqu\u00ed<\/p>\n <h2 class=\"section-title\">Nuestra historia<\/h2>\n <div class=\"gold-line\"><\/div>\n <div class=\"timeline\">\n <div class=\"tl-item\">\n <div class=\"tl-content\">\n <div class=\"tl-year\">2012<\/div>\n <p class=\"tl-text\">Nos conocimos en un crucero. El destino puso a dos desconocidos en el mismo barco, y algo especial empez\u00f3 a tomar forma entre las olas.<\/p>\n <\/div>\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-photo\">\n <img decoding=\"async\" src=\"https:\/\/loretoyjaime.es\/wp-content\/uploads\/2026\/05\/FOTO-BARCO.jpg-1.webp\" alt=\"El crucero donde nos conocimos\">\n <\/div>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-content\">\n <div class=\"tl-year\">2023<\/div>\n <p class=\"tl-text\">Once a\u00f1os despu\u00e9s, el destino volvi\u00f3 a unir nuestros caminos. Como si el tiempo nunca hubiera pasado, nos reencontramos y ya no nos soltamos.<\/p>\n <\/div>\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-photo\"><\/div>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-content\">\n <div class=\"tl-year\">La pedida<\/div>\n <p class=\"tl-text\">Entre los vi\u00f1edos del Domaine de la Roman\u00e9e-Conti, en Borgo\u00f1a, Jaime le pregunt\u00f3 a Loreto si quer\u00eda casarse con \u00e9l con una botella de Cr\u00e9mant y dos copas.<\/p>\n <\/div>\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-photo\">\n <img decoding=\"async\" src=\"https:\/\/loretoyjaime.es\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-17-at-21.16.18.jpeg\" alt=\"La pedida en Roman\u00e9e-Conti\">\n <\/div>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-content\">\n <div class=\"tl-year\">08 \u00b7 05 \u00b7 2027<\/div>\n <p class=\"tl-text\">Y ahora, queremos celebrarlo con todos vosotros. Os esperamos.<\/p>\n <\/div>\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-photo\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"ceremonia\">\n <p class=\"section-label\">El gran d\u00eda<\/p>\n <h2 class=\"section-title\">D\u00f3nde y cu\u00e1ndo<\/h2>\n <div class=\"gold-line\"><\/div>\n <div class=\"cards-grid\">\n <div class=\"card\">\n <div class=\"card-icon\">\u26ea<\/div>\n <h3>La ceremonia<\/h3>\n <p><strong>Bas\u00edlica Pontificia de San Miguel<\/strong><br>Calle de San Justo, 4 \u00b7 Madrid<\/p>\n <p style=\"color:var(--burgundy);font-weight:400;margin-top:0.5rem\">Hora: 17:00 h<\/p>\n <p style=\"margin-top:1rem\"><a href=\"https:\/\/maps.google.com\/?q=Bas\u00edlica+Pontificia+San+Miguel+Madrid\" target=\"_blank\" style=\"color:var(--burgundy);font-size:0.8rem;letter-spacing:0.1em\">Ver en el mapa \u2192<\/a><\/p>\n <\/div>\n <div id=\"banquete\" class=\"card\">\n <div class=\"card-icon\">\ud83c\udf3f<\/div>\n <h3>El banquete<\/h3>\n <p><strong>Finca Buenos Aires<\/strong><br>Cubas de la Sagra, Madrid<\/p>\n <p style=\"color:var(--burgundy);font-weight:400;margin-top:0.5rem\">Hora: 19:30 h<\/p>\n <p style=\"margin-top:1rem\"><a href=\"https:\/\/maps.google.com\/?q=Finca+Buenos+Aires+Cubas+de+la+Sagra\" target=\"_blank\" style=\"color:var(--burgundy);font-size:0.8rem;letter-spacing:0.1em\">Ver en el mapa \u2192<\/a><\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"autobus\">\n <p class=\"section-label\">Os lo ponemos f\u00e1cil<\/p>\n <h2 class=\"section-title\">Autob\u00fas<\/h2>\n <div class=\"gold-line\"><\/div>\n <div class=\"bus-box\">\n <h3>\ud83d\ude8c Lanzadera Madrid \u2192 Finca Buenos Aires<\/h3>\n <p>Organizaremos un autob\u00fas para que pod\u00e1is llegar a la finca sin preocupaciones y disfrutar la noche al m\u00e1ximo.<\/p>\n <p style=\"margin-top:1rem\">\n \ud83d\udccd Punto de recogida: Bas\u00edlica Pontificia de San Miguel<br>\n \ud83d\udd50 Ida: 19:00 h \u00b7 salida desde la iglesia<br>\n<br>\n \ud83d\udd04 Vuelta: pendiente de confirmar\n <\/p>\n <p style=\"margin-top:1.5rem;font-size:0.82rem;color:var(--text)\">Indicad si cog\u00e9is el autob\u00fas al confirmar vuestra asistencia.<\/p>\n <\/div>\n<\/section>\n\n\n<div style=\"text-align:center;padding:2rem 2rem 0\">\n <a href=\"https:\/\/forms.gle\/9BKhhLmXYZHPQmRRA\" class=\"rsvp-btn\" target=\"_blank\">Confirmar asistencia<\/a>\n<\/div>\n\n\n<section id=\"aparcamiento\">\n <p class=\"section-label\">Si vas en coche<\/p>\n <h2 class=\"section-title\">Aparcamiento en Madrid<\/h2>\n <div class=\"gold-line\"><\/div>\n <div class=\"cards-grid etiquetas\">\n <div class=\"card\">\n <div class=\"card-icon\">\ud83d\udd35<\/div>\n <h3>Etiqueta 0<\/h3>\n <p>Puedes entrar a Madrid Central y aparcar en zona azul y verde gratis y sin l\u00edmite de tiempo.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\" style=\"font-size:0.8rem;background:linear-gradient(90deg,#0077cc 50%,#00a651 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700\">ECO<\/div>\n <h3>Etiqueta ECO<\/h3>\n <p>Puedes entrar a Madrid Central. Zona verde m\u00e1ximo 2 horas y zona azul m\u00e1ximo 4 horas.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">\ud83d\udfe2<\/div>\n <h3>Etiqueta C<\/h3>\n <p>Solo parking privado o p\u00fablico. No puedes aparcar en la calle en Madrid Central.<\/p>\n <\/div>\n <\/div>\n <h3 style=\"font-family:'Playfair Display',serif;color:var(--burgundy);text-align:center;font-weight:400;font-size:1.3rem;margin:2.5rem 0 1.5rem\">\ud83c\udd7f\ufe0f Parkings cercanos a la Bas\u00edlica<\/h3>\n <div class=\"cards-grid\">\n <div class=\"card\">\n <h3>Plaza de Oriente<\/h3>\n <p>\ud83d\udccd Plaza de Oriente, 1<br>\ud83d\udeb6 7 min caminando<\/p>\n <\/div>\n <div class=\"card\">\n <h3>Plaza Mayor<\/h3>\n <p>\ud83d\udccd Felipe III, 11<br>(entrada por c\/ Mayor)<br>\ud83d\udeb6 7 min caminando<\/p>\n <\/div>\n <div class=\"card\">\n <h3>Plaza de las Descalzas<\/h3>\n <p>\ud83d\udccd Plaza de las Descalzas, s\/n<br>\ud83d\udeb6 10 min caminando<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"hotel\">\n <p class=\"section-label\">D\u00f3nde dormir<\/p>\n <h2 class=\"section-title\">Hotel recomendado<\/h2>\n <p style=\"text-align:center;color:var(--text);font-size:0.9rem;margin-top:-1.5rem;margin-bottom:2rem\">Si vas en coche a la finca<\/p>\n <div class=\"gold-line\"><\/div>\n <div class=\"bus-box\">\n <h3>\ud83c\udfe8 Hotel Vivar<\/h3>\n <p>A 5 minutos de la finca, en Gri\u00f1\u00f3n. Disfrutad la noche sin preocuparos del regreso.<\/p>\n <p style=\"margin-top:1rem;font-size:0.85rem\">\ud83d\udccd Calle Mayor, 15 \u00b7 Gri\u00f1\u00f3n, Madrid<br>\ud83d\udcde +34 918 14 02 34<\/p>\n <p style=\"margin-top:1rem\"><a href=\"https:\/\/maps.google.com\/?q=Hotel+Vivar+Gri\u00f1\u00f3n+Madrid\" target=\"_blank\" style=\"color:var(--burgundy);font-size:0.8rem;letter-spacing:0.1em\">Ver en el mapa \u2192<\/a><\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"dresscode\">\n <p class=\"section-label\">C\u00f3mo venir<\/p>\n <h2 class=\"section-title\">Dress code<\/h2>\n <div class=\"gold-line\"><\/div>\n <div class=\"cards-grid\">\n <div class=\"card\">\n <div class=\"card-icon\">\ud83e\udd35<\/div>\n <h3>El novio<\/h3>\n <p>Jaime lucir\u00e1 chaqu\u00e9. Los dem\u00e1s caballeros, \u00a1como m\u00e1s guapos os sint\u00e1is!<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">\ud83e\udd0d<\/div>\n <h3>Una sola regla<\/h3>\n <p>Venid como quer\u00e1is y con lo que m\u00e1s os guste\u2026 con una \u00fanica excepci\u00f3n:<\/p>\n <p style=\"margin-top:0.8rem;font-family:'Playfair Display',serif;color:var(--burgundy);font-size:1rem;font-style:italic\">El blanco es exclusivo de la novia \ud83d\ude4f<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"rsvp\">\n <p class=\"section-label\">Os esperamos<\/p>\n <h2 class=\"section-title\">Confirma tu asistencia<\/h2>\n <div class=\"gold-line\"><\/div>\n <div style=\"text-align:center;margin:1rem auto;max-width:300px;background:white;border:1px solid var(--gold-light);border-radius:4px;padding:1.2rem\">\n <p style=\"font-family:'Playfair Display',serif;color:var(--burgundy);font-size:0.88rem;font-style:italic;line-height:1.6\">Vuestra compa\u00f1\u00eda har\u00e1 este d\u00eda inolvidable. Si quer\u00e9is ayudarnos a empezar esta nueva etapa juntos, pod\u00e9is hacerlo aqu\u00ed:<\/p>\n <p style=\"margin-top:0.5rem;font-size:0.65rem;color:var(--text);letter-spacing:0.03em\">ES23 0073 0100 5308 4881 0525<\/p>\n <\/div>\n\n <div style=\"text-align:center\">\n <a href=\"https:\/\/forms.gle\/9BKhhLmXYZHPQmRRA\" class=\"rsvp-btn\" target=\"_blank\">Confirmar asistencia<\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <h2>Loreto & Jaime<\/h2>\n <p>08 \u00b7 05 \u00b7 2027<\/p>\n <p style=\"margin-top:1.5rem;font-size:0.75rem;opacity:0.7\">Con todo nuestro cari\u00f1o, os esperamos<\/p>\n <div style=\"margin-top:1.5rem;font-size:1.2rem;letter-spacing:0.5rem;color:var(--gold-light)\">\ud83c\udf77 \ud83c\udf38 \ud83c\udf77<\/div>\n<\/footer>\n\n<script>\n\/\/ M\u00fasica\nconst music = document.getElementById('bgMusic');\nconst musicBtn = document.getElementById('musicBtn');\nlet playing = false;\n\nfunction toggleMusic(){\n if(playing){music.pause();musicBtn.textContent='\ud83c\udfb5';playing=false;}\n else{music.play();musicBtn.textContent='\u23f8';playing=true;}\n}\n\ndocument.addEventListener('click',function startMusic(){\n if(!playing){\n music.play().then(()=>{musicBtn.textContent='\u23f8';playing=true;}).catch(()=>{});\n }\n document.removeEventListener('click',startMusic);\n},{once:true});\n\n\/\/ Men\u00fa hamburguesa\nfunction toggleMenu(){\n document.getElementById('navMobile').classList.toggle('open');\n}\n\n\/\/ Estrellas\nconst starsEl=document.getElementById('stars');\nfor(let i=0;i<60;i++){\n const s=document.createElement('div');\n s.className='star';\n const sz=Math.random()*2.5+0.8;\n s.style.cssText=`width:${sz}px;height:${sz}px;top:${Math.random()*100}%;left:${Math.random()*100}%;animation-delay:${Math.random()*2.5}s;animation-duration:${1.5+Math.random()*2}s`;\n starsEl.appendChild(s);\n}\n\n\/\/ Entrar al sitio\nfunction enterSite(){\n const intro=document.getElementById('intro');\n intro.classList.add('fade-out');\n setTimeout(()=>{\n intro.style.display='none';\n document.getElementById('hero').scrollIntoView({behavior:'smooth'});\n },1200);\n}\n\n\/\/ Countdown\nfunction updateCountdown(){\n const wedding=new Date('2027-05-08T17:00:00');\n const now=new Date();\n const diff=wedding-now;\n if(diff<=0){document.getElementById('countdown').innerHTML='<p style=\"font-family:Playfair Display,serif;color:#6B2737;font-size:1.5rem\">\u00a1Hoy es el d\u00eda! \ud83c\udf89<\/p>';return;}\n document.getElementById('cd-days').textContent=Math.floor(diff\/86400000);\n document.getElementById('cd-hours').textContent=String(Math.floor((diff%86400000)\/3600000)).padStart(2,'0');\n document.getElementById('cd-min').textContent=String(Math.floor((diff%3600000)\/60000)).padStart(2,'0');\n document.getElementById('cd-sec').textContent=String(Math.floor((diff%60000)\/1000)).padStart(2,'0');\n}\nupdateCountdown();\nsetInterval(updateCountdown,1000);\nsetTimeout(enterSite,7000);\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Loreto & Jaime \u00b7 08.05.2027 \ud83c\udfb5 Loreto & Jaime 08 \u00b7 05 \u00b7 2027 Entrar a la invitaci\u00f3n \u2726 Saltar intro Nuestra historia Ceremonia Autob\u00fas Aparcamiento Hotel Confirmar Nuestra historia Ceremonia Autob\u00fas Aparcamiento Hotel Confirmar Os invitamos a nuestra boda \ud83c\udf77 \u00b7 \u00b7 \u00b7 \ud83c\udf38 \u00b7 \u00b7 \u00b7 \ud83c\udf77 Loreto & Jaime 8 de mayo […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=87"}],"version-history":[{"count":7,"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions\/97"}],"wp:attachment":[{"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":87,"date":"2026-07-04T17:56:43","date_gmt":"2026-07-04T17:56:43","guid":{"rendered":"https:\/\/loretoyjaime.es\/?page_id=87"},"modified":"2026-07-13T16:40:03","modified_gmt":"2026-07-13T16:40:03","slug":"boda","status":"publish","type":"page","link":"https:\/\/loretoyjaime.es\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nLoreto & Jaime \u00b7 08.05.2027<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Lato:wght@300;400&display=swap\" rel=\"stylesheet\">\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\n:root{--burgundy:#6B2737;--burgundy-light:#8B3A4A;--cream:#FAF6F0;--gold:#B8976A;--gold-light:#D4B896;--text:#4A3728}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Lato',sans-serif;background:var(--cream);color:var(--text);font-weight:300;overflow-x:hidden}\n\n\/* OCULTAR ELEMENTOS DE WORDPRESS *\/\n.social-links,.social-navigation,.social-menu,.site-footer,footer.site-footer,#colophon,.widget,.widget-area,#secondary,.wp-block-social-links,.site-title,.site-description,.site-branding,.entry-title,h1.entry-title,.page-title,.page-header,.site-header,#masthead,#page .entry-header,.wp-site-blocks > header,header.wp-block-template-part,nav.wp-block-navigation{display:none !important}\np a[href^=\"tel\"], p a[href^=\"mailto\"]{color:inherit !important;text-decoration:none !important}\np{text-decoration:none !important}\n\n\/* INTRO *\/\n#intro{position:relative;width:100%;min-height:100vh;z-index:999;background:linear-gradient(180deg,#0d2a45 0%,#1a4a7a 40%,#2a7aaa 70%,#3a9acc 85%,#c8e8d0 92%,#e8f5e0 96%,#f0f8e8 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;transition:opacity 1.2s ease}\n#intro.fade-out{opacity:0;pointer-events:none;max-height:0;overflow:hidden;transition:opacity 1.2s ease,max-height 0s 1.2s}\n.stars{position:absolute;top:0;left:0;width:100%;height:50%;pointer-events:none}\n.star{position:absolute;background:white;border-radius:50%;animation:twinkle 2s infinite alternate}\n@keyframes twinkle{0%{opacity:0.2}100%{opacity:1}}\n.sea{position:absolute;bottom:0;left:0;width:100%;height:28%;overflow:hidden}\n.wave{position:absolute;bottom:0;left:-100%;width:300%}\n.wave1{animation:waveMove 6s linear infinite}\n.wave2{animation:waveMove 9s linear infinite;opacity:0.6;bottom:6px}\n@keyframes waveMove{0%{transform:translateX(0)}100%{transform:translateX(33.33%)}}\n#boat-container{position:absolute;bottom:22%;left:-320px;animation:sail 4.5s cubic-bezier(0.25,0.1,0.4,1) forwards}\n@keyframes sail{0%{left:-320px;transform:translateY(0)}60%{left:calc(50% - 140px);transform:translateY(-12px)}80%{left:calc(50% - 140px);transform:translateY(0)}100%{left:calc(50% - 140px);transform:translateY(0)}}\n.boat-svg{width:280px;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))}\n.wake{position:absolute;bottom:22%;left:calc(50% - 140px);width:280px;height:20px;opacity:0;animation:wakeAppear 1s 3.5s ease forwards}\n@keyframes wakeAppear{to{opacity:1}}\n.intro-text{position:absolute;top:8%;width:100%;text-align:center;animation:fadeInDown 1s 0.5s ease both}\n@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}\n.intro-text h1{font-family:'Playfair Display',serif;color:white;font-size:3.8rem;font-weight:400;letter-spacing:0.1em;text-shadow:0 2px 20px rgba(0,0,0,0.5)}\n.intro-text p{color:var(--gold-light);font-size:1.4rem;letter-spacing:0.4em;text-transform:uppercase;margin-top:1rem}\n.skip-btn{position:absolute;bottom:2rem;right:2rem;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:white;padding:0.4rem 1rem;font-size:0.75rem;letter-spacing:0.1em;border-radius:2px;cursor:pointer;font-family:'Lato',sans-serif}\n.enter-btn{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);background:var(--burgundy);color:white;border:none;padding:0.9rem 2.5rem;font-family:'Lato',sans-serif;font-size:0.8rem;letter-spacing:0.25em;text-transform:uppercase;border-radius:2px;cursor:pointer;opacity:0;animation:fadeIn 0.8s 4.5s ease forwards;white-space:nowrap}\n@keyframes fadeIn{to{opacity:1}}\n\n\/* M\u00daSICA *\/\n.music-toggle{position:fixed;bottom:1.5rem;right:1.5rem;z-index:201;width:48px;height:48px;border-radius:50%;background:var(--burgundy);border:none;color:white;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 12px rgba(107,39,55,0.4);display:flex;align-items:center;justify-content:center}\n.music-toggle:hover{background:var(--burgundy-light)}\n\n\/* NAV *\/\nnav{position:fixed;top:0;width:100%;z-index:100;background:rgba(250,246,240,0.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--gold-light);padding:0.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center}\n.nav-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}\nnav a{font-family:'Lato',sans-serif;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--burgundy);text-decoration:none;transition:color 0.3s}\nnav a:hover{color:var(--gold)}\n.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}\n.hamburger span{width:22px;height:2px;background:var(--burgundy);display:block}\n.nav-mobile{display:none;position:fixed;top:48px;left:0;width:100%;background:rgba(250,246,240,0.98);border-bottom:1px solid var(--gold-light);flex-direction:column;align-items:center;z-index:99}\n.nav-mobile a{font-family:'Lato',sans-serif;font-size:0.8rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--burgundy);text-decoration:none;padding:0.9rem 0;width:100%;text-align:center;border-bottom:1px solid var(--gold-light)}\n.nav-mobile.open{display:flex}\n@media(max-width:900px){.nav-links{display:none}.hamburger{display:flex}}\n\n\/* HERO *\/\n#hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 4rem}\n@media(max-width:900px){#hero{padding-top:5rem}}\n.vine-divider{color:var(--gold);font-size:1.2rem;margin:1rem 0;letter-spacing:0.3em}\n#hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,6rem);color:var(--burgundy);font-weight:400;line-height:1.1;letter-spacing:0.05em;white-space:nowrap}\n#hero .ampersand{font-style:italic;color:var(--gold)}\n#hero .date{font-size:0.85rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--burgundy);margin:1.5rem 0;font-weight:400}\n.hero-photo{width:min(320px,75vw);border-radius:4px;border:6px solid white;box-shadow:0 8px 40px rgba(107,39,55,0.2);margin:2rem 0;transform:rotate(-1deg)}\n\n\/* COUNTDOWN *\/\n#countdown{display:flex;gap:2rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}\n.cd-item{text-align:center}\n.cd-num{font-family:'Playfair Display',serif;font-size:2.5rem;color:var(--burgundy);font-weight:600;display:block}\n.cd-label{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold)}\n\n\/* SECTIONS *\/\nsection{padding:5rem 2rem;max-width:860px;margin:0 auto}\n.section-label{font-size:0.8rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--burgundy);text-align:center;margin-bottom:0.5rem;font-weight:400;opacity:0.8}\n.section-title{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--burgundy);text-align:center;font-weight:400;margin-bottom:2.5rem}\n.gold-line{width:60px;height:1px;background:var(--gold);margin:1rem auto 2.5rem}\n\n\/* TIMELINE *\/\n.timeline{display:flex;flex-direction:column;position:relative}\n.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--gold-light);transform:translateX(-50%)}\n.tl-item{display:flex;gap:2rem;align-items:center;margin-bottom:3rem}\n.tl-item:nth-child(even){flex-direction:row-reverse}\n.tl-content{flex:1;text-align:right}\n.tl-item:nth-child(even) .tl-content{text-align:left}\n.tl-dot{width:12px;height:12px;background:var(--burgundy);border-radius:50%;border:2px solid var(--gold);flex-shrink:0;position:relative;z-index:1}\n.tl-photo{flex:1;display:flex;justify-content:flex-end}\n.tl-item:nth-child(even) .tl-photo{justify-content:flex-start}\n.tl-photo img{width:180px;border-radius:4px;border:4px solid white;box-shadow:0 4px 20px rgba(107,39,55,0.15)}\n.tl-year{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--burgundy);font-weight:600}\n.tl-text{font-size:0.9rem;line-height:1.7;color:var(--text);margin-top:0.3rem}\n\n\/* CARDS *\/\n.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}\n.card{background:white;border:1px solid var(--gold-light);border-radius:4px;padding:2rem;text-align:center}\n.card-icon{font-size:2rem;margin-bottom:1rem}\n.card h3{font-family:'Playfair Display',serif;color:var(--burgundy);font-size:1.2rem;margin-bottom:0.5rem;font-weight:400}\n.card p{font-size:0.88rem;line-height:1.7;color:var(--text)}\n\n\/* ETIQUETAS *\/\n#aparcamiento .etiquetas{grid-template-columns:repeat(3,1fr);gap:0.5rem}\n#aparcamiento .etiquetas .card{padding:0.5rem}\n#aparcamiento .etiquetas .card-icon{font-size:0.8rem;margin-bottom:0.15rem}\n#aparcamiento .etiquetas .card h3{font-size:0.68rem;margin-bottom:0.15rem}\n#aparcamiento .etiquetas .card p{font-size:0.62rem;line-height:1.3}\n\n\/* BUS \/ HOTEL BOX *\/\n.bus-box{background:white;border:1px solid var(--gold-light);border-radius:4px;padding:2.5rem;text-align:center;max-width:560px;margin:0 auto}\n.bus-box h3{font-family:'Playfair Display',serif;color:var(--burgundy);font-size:1.3rem;margin-bottom:1rem;font-weight:400}\n.bus-box p{font-size:0.9rem;line-height:1.8;color:var(--text)}\n\n\/* RSVP *\/\n#rsvp{text-align:center}\n.rsvp-btn{display:inline-block;margin-top:1.5rem;padding:1rem 3rem;background:var(--burgundy);color:white;text-decoration:none;font-family:'Lato',sans-serif;font-size:0.8rem;letter-spacing:0.25em;text-transform:uppercase;border-radius:2px;transition:background 0.3s}\n.rsvp-btn:hover{background:var(--burgundy-light)}\n\n\/* FOOTER *\/\nfooter{background:var(--burgundy);color:var(--cream);text-align:center;padding:3rem 2rem}\nfooter h2{font-family:'Playfair Display',serif;font-size:2rem;font-weight:400;margin-bottom:0.5rem}\nfooter p{font-size:0.8rem;letter-spacing:0.2em;color:var(--gold-light);margin-top:0.5rem}\n\n@media(max-width:600px){\n .timeline::before{left:20px}\n .tl-item,.tl-item:nth-child(even){flex-direction:column;align-items:flex-start;padding-left:40px}\n .tl-content,.tl-item:nth-child(even) .tl-content{text-align:left}\n .tl-photo,.tl-item:nth-child(even) .tl-photo{justify-content:flex-start}\n .tl-dot{position:absolute;left:14px}\n .tl-item{position:relative}\n}\n<\/style>\n<\/head>\n<body>\n\n\n<audio id=\"bgMusic\" loop>\n <source src=\"https:\/\/loretoyjaime.es\/wp-content\/uploads\/2026\/07\/01-01-Todo-Contigo.mp3\" type=\"audio\/mpeg\">\n<\/audio>\n<button class=\"music-toggle\" onclick=\"toggleMusic()\" id=\"musicBtn\" title=\"M\u00fasica\">\ud83c\udfb5<\/button>\n\n\n<div id=\"intro\">\n <div class=\"stars\" id=\"stars\"><\/div>\n <div class=\"intro-text\">\n <h1>Loreto <span style=\"font-style:italic;color:#D4B896\">&<\/span> Jaime<\/h1>\n <p>08 \u00b7 05 \u00b7 2027<\/p>\n <\/div>\n <div class=\"sea\">\n <div class=\"wave wave1\">\n <svg viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:100px\">\n <path d=\"M0,60 C150,100 350,20 600,60 C850,100 1050,20 1200,60 L1200,120 L0,120 Z\" fill=\"#2a7aaa\" opacity=\"0.85\"\/>\n <path d=\"M0,80 C200,40 400,100 600,80 C800,60 1000,100 1200,80 L1200,120 L0,120 Z\" fill=\"#1a5a8a\"\/>\n <\/svg>\n <\/div>\n <div class=\"wave wave2\">\n <svg viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:100px\">\n <path d=\"M0,40 C200,90 400,10 600,50 C800,90 1000,20 1200,50 L1200,120 L0,120 Z\" fill=\"#0d3a5c\" opacity=\"0.8\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div id=\"boat-container\">\n <svg class=\"boat-svg\" viewBox=\"0 0 180 110\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M10,72 L22,88 L158,88 L170,72 Z\" fill=\"#1a1a2e\"\/>\n <path d=\"M15,72 L165,72 L156,86 L24,86 Z\" fill=\"#2a2a4e\"\/>\n <rect x=\"12\" y=\"70\" width=\"156\" height=\"4\" rx=\"2\" fill=\"#8B0000\"\/>\n <rect x=\"35\" y=\"44\" width=\"110\" height=\"30\" rx=\"3\" fill=\"white\"\/>\n <rect x=\"35\" y=\"44\" width=\"110\" height=\"9\" rx=\"2\" fill=\"#e0e0e0\"\/>\n <rect x=\"44\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"59\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"74\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"89\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"104\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"119\" y=\"49\" width=\"9\" height=\"7\" rx=\"1.5\" fill=\"#87CEEB\"\/>\n <rect x=\"28\" y=\"40\" width=\"124\" height=\"6\" rx=\"2\" fill=\"#c8c8c8\"\/>\n <line x1=\"30\" y1=\"40\" x2=\"30\" y2=\"36\" stroke=\"#aaa\" stroke-width=\"1.5\"\/>\n <line x1=\"150\" y1=\"40\" x2=\"150\" y2=\"36\" stroke=\"#aaa\" stroke-width=\"1.5\"\/>\n <line x1=\"30\" y1=\"36\" x2=\"150\" y2=\"36\" stroke=\"#aaa\" stroke-width=\"1\"\/>\n <rect x=\"78\" y=\"20\" width=\"22\" height=\"24\" rx=\"3\" fill=\"#1a1a2e\"\/>\n <rect x=\"75\" y=\"15\" width=\"28\" height=\"9\" rx=\"3\" fill=\"#2a2a4e\"\/>\n <circle cx=\"85\" cy=\"12\" r=\"4\" fill=\"rgba(210,210,210,0.55)\">\n <animate attributeName=\"cy\" values=\"12;3;12\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.6;0;0.6\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"r\" values=\"3;7;3\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"93\" cy=\"10\" r=\"3\" fill=\"rgba(210,210,210,0.4)\">\n <animate attributeName=\"cy\" values=\"10;1;10\" dur=\"2.8s\" begin=\"0.4s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.5;0;0.5\" dur=\"2.8s\" begin=\"0.4s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"r\" values=\"2;6;2\" dur=\"2.8s\" begin=\"0.4s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"89\" cy=\"8\" r=\"2.5\" fill=\"rgba(210,210,210,0.3)\">\n <animate attributeName=\"cy\" values=\"8;0;8\" dur=\"3s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.4;0;0.4\" dur=\"3s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"r\" values=\"2;5;2\" dur=\"3s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <line x1=\"89\" y1=\"15\" x2=\"89\" y2=\"2\" stroke=\"#888\" stroke-width=\"1.5\"\/>\n <polygon points=\"89,2 103,7 89,12\" fill=\"#B8976A\"\/>\n <rect x=\"38\" y=\"38\" width=\"14\" height=\"5\" rx=\"2.5\" fill=\"#FF6B35\"\/>\n <rect x=\"128\" y=\"38\" width=\"14\" height=\"5\" rx=\"2.5\" fill=\"#FF6B35\"\/>\n <\/svg>\n <\/div>\n <div class=\"wake\">\n <svg viewBox=\"0 0 280 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M140,5 Q70,15 0,10\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"2\" fill=\"none\"\/>\n <path d=\"M140,10 Q70,18 0,15\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"1.5\" fill=\"none\"\/>\n <\/svg>\n <\/div>\n <button class=\"enter-btn\" onclick=\"enterSite()\">Entrar a la invitaci\u00f3n \u2726<\/button>\n <button class=\"skip-btn\" onclick=\"enterSite()\">Saltar intro<\/button>\n<\/div>\n\n\n<nav>\n <div class=\"nav-links\">\n <a href=\"#historia\">Nuestra historia<\/a>\n <a href=\"#ceremonia\">Ceremonia<\/a>\n <a href=\"#autobus\">Autob\u00fas<\/a>\n <a href=\"#aparcamiento\">Aparcamiento<\/a>\n <a href=\"#hotel\">Hotel<\/a>\n <a href=\"#rsvp\">Confirmar<\/a>\n <\/div>\n <button class=\"hamburger\" onclick=\"toggleMenu()\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n<\/nav>\n<div class=\"nav-mobile\" id=\"navMobile\">\n <a href=\"#historia\" onclick=\"toggleMenu()\">Nuestra historia<\/a>\n <a href=\"#ceremonia\" onclick=\"toggleMenu()\">Ceremonia<\/a>\n <a href=\"#autobus\" onclick=\"toggleMenu()\">Autob\u00fas<\/a>\n <a href=\"#aparcamiento\" onclick=\"toggleMenu()\">Aparcamiento<\/a>\n <a href=\"#hotel\" onclick=\"toggleMenu()\">Hotel<\/a>\n <a href=\"#rsvp\" onclick=\"toggleMenu()\">Confirmar<\/a>\n<\/div>\n\n\n<section id=\"hero\">\n <p class=\"section-label\">Os invitamos a nuestra boda<\/p>\n <div class=\"vine-divider\">\ud83c\udf77 \u00b7 \u00b7 \u00b7 \ud83c\udf38 \u00b7 \u00b7 \u00b7 \ud83c\udf77<\/div>\n <h1>Loreto <span class=\"ampersand\">&<\/span> Jaime<\/h1>\n <p class=\"date\"><strong>8 de mayo de 2027 \u00b7 Madrid<\/strong><\/p>\n <img decoding=\"async\" class=\"hero-photo\" src=\"https:\/\/loretoyjaime.es\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-17-at-21.24.35.jpeg\" alt=\"Loreto y Jaime\">\n <div id=\"countdown\">\n <div class=\"cd-item\"><span class=\"cd-num\" id=\"cd-days\">—<\/span><span class=\"cd-label\">d\u00edas<\/span><\/div>\n <div class=\"cd-item\"><span class=\"cd-num\" id=\"cd-hours\">—<\/span><span class=\"cd-label\">horas<\/span><\/div>\n <div class=\"cd-item\"><span class=\"cd-num\" id=\"cd-min\">—<\/span><span class=\"cd-label\">minutos<\/span><\/div>\n <div class=\"cd-item\"><span class=\"cd-num\" id=\"cd-sec\">—<\/span><span class=\"cd-label\">segundos<\/span><\/div>\n <\/div>\n <div class=\"vine-divider\">\u00b7 \u00b7 \u00b7<\/div>\n<\/section>\n\n\n<section id=\"historia\">\n <p class=\"section-label\">C\u00f3mo llegamos hasta aqu\u00ed<\/p>\n <h2 class=\"section-title\">Nuestra historia<\/h2>\n <div class=\"gold-line\"><\/div>\n <div class=\"timeline\">\n <div class=\"tl-item\">\n <div class=\"tl-content\">\n <div class=\"tl-year\">2012<\/div>\n <p class=\"tl-text\">Nos conocimos en un crucero. El destino puso a dos desconocidos en el mismo barco, y algo especial empez\u00f3 a tomar forma entre las olas.<\/p>\n <\/div>\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-photo\">\n <img decoding=\"async\" src=\"https:\/\/loretoyjaime.es\/wp-content\/uploads\/2026\/05\/FOTO-BARCO.jpg-1.webp\" alt=\"El crucero donde nos conocimos\">\n <\/div>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-content\">\n <div class=\"tl-year\">2023<\/div>\n <p class=\"tl-text\">Once a\u00f1os despu\u00e9s, el destino volvi\u00f3 a unir nuestros caminos. Como si el tiempo nunca hubiera pasado, nos reencontramos y ya no nos soltamos.<\/p>\n <\/div>\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-photo\"><\/div>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-content\">\n <div class=\"tl-year\">La pedida<\/div>\n <p class=\"tl-text\">Entre los vi\u00f1edos del Domaine de la Roman\u00e9e-Conti, en Borgo\u00f1a, Jaime le pregunt\u00f3 a Loreto si quer\u00eda casarse con \u00e9l con una botella de Cr\u00e9mant y dos copas.<\/p>\n <\/div>\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-photo\">\n <img decoding=\"async\" src=\"https:\/\/loretoyjaime.es\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-17-at-21.16.18.jpeg\" alt=\"La pedida en Roman\u00e9e-Conti\">\n <\/div>\n <\/div>\n <div class=\"tl-item\">\n <div class=\"tl-content\">\n <div class=\"tl-year\">08 \u00b7 05 \u00b7 2027<\/div>\n <p class=\"tl-text\">Y ahora, queremos celebrarlo con todos vosotros. Os esperamos.<\/p>\n <\/div>\n <div class=\"tl-dot\"><\/div>\n <div class=\"tl-photo\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"ceremonia\">\n <p class=\"section-label\">El gran d\u00eda<\/p>\n <h2 class=\"section-title\">D\u00f3nde y cu\u00e1ndo<\/h2>\n <div class=\"gold-line\"><\/div>\n <div class=\"cards-grid\">\n <div class=\"card\">\n <div class=\"card-icon\">\u26ea<\/div>\n <h3>La ceremonia<\/h3>\n <p><strong>Bas\u00edlica Pontificia de San Miguel<\/strong><br>Calle de San Justo, 4 \u00b7 Madrid<\/p>\n <p style=\"color:var(--burgundy);font-weight:400;margin-top:0.5rem\">Hora: 17:00 h<\/p>\n <p style=\"margin-top:1rem\"><a href=\"https:\/\/maps.google.com\/?q=Bas\u00edlica+Pontificia+San+Miguel+Madrid\" target=\"_blank\" style=\"color:var(--burgundy);font-size:0.8rem;letter-spacing:0.1em\">Ver en el mapa \u2192<\/a><\/p>\n <\/div>\n <div id=\"banquete\" class=\"card\">\n <div class=\"card-icon\">\ud83c\udf3f<\/div>\n <h3>El banquete<\/h3>\n <p><strong>Finca Buenos Aires<\/strong><br>Cubas de la Sagra, Madrid<\/p>\n <p style=\"color:var(--burgundy);font-weight:400;margin-top:0.5rem\">Hora: 19:30 h<\/p>\n <p style=\"margin-top:1rem\"><a href=\"https:\/\/maps.google.com\/?q=Finca+Buenos+Aires+Cubas+de+la+Sagra\" target=\"_blank\" style=\"color:var(--burgundy);font-size:0.8rem;letter-spacing:0.1em\">Ver en el mapa \u2192<\/a><\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"autobus\">\n <p class=\"section-label\">Os lo ponemos f\u00e1cil<\/p>\n <h2 class=\"section-title\">Autob\u00fas<\/h2>\n <div class=\"gold-line\"><\/div>\n <div class=\"bus-box\">\n <h3>\ud83d\ude8c Lanzadera Madrid \u2192 Finca Buenos Aires<\/h3>\n <p>Organizaremos un autob\u00fas para que pod\u00e1is llegar a la finca sin preocupaciones y disfrutar la noche al m\u00e1ximo.<\/p>\n <p style=\"margin-top:1rem\">\n \ud83d\udccd Punto de recogida: Bas\u00edlica Pontificia de San Miguel<br>\n \ud83d\udd50 Ida: 19:00 h \u00b7 salida desde la iglesia<br>\n<br>\n \ud83d\udd04 Vuelta: pendiente de confirmar\n <\/p>\n <p style=\"margin-top:1.5rem;font-size:0.82rem;color:var(--text)\">Indicad si cog\u00e9is el autob\u00fas al confirmar vuestra asistencia.<\/p>\n <\/div>\n<\/section>\n\n\n<div style=\"text-align:center;padding:2rem 2rem 0\">\n <a href=\"https:\/\/forms.gle\/9BKhhLmXYZHPQmRRA\" class=\"rsvp-btn\" target=\"_blank\">Confirmar asistencia<\/a>\n<\/div>\n\n\n<section id=\"aparcamiento\">\n <p class=\"section-label\">Si vas en coche<\/p>\n <h2 class=\"section-title\">Aparcamiento en Madrid<\/h2>\n <div class=\"gold-line\"><\/div>\n <div class=\"cards-grid etiquetas\">\n <div class=\"card\">\n <div class=\"card-icon\">\ud83d\udd35<\/div>\n <h3>Etiqueta 0<\/h3>\n <p>Puedes entrar a Madrid Central y aparcar en zona azul y verde gratis y sin l\u00edmite de tiempo.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\" style=\"font-size:0.8rem;background:linear-gradient(90deg,#0077cc 50%,#00a651 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700\">ECO<\/div>\n <h3>Etiqueta ECO<\/h3>\n <p>Puedes entrar a Madrid Central. Zona verde m\u00e1ximo 2 horas y zona azul m\u00e1ximo 4 horas.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">\ud83d\udfe2<\/div>\n <h3>Etiqueta C<\/h3>\n <p>Solo parking privado o p\u00fablico. No puedes aparcar en la calle en Madrid Central.<\/p>\n <\/div>\n <\/div>\n <h3 style=\"font-family:'Playfair Display',serif;color:var(--burgundy);text-align:center;font-weight:400;font-size:1.3rem;margin:2.5rem 0 1.5rem\">\ud83c\udd7f\ufe0f Parkings cercanos a la Bas\u00edlica<\/h3>\n <div class=\"cards-grid\">\n <div class=\"card\">\n <h3>Plaza de Oriente<\/h3>\n <p>\ud83d\udccd Plaza de Oriente, 1<br>\ud83d\udeb6 7 min caminando<\/p>\n <\/div>\n <div class=\"card\">\n <h3>Plaza Mayor<\/h3>\n <p>\ud83d\udccd Felipe III, 11<br>(entrada por c\/ Mayor)<br>\ud83d\udeb6 7 min caminando<\/p>\n <\/div>\n <div class=\"card\">\n <h3>Plaza de las Descalzas<\/h3>\n <p>\ud83d\udccd Plaza de las Descalzas, s\/n<br>\ud83d\udeb6 10 min caminando<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"hotel\">\n <p class=\"section-label\">D\u00f3nde dormir<\/p>\n <h2 class=\"section-title\">Hotel recomendado<\/h2>\n <p style=\"text-align:center;color:var(--text);font-size:0.9rem;margin-top:-1.5rem;margin-bottom:2rem\">Si vas en coche a la finca<\/p>\n <div class=\"gold-line\"><\/div>\n <div class=\"bus-box\">\n <h3>\ud83c\udfe8 Hotel Vivar<\/h3>\n <p>A 5 minutos de la finca, en Gri\u00f1\u00f3n. Disfrutad la noche sin preocuparos del regreso.<\/p>\n <p style=\"margin-top:1rem;font-size:0.85rem\">\ud83d\udccd Calle Mayor, 15 \u00b7 Gri\u00f1\u00f3n, Madrid<br>\ud83d\udcde +34 918 14 02 34<\/p>\n <p style=\"margin-top:1rem\"><a href=\"https:\/\/maps.google.com\/?q=Hotel+Vivar+Gri\u00f1\u00f3n+Madrid\" target=\"_blank\" style=\"color:var(--burgundy);font-size:0.8rem;letter-spacing:0.1em\">Ver en el mapa \u2192<\/a><\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"dresscode\">\n <p class=\"section-label\">C\u00f3mo venir<\/p>\n <h2 class=\"section-title\">Dress code<\/h2>\n <div class=\"gold-line\"><\/div>\n <div class=\"cards-grid\">\n <div class=\"card\">\n <div class=\"card-icon\">\ud83e\udd35<\/div>\n <h3>El novio<\/h3>\n <p>Jaime lucir\u00e1 chaqu\u00e9. Los dem\u00e1s caballeros, \u00a1como m\u00e1s guapos os sint\u00e1is!<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-icon\">\ud83e\udd0d<\/div>\n <h3>Una sola regla<\/h3>\n <p>Venid como quer\u00e1is y con lo que m\u00e1s os guste\u2026 con una \u00fanica excepci\u00f3n:<\/p>\n <p style=\"margin-top:0.8rem;font-family:'Playfair Display',serif;color:var(--burgundy);font-size:1rem;font-style:italic\">El blanco es exclusivo de la novia \ud83d\ude4f<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"rsvp\">\n <p class=\"section-label\">Os esperamos<\/p>\n <h2 class=\"section-title\">Confirma tu asistencia<\/h2>\n <div class=\"gold-line\"><\/div>\n <div style=\"text-align:center;margin:1rem auto;max-width:300px;background:white;border:1px solid var(--gold-light);border-radius:4px;padding:1.2rem\">\n <p style=\"font-family:'Playfair Display',serif;color:var(--burgundy);font-size:0.88rem;font-style:italic;line-height:1.6\">Vuestra compa\u00f1\u00eda har\u00e1 este d\u00eda inolvidable. Si quer\u00e9is ayudarnos a empezar esta nueva etapa juntos, pod\u00e9is hacerlo aqu\u00ed:<\/p>\n <p style=\"margin-top:0.5rem;font-size:0.65rem;color:var(--text);letter-spacing:0.03em\">ES23 0073 0100 5308 4881 0525<\/p>\n <\/div>\n\n <div style=\"text-align:center\">\n <a href=\"https:\/\/forms.gle\/9BKhhLmXYZHPQmRRA\" class=\"rsvp-btn\" target=\"_blank\">Confirmar asistencia<\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <h2>Loreto & Jaime<\/h2>\n <p>08 \u00b7 05 \u00b7 2027<\/p>\n <p style=\"margin-top:1.5rem;font-size:0.75rem;opacity:0.7\">Con todo nuestro cari\u00f1o, os esperamos<\/p>\n <div style=\"margin-top:1.5rem;font-size:1.2rem;letter-spacing:0.5rem;color:var(--gold-light)\">\ud83c\udf77 \ud83c\udf38 \ud83c\udf77<\/div>\n<\/footer>\n\n<script>\n\/\/ M\u00fasica\nconst music = document.getElementById('bgMusic');\nconst musicBtn = document.getElementById('musicBtn');\nlet playing = false;\n\nfunction toggleMusic(){\n if(playing){music.pause();musicBtn.textContent='\ud83c\udfb5';playing=false;}\n else{music.play();musicBtn.textContent='\u23f8';playing=true;}\n}\n\ndocument.addEventListener('click',function startMusic(){\n if(!playing){\n music.play().then(()=>{musicBtn.textContent='\u23f8';playing=true;}).catch(()=>{});\n }\n document.removeEventListener('click',startMusic);\n},{once:true});\n\n\/\/ Men\u00fa hamburguesa\nfunction toggleMenu(){\n document.getElementById('navMobile').classList.toggle('open');\n}\n\n\/\/ Estrellas\nconst starsEl=document.getElementById('stars');\nfor(let i=0;i<60;i++){\n const s=document.createElement('div');\n s.className='star';\n const sz=Math.random()*2.5+0.8;\n s.style.cssText=`width:${sz}px;height:${sz}px;top:${Math.random()*100}%;left:${Math.random()*100}%;animation-delay:${Math.random()*2.5}s;animation-duration:${1.5+Math.random()*2}s`;\n starsEl.appendChild(s);\n}\n\n\/\/ Entrar al sitio\nfunction enterSite(){\n const intro=document.getElementById('intro');\n intro.classList.add('fade-out');\n setTimeout(()=>{\n intro.style.display='none';\n document.getElementById('hero').scrollIntoView({behavior:'smooth'});\n },1200);\n}\n\n\/\/ Countdown\nfunction updateCountdown(){\n const wedding=new Date('2027-05-08T17:00:00');\n const now=new Date();\n const diff=wedding-now;\n if(diff<=0){document.getElementById('countdown').innerHTML='<p style=\"font-family:Playfair Display,serif;color:#6B2737;font-size:1.5rem\">\u00a1Hoy es el d\u00eda! \ud83c\udf89<\/p>';return;}\n document.getElementById('cd-days').textContent=Math.floor(diff\/86400000);\n document.getElementById('cd-hours').textContent=String(Math.floor((diff%86400000)\/3600000)).padStart(2,'0');\n document.getElementById('cd-min').textContent=String(Math.floor((diff%3600000)\/60000)).padStart(2,'0');\n document.getElementById('cd-sec').textContent=String(Math.floor((diff%60000)\/1000)).padStart(2,'0');\n}\nupdateCountdown();\nsetInterval(updateCountdown,1000);\nsetTimeout(enterSite,7000);\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Loreto & Jaime \u00b7 08.05.2027 \ud83c\udfb5 Loreto & Jaime 08 \u00b7 05 \u00b7 2027 Entrar a la invitaci\u00f3n \u2726 Saltar intro Nuestra historia Ceremonia Autob\u00fas Aparcamiento Hotel Confirmar Nuestra historia Ceremonia Autob\u00fas Aparcamiento Hotel Confirmar Os invitamos a nuestra boda \ud83c\udf77 \u00b7 \u00b7 \u00b7 \ud83c\udf38 \u00b7 \u00b7 \u00b7 \ud83c\udf77 Loreto & Jaime 8 de mayo […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=87"}],"version-history":[{"count":7,"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions\/97"}],"wp:attachment":[{"href":"https:\/\/loretoyjaime.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}