Ana & Ricardo \u00b7 11.07.2026<\/title><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\"><\/p>\n<style> :root { --cream: #F7F4EF; --ivory: #FDFBF8; --gold: #C8B89A; --gold-dark: #A8956E; --charcoal: #3A3530; --muted: #7A726A; --border: rgba(168,149,110,0.25); } *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { font-family: 'Jost', sans-serif; font-weight: 300; background: var(--cream); color: var(--charcoal); overflow-x: hidden; } \/* PASSWORD *\/ #password-screen { position: fixed; inset: 0; z-index: 1000; background: var(--ivory); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; transition: opacity 0.8s ease, visibility 0.8s ease; } #password-screen.hidden { opacity: 0; visibility: hidden; pointer-events: none; } .pw-monogram { font-family: 'Cormorant Garamond', serif; font-size: clamp(3.5rem, 10vw, 5rem); font-weight: 300; color: var(--gold-dark); letter-spacing: 0.05em; line-height: 1; margin-bottom: 1.5rem; } .pw-monogram-img { width: clamp(100px, 20vw, 160px); margin-bottom: 1.5rem; mix-blend-mode: multiply; } .pw-subtitle { font-size: 0.6rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--muted); margin-bottom: 2.5rem; } .pw-divider { width: 60px; height: 1px; background: var(--border); margin: 0 auto 2.5rem; } .pw-label { font-size: 0.6rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--muted); margin-bottom: 1rem; } #pw-input { background: transparent; border: none; border-bottom: 1px solid var(--border); padding: 0.75rem 0; text-align: center; font-family: 'Jost', sans-serif; font-size: 1rem; font-weight: 300; letter-spacing: 0.2em; color: var(--charcoal); width: min(220px, 80vw); outline: none; transition: border-color 0.3s; -webkit-appearance: none; border-radius: 0; } #pw-input:focus { border-bottom-color: var(--gold-dark); } .pw-error { font-size: 0.65rem; letter-spacing: 0.15em; color: #B8716A; margin-top: 0.75rem; min-height: 1rem; opacity: 0; transition: opacity 0.3s; } .pw-error.visible { opacity: 1; } .pw-btn { margin-top: 2rem; background: transparent; border: 1px solid var(--border); padding: 0.9rem 2.5rem; font-family: 'Jost', sans-serif; font-size: 0.65rem; font-weight: 300; letter-spacing: 0.3em; text-transform: uppercase; color: var(--charcoal); cursor: pointer; transition: all 0.3s; -webkit-appearance: none; border-radius: 0; } .pw-btn:hover, .pw-btn:active { background: var(--charcoal); color: var(--ivory); border-color: var(--charcoal); } \/* SITE *\/ #site { opacity: 0; transition: opacity 0.5s ease; } #site.visible { opacity: 1; } \/* NAV *\/ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 0 2rem; height: 64px; display: flex; align-items: center; justify-content: center; background: rgba(247,244,239,0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); } .nav-mono { font-family: 'Cormorant Garamond', serif; font-size: 1.6rem; font-weight: 300; color: var(--gold-dark); letter-spacing: 0.05em; flex-shrink: 0; } .nav-links { display: flex; gap: 2rem; list-style: none !important; padding: 0 !important; margin: 0 !important; } .nav-links li { list-style: none !important; padding: 0; margin: 0; } .nav-links a { text-decoration: none; font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); transition: color 0.3s; white-space: nowrap; } .nav-links a:hover { color: var(--charcoal); } .nav-hamburger { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 44px; height: 44px; background: none; border: none; cursor: pointer; padding: 8px; } .nav-hamburger span { display: block; width: 22px; height: 1px; background: var(--charcoal); transition: all 0.35s ease; transform-origin: center; } .nav-hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); } .nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); } .nav-hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } .mobile-menu { display: none; position: fixed; top: 64px; left: 0; right: 0; bottom: 0; z-index: 99; background: var(--ivory); flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.4s ease; } .mobile-menu.open { opacity: 1; pointer-events: all; } .mobile-menu a { display: block; padding: 1.4rem 2rem; width: 100%; text-align: center; text-decoration: none; font-size: 0.65rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--muted); border-bottom: 1px solid var(--border); transition: color 0.3s, background 0.3s; } .mobile-menu a:first-child { border-top: 1px solid var(--border); } .mobile-menu a:hover, .mobile-menu a:active { color: var(--charcoal); background: var(--cream); } @media (max-width: 768px) { .nav-links { display: none; } .nav-hamburger { display: flex; } .mobile-menu { display: flex; } } \/* HERO *\/ .hero { height: 100svh; min-height: 600px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; overflow: hidden; padding: 2rem; padding-top: 64px; } .hero-sky { position: absolute; inset: 0; z-index: 0; background: var(--ivory); } .hero-sky-overlay { display: none; } .hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(200,184,154,0.12) 0%, transparent 70%), radial-gradient(ellipse 60% 40% at 20% 0%, rgba(200,184,154,0.08) 0%, transparent 60%); } \/* * IM\u00c1GENES DEL HERO \u2014 100% CSS, sin JS. * Usan animation con fill-mode \"both\": el keyframe define opacity inicial * y final, sin depender de JavaScript ni IntersectionObserver. * mix-blend-mode:multiply elimina el fondo negro sobre fondos claros. *\/ .hero-logo { position: relative; z-index: 3; width: clamp(200px, 35vw, 360px); margin-bottom: 2rem; animation: fadeUp 1.4s ease 0.4s both; mix-blend-mode: multiply; opacity: 0.95; } @keyframes enterLeft { from { opacity:0; transform: translateX(-40px); } to { opacity:0.88; transform: translateX(0); } } @keyframes enterRight { from { opacity:0; transform: translateX(40px) scaleX(-1); } to { opacity:0.82; transform: translateX(0) scaleX(-1); } } @keyframes enterUp { from { opacity:0; transform: translateY(30px); } to { opacity:0.82; transform: translateY(0); } } @keyframes enterFade { from { opacity:0; } to { opacity:0.78; } } @keyframes floatY { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes floatYr { 0%,100% { transform: scaleX(-1) translateY(0); } 50% { transform: scaleX(-1) translateY(-10px); } } @keyframes floatSlow { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-8px) rotate(1deg); } } .hero-date { font-size:0.6rem; letter-spacing:0.35em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:2rem; position:relative; z-index:3; animation: fadeUp 1.2s ease 0.2s both; } .hero-names { font-family:'Cormorant Garamond',serif; font-size:clamp(3.5rem,12vw,8rem); font-weight:300; font-style:normal; color:var(--charcoal); line-height:1.05; position:relative; z-index:3; animation: fadeUp 1.2s ease 0.5s both; } .hero-amp { font-family:'Cormorant Garamond',serif; font-size:clamp(1.8rem,5vw,3.5rem); font-weight:300; color:var(--gold-dark); display:block; margin:0.3rem 0; } .hero-location { font-size:0.6rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--muted); margin-top:0; position:relative; z-index:3; animation: fadeUp 1.2s ease 0.8s both; } .hero-line { width:1px; height:50px; background:linear-gradient(to bottom,transparent,var(--gold),transparent); margin:2rem auto 0; animation: fadeUp 1.5s ease 1s both; } .hero-scroll { font-size:0.55rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--gold-dark); margin-top:0.75rem; animation: fadeUp 1.5s ease 1.2s both; font-style:normal; } @keyframes fadeUp { from { opacity:0; transform: translateY(16px); } to { opacity:1; transform: translateY(0); } } \/* SECCIONES COMPARTIDAS *\/ .section-label { display:none; } .section-title { font-family:'Cormorant Garamond',serif; font-size:clamp(1.8rem,5vw,3rem); font-weight:300; font-style:normal; color:var(--charcoal); line-height:1.3; margin-bottom:1.5rem; } .section-text { font-size:1.05rem; line-height:1.9; color:var(--muted); font-weight:300; } .section-inner { max-width:900px; margin:0 auto; } .section-header { text-align:center; margin-bottom:4rem; } .divider-ornament { display:flex; align-items:center; gap:1rem; margin:1.5rem auto; max-width:200px; } .divider-ornament::before, .divider-ornament::after { content:''; flex:1; height:1px; background:var(--border); } .divider-ornament span { font-family:'Cormorant Garamond',serif; font-size:1.2rem; color:var(--gold); } \/* Reveal \u2014 solo texto\/tarjetas. Las im\u00e1genes usan CSS puro arriba. *\/ .reveal { opacity:0; transform:translateY(20px); transition:opacity 0.8s ease, transform 0.8s ease; } .reveal.visible { opacity:1; transform:translateY(0); } \/* WELCOME *\/ .section-welcome { padding:clamp(5rem,12vw,9rem) 1.5rem; max-width:100%; margin:0; text-align:center; position:relative; overflow:hidden; } .section-welcome-bg { position:absolute; inset:0; z-index:0; background-image:url('https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-23-2026-12-47-37-PM.png'); background-size:cover; background-position:center center; filter:saturate(.85) brightness(.6); } .section-welcome-overlay { position:absolute; inset:0; z-index:1; background:linear-gradient(to bottom, rgba(40,35,30,.3) 0%, rgba(40,35,30,.65) 100%); } .section-welcome>*:not(.section-welcome-bg):not(.section-welcome-overlay) { position:relative; z-index:2; } .section-welcome-inner { max-width:680px; margin:0 auto; } .section-welcome .section-label { color:var(--gold); } .section-welcome .section-title { color:var(--ivory); } .section-welcome .section-text { color:rgba(253,251,248,.82); } .sign-off { font-family:'Jost', sans-serif; font-style:normal; font-size:0.95rem; font-weight:300; color:var(--ivory); margin-top:2rem; line-height:1.8; } \/* PHOTO BAND *\/ .photo-band { width:100%; height:clamp(300px,55vw,70vh); overflow:hidden; position:relative; } .photo-band img.main-photo { width:100%; height:100%; object-fit:cover; object-position:center 60%; filter:saturate(.85) brightness(.95); } .photo-mono { position:absolute; bottom:1.8rem; left:50%; transform:translateX(-50%); width:clamp(55px,9vw,82px); mix-blend-mode:screen; opacity:.6; filter:brightness(2) saturate(.2); } .photo-band-overlay { position:absolute; inset:0; background:linear-gradient(to bottom,rgba(247,244,239,0.3) 0%,transparent 30%,transparent 70%,rgba(247,244,239,0.5) 100%); } \/* SECTION ICONS *\/ .section-icon { width:100px; margin:0 auto 1.4rem; display:block; mix-blend-mode:multiply; } .section-icon.palomas, .section-icon.angeles { width:140px; } .section-icon-dark { width:100px; margin:0 auto 1.4rem; display:block; mix-blend-mode:screen; opacity:.7; } \/* ITINERARY *\/ .section-itinerary { padding:clamp(4rem,10vw,8rem) 1.5rem; background:var(--ivory); } .itinerary-days { display:grid; grid-template-columns:1fr 1fr; gap:3rem; } @media (max-width:640px) { .itinerary-days { grid-template-columns:1fr; gap:2.5rem; } } .day-card { border-top:1px solid var(--border); padding-top:2rem; } .day-label { font-size:0.58rem; letter-spacing:0.35em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:0.5rem; } .day-name { font-family:'Cormorant Garamond',serif; font-size:1.7rem; font-weight:300; font-style:normal; color:var(--charcoal); margin-bottom:1.5rem; } .event-item { margin-bottom:1.8rem; } .event-time { font-size:0.6rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:0.25rem; } .event-name { font-family:'Cormorant Garamond',serif; font-size:clamp(1.4rem,2.5vw,1.9rem); font-weight:300; font-style:normal; color:var(--charcoal); margin-bottom:0.15rem; } .event-address { font-size:0.9rem; color:var(--muted); line-height:1.6; } .event-address a { color:var(--gold-dark); text-decoration:none; border-bottom:1px solid var(--border); transition:border-color 0.3s; } .event-address a:hover { border-color:var(--gold-dark); } \/* DRESSCODE *\/ .section-dresscode { padding:clamp(4rem,10vw,8rem) 1.5rem; position:relative; overflow:hidden; } .section-dresscode::before { content:''; position:absolute; inset:0; background-image:url('https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/-40.jpg'); background-size:cover; background-position:center; opacity:.07; z-index:0; } .section-dresscode .section-inner, .section-dresscode .section-header { position:relative; z-index:1; } .section-dresscode { background:var(--cream); } .dresscode-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-top:4rem; } @media (max-width:600px) { .dresscode-grid { grid-template-columns:1fr; } } .dresscode-card { border:1px solid var(--border); padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem); text-align:center; background:var(--ivory); } .dresscode-card-label { font-size:0.55rem; letter-spacing:0.35em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:0.75rem; } .dresscode-day { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:300; font-style:normal; color:var(--charcoal); margin-bottom:0.4rem; } .dresscode-name { font-size:0.62rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--charcoal); margin-bottom:1.2rem; } .dresscode-divider { width:40px; height:1px; background:var(--border); margin:0 auto 1.2rem; } .dresscode-desc { font-size:0.85rem; line-height:1.8; color:var(--muted); } .dresscode-btn { display:inline-block; margin-top:1.5rem; padding:0.7rem 1.8rem; border:1px solid var(--border); font-size:0.58rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:all 0.3s; cursor:pointer; background:transparent; font-family:'Jost',sans-serif; font-weight:300; } .dresscode-btn:hover, .dresscode-btn:active { background:var(--charcoal); color:var(--ivory); border-color:var(--charcoal); } \/* HOSPEDAJE *\/ .hotel-featured { padding-left:0; } .hotel-featured .hotel-badge { margin-bottom:0.5rem; } .hotel-badge { display:inline-block; font-size:0.55rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--gold-dark); border:1px solid var(--gold-dark); padding:0.25rem 0.75rem; margin-bottom:0.6rem; font-family:'Jost',sans-serif; font-weight:300; } .section-hospedaje { padding:clamp(4rem,10vw,8rem) 1.5rem; background:var(--ivory); } .hotel-list { margin-top:3rem; } .hotel-item { border-top:1px solid var(--border); padding:2rem 0; display:grid; grid-template-columns:1fr auto; gap:1.5rem; align-items:start; } .hotel-item:last-child { border-bottom:1px solid var(--border); } @media (max-width:520px) { .hotel-item { grid-template-columns:1fr; } } .hotel-tag { font-size:0.55rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:0.4rem; } .hotel-name { font-family:'Cormorant Garamond',serif; font-size:1.35rem; font-weight:300; color:var(--charcoal); margin-bottom:0.4rem; } .hotel-info { font-size:0.92rem; line-height:1.7; color:var(--muted); } .hotel-info a { color:var(--gold-dark); text-decoration:none; border-bottom:1px solid var(--border); } .hotel-link { display:inline-block; padding:0.6rem 1.5rem; border:1px solid var(--border); font-size:0.58rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--muted); text-decoration:none; white-space:nowrap; transition:all 0.3s; align-self:center; } .hotel-link:hover, .hotel-link:active { background:var(--charcoal); color:var(--ivory); border-color:var(--charcoal); } \/* AEROPUERTOS *\/ .airports-wrap { margin-top:3.5rem; padding-top:2.5rem; border-top:1px solid var(--border); } .airports-title { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:300; color:var(--charcoal); margin-bottom:0.4rem; } .airports-intro { font-size:0.88rem; color:var(--muted); margin-bottom:2rem; line-height:1.6; } .airports-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; } @media (max-width:600px) { .airports-grid { grid-template-columns:1fr; } } .airport-item { padding:1.5rem 2rem; border-left:1px solid var(--border); } .airport-item:first-child { border-left:none; padding-left:0; } @media (max-width:600px) { .airport-item { border-left:none; border-top:1px solid var(--border); padding:1.2rem 0; } .airport-item:first-child { border-top:none; } } .airport-code { font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:300; color:var(--gold-dark); display:block; margin-bottom:0.5rem; letter-spacing:0.05em; } .airport-name { font-size:0.88rem; color:var(--charcoal); margin-bottom:0.3rem; font-weight:300; line-height:1.4; } .airport-time { font-size:0.62rem; letter-spacing:0.2em; color:var(--muted); text-transform:uppercase; } \/* GALER\u00cdA VIGO *\/ .vigo-gallery-wrap { background:var(--cream); } .vigo-gallery-header { padding:3rem 1.5rem 1.5rem; text-align:center; } .vigo-photo-label { font-size:.58rem; letter-spacing:.35em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:.5rem; display:block; } .vigo-photo-heading { font-family:'Cormorant Garamond',serif; font-size:clamp(2rem,5vw,3.5rem); font-weight:300; font-style:normal; color:var(--charcoal); display:block; } \/* Grid 2x2 \u2014 primera foto ocupa fila completa *\/ .vigo-grid { display:grid; grid-template-columns:1fr 1fr; gap:4px; } .vigo-grid-item { overflow:hidden; cursor:pointer; background:var(--charcoal); } .vigo-grid-item img { width:100%; display:block; object-fit:cover; transition:transform .4s ease, opacity .3s; opacity:.9; } .vigo-grid-item:hover img { transform:scale(1.04); opacity:1; } \/* Primera foto: ancho completo, m\u00e1s alta *\/ .vigo-grid-item:nth-child(1) { grid-column:1 \/ -1; } .vigo-grid-item:nth-child(1) img { height:clamp(220px,35vw,420px); object-position:center center; } \/* Fotos 2, 3, 4: cuadradas *\/ .vigo-grid-item:nth-child(2) img, .vigo-grid-item:nth-child(3) img, .vigo-grid-item:nth-child(4) img, .vigo-grid-item:nth-child(5) img { height:clamp(130px,22vw,240px); object-position:center center; } \/* En m\u00f3vil: m\u00e1s generoso *\/ @media (max-width:600px) { .vigo-grid-item:nth-child(1) img { height:58vw; } .vigo-grid-item:nth-child(2) img, .vigo-grid-item:nth-child(3) img, .vigo-grid-item:nth-child(4) img, .vigo-grid-item:nth-child(5) img { height:42vw; } } \/* Lightbox *\/ .vigo-lightbox { display:none; position:fixed; inset:0; z-index:2000; background:rgba(20,18,16,.97); align-items:center; justify-content:center; } .vigo-lightbox.open { display:flex; } .vigo-lightbox-img { max-width:94vw; max-height:86vh; object-fit:contain; display:block; } .vigo-lightbox-close { position:absolute; top:1rem; right:1.2rem; background:none; border:none; color:var(--ivory); font-size:2rem; cursor:pointer; line-height:1; opacity:.7; transition:opacity .2s; z-index:1; } .vigo-lightbox-close:hover { opacity:1; } .vigo-lightbox-prev, .vigo-lightbox-next { position:absolute; top:50%; transform:translateY(-50%); background:rgba(253,251,248,.1); border:1px solid rgba(253,251,248,.2); color:var(--ivory); font-size:1.1rem; width:44px; height:44px; cursor:pointer; display:flex; align-items:center; justify-content:center; -webkit-appearance:none; border-radius:0; transition:background .2s; z-index:1; } .vigo-lightbox-prev:hover, .vigo-lightbox-next:hover { background:rgba(253,251,248,.25); } .vigo-lightbox-prev { left:.75rem; } .vigo-lightbox-next { right:.75rem; } .vigo-lightbox-counter { position:absolute; bottom:1rem; left:50%; transform:translateX(-50%); font-size:.58rem; letter-spacing:.2em; color:rgba(253,251,248,.45); } .section-recomendaciones { padding:clamp(4rem,10vw,8rem) 1.5rem; background:var(--cream); } .reco-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; } .reco-grid .reco-card:nth-child(4), .reco-grid .reco-card:nth-child(5) { grid-column: span 1; } \/* 2 tarjetas en la segunda fila centradas *\/ .reco-grid-bottom { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-top:1rem; max-width:66.67%; margin-left:auto; margin-right:auto; } @media (max-width:768px) { .reco-grid { grid-template-columns:1fr 1fr; } .reco-grid-bottom { max-width:100%; } } @media (max-width:480px) { .reco-grid { grid-template-columns:1fr; } .reco-grid-bottom { grid-template-columns:1fr; max-width:100%; } } .reco-card { border:1px solid var(--border); background:var(--ivory); overflow:hidden; } .reco-photo { width:100%; height:130px; object-fit:cover; object-position:center; display:block; filter:saturate(.85); } .reco-body { padding:1.5rem 1.75rem; } .reco-icon { font-family:'Cormorant Garamond',serif; font-size:1.6rem; color:var(--gold); margin-bottom:0.75rem; display:none; } .reco-name { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-weight:400; color:var(--charcoal); margin-bottom:0.4rem; } .reco-desc { font-size:0.9rem; line-height:1.7; color:var(--muted); } \/* RESTAURANTES *\/ .section-restaurantes { padding:clamp(4rem,10vw,8rem) 1.5rem; background:var(--ivory); } .rest-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; margin-top:3rem; } .rest-card { border:1px solid var(--border); background:var(--cream); overflow:hidden; } .rest-photo { width:100%; height:200px; object-fit:cover; object-position:center; display:block; filter:saturate(.88); transition:transform .4s ease; } .rest-card:hover .rest-photo { transform:scale(1.03); } .rest-body { padding:1.5rem; } .rest-tag { font-size:.55rem; letter-spacing:.3em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:.4rem; } .rest-name { font-family:'Cormorant Garamond',serif; font-size:1.3rem; font-weight:300; font-style:normal; color:var(--charcoal); margin-bottom:.5rem; } .rest-desc { font-size:.92rem; line-height:1.7; color:var(--muted); margin-bottom:1rem; } .rest-links { display:flex; gap:.75rem; flex-wrap:wrap; } .rest-link { font-size:.6rem; letter-spacing:.15em; text-transform:uppercase; color:var(--gold-dark); text-decoration:none; border-bottom:1px solid var(--border); padding-bottom:1px; transition:border-color .3s; } .rest-link:hover { border-color:var(--gold-dark); } \/* BELLEZA *\/ .section-belleza { padding:clamp(4rem,10vw,8rem) 1.5rem; background:var(--cream); } .belleza-item { border-top:1px solid var(--border); padding:1.75rem 0; } .belleza-item:last-child { border-bottom:1px solid var(--border); } .belleza-name { font-family:'Cormorant Garamond',serif; font-size:1.2rem; font-weight:300; color:var(--charcoal); margin-bottom:0.3rem; } .belleza-contact { font-size:0.8rem; color:var(--muted); line-height:1.7; } .belleza-contact a { color:var(--gold-dark); text-decoration:none; } \/* RSVP *\/ .section-rsvp { position:relative; padding:clamp(5rem,12vw,9rem) 1.5rem; text-align:center; overflow:hidden; } .rsvp-bg { position:absolute; inset:0; z-index:0; background-color:#dbd4b3; } .rsvp-overlay { position:absolute; inset:0; z-index:1; background:rgba(180,166,130,.12); } .section-rsvp>*:not(.rsvp-bg):not(.rsvp-overlay) { position:relative; z-index:2; } .envelope-area { margin:0.5rem auto 0; display:flex; flex-direction:column; align-items:center; gap:0.3rem; } @keyframes hintPulse { 0%,100%{opacity:.65}50%{opacity:1} } .envelope-btn { background:none; border:none; cursor:pointer; padding:0; width:clamp(240px,42vw,380px); transition:transform .3s ease; -webkit-tap-highlight-color:transparent; display:block; } .envelope-btn:hover { transform:translateY(-4px) scale(1.02); } .envelope-btn:active { transform:scale(.97); } .envelope-btn img { width:100%; margin-left:0; display:block; mix-blend-mode:multiply; } .rsvp-form-wrap { max-width:540px; width:100%; margin:0 auto; max-height:0; overflow:hidden; opacity:0; transition:max-height 1.1s cubic-bezier(.4,0,.2,1),opacity .7s ease .1s; } .rsvp-form-wrap.open { max-height:2000px; opacity:1; } .section-rsvp .section-label { display:none; } .section-rsvp .section-title { color:var(--charcoal); font-size:clamp(2.2rem,5vw,3.5rem); } .section-rsvp .section-text { color:var(--muted); } .rsvp-deadline { font-family:'Cormorant Garamond',serif; font-style:normal; font-size:clamp(1.3rem,2.5vw,1.8rem); letter-spacing:0.03em; color:var(--charcoal); margin:0 0 0.5rem; text-transform:none; line-height:1.5; } .rsvp-subdeadline { font-size:clamp(0.75rem,1.5vw,0.95rem); letter-spacing:0.15em; text-transform:uppercase; color:var(--muted); font-family:'Jost',sans-serif; font-weight:300; display:block; margin-top:0.3rem; } .rsvp-form { text-align:left; padding-top:2.5rem; } \/* Tarjeta contenedora del formulario *\/ .rsvp-form-wrap.open .rsvp-form { background: rgba(253,251,248,0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: 1px solid rgba(168,149,110,0.3); padding: 2.5rem 2rem; margin-top: 1rem; } .form-row-2 { display:grid; grid-template-columns:1fr 1fr; gap:1rem; } @media (max-width:480px) { .form-row-2 { grid-template-columns:1fr; } } .form-group { margin-bottom:1.6rem; } .form-label { display:block; font-size:0.58rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:0.6rem; font-weight:300; } .form-input, .form-select, .form-textarea { width:100%; background:transparent; border:none; border-bottom:1px solid rgba(168,149,110,0.5); padding:0.7rem 0; font-family:'Jost',sans-serif; font-size:0.95rem; font-weight:300; color:var(--charcoal); outline:none; transition:border-color 0.3s; -webkit-appearance:none; border-radius:0; } .form-input:focus, .form-select:focus, .form-textarea:focus { border-bottom-color:var(--gold-dark); outline:none; } .form-select { background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A8956E' stroke-width='1.2' fill='none'\/%3E%3C\/svg%3E\"); background-repeat:no-repeat; background-position:right 4px center; cursor:pointer; padding-right:1.5rem; background-color:rgba(253,251,248,0.6); } .form-input::placeholder { color:rgba(58,53,48,0.35); font-style:normal; } .form-select option { background:var(--ivory); color:var(--charcoal); } .form-textarea { resize:none; height:80px; line-height:1.7; } \/* Separador sutil entre grupos *\/ .form-divider { height:1px; background:rgba(200,184,154,0.15); margin:0.5rem 0 1.8rem; } .form-radio-group { display:flex; gap:1.5rem; flex-wrap:wrap; margin-top:0.3rem; } .form-radio-label { display:flex; align-items:center; gap:0.6rem; font-size:0.85rem; color:var(--charcoal); cursor:pointer; background:rgba(253,251,248,0.5); border:1px solid rgba(168,149,110,0.3); padding:0.6rem 1rem; transition:background 0.2s, border-color 0.2s; flex:1; min-width:120px; } .form-radio-label:has(.form-radio:checked) { background:rgba(168,149,110,0.15); border-color:var(--gold-dark); } .form-radio { width:16px; height:16px; border:1px solid var(--gold-dark); border-radius:50%; -webkit-appearance:none; appearance:none; cursor:pointer; position:relative; flex-shrink:0; transition:border-color 0.2s; background:transparent; } .form-radio:checked { border-color:var(--gold-dark); } .form-radio:checked::after { content:''; position:absolute; inset:3px; background:var(--gold-dark); border-radius:50%; } \/* L\u00ednea dorada decorativa antes del bot\u00f3n *\/ .form-submit-area { margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgba(168,149,110,0.2); } .submit-btn { width:100%; padding:1rem; background:var(--charcoal); border:1px solid var(--charcoal); font-family:'Jost',sans-serif; font-size:0.62rem; font-weight:300; letter-spacing:0.4em; text-transform:uppercase; color:var(--ivory); cursor:pointer; transition:all 0.3s; -webkit-appearance:none; border-radius:0; min-height:48px; } .submit-btn:hover, .submit-btn:active { background:var(--gold-dark); border-color:var(--gold-dark); } \/* REGISTRY *\/ .section-registry { position:relative; padding:clamp(5rem,12vw,8rem) 1.5rem; text-align:center; overflow:hidden; } .registry-bg { position:absolute; inset:0; z-index:0; background-image:url('https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/-41.jpg'); background-size:cover; background-position:center; filter:brightness(.22) saturate(.4) sepia(.3); } .registry-overlay { position:absolute; inset:0; z-index:1; background:rgba(45,40,36,.7); } .registry-inner { position:relative; z-index:2; max-width:680px; margin:0 auto; } .section-registry .section-label { display:none; } .section-registry .section-title { color:var(--ivory); font-style:normal; } .section-registry .divider-ornament span { color:var(--gold); } .section-registry .section-text { color:rgba(253,251,248,.75); } .registry-btns { display:flex; gap:1.5rem; justify-content:center; flex-wrap:wrap; } .registry-btn { display:inline-block; padding:0.9rem 2.5rem; border:1px solid rgba(200,184,154,.5); font-family:'Jost',sans-serif; font-size:0.65rem; font-weight:300; letter-spacing:0.3em; text-transform:uppercase; color:var(--ivory); text-decoration:none; transition:all .3s; background:rgba(253,251,248,.1); } .registry-btn:hover, .registry-btn:active { background:var(--gold-dark); color:var(--ivory); border-color:var(--gold-dark); } .registry-btn-alt { background:rgba(200,184,154,.08); } \/* MODAL NO CELULARES *\/ #nophone-modal { position:fixed; inset:0; z-index:900; display:flex; align-items:center; justify-content:center; padding:1.5rem; opacity:0; pointer-events:none; transition:opacity .6s ease; } #nophone-modal.visible { opacity:1; pointer-events:all; } .nophone-backdrop { position:absolute; inset:0; background:rgba(247,244,239,.92); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); } .nophone-box { position:relative; z-index:1; background:var(--ivory); border:1px solid var(--border); padding:clamp(2.5rem,6vw,4rem) clamp(2rem,5vw,3.5rem); max-width:520px; width:100%; text-align:center; animation:fadeUp .8s ease both; } .nophone-icon { font-size:2.5rem; margin-bottom:1.2rem; display:block; } .nophone-box .section-label { margin-bottom:0.75rem; } .nophone-box .section-title { font-size:clamp(1.6rem,4vw,2.4rem); margin-bottom:1.2rem; } .nophone-box .divider-ornament { margin:1rem auto 1.5rem; } .nophone-body { font-size:0.9rem; line-height:1.85; color:var(--muted); margin-bottom:1.5rem; } .nophone-signoff { font-family:'Cormorant Garamond',serif; font-style:normal; font-size:1rem; color:var(--charcoal); margin-bottom:2rem; } .nophone-close { display:inline-block; padding:0.85rem 2.5rem; border:1px solid var(--border); font-family:'Jost',sans-serif; font-size:0.6rem; font-weight:300; letter-spacing:0.3em; text-transform:uppercase; color:var(--charcoal); cursor:pointer; background:transparent; transition:all .3s; -webkit-appearance:none; border-radius:0; } .nophone-close:hover { background:var(--charcoal); color:var(--ivory); border-color:var(--charcoal); } \/* FOOTER *\/ footer { padding:3.5rem 1.5rem; text-align:center; background:rgba(247,244,239,0.95); border-top:1px solid var(--border); } .footer-mono-img { width:clamp(80px,10vw,120px); mix-blend-mode:multiply; opacity:.85; margin:0 auto 1.2rem; display:block; } .footer-mono { font-family:'Cormorant Garamond',serif; font-size:2.5rem; font-weight:300; color:var(--gold); margin-bottom:0.75rem; letter-spacing:0.05em; } .footer-text { font-size:0.65rem; letter-spacing:0.2em; color:var(--muted); text-transform:uppercase; } .footer-confidential { font-size:0.78rem; letter-spacing:0.05em; color:var(--muted); margin-top:1.5rem; max-width:480px; margin-left:auto; margin-right:auto; line-height:1.8; }<\/style>\n<p><\/head><body><\/p>\n<div id=\"password-screen\"> <img decoding=\"async\" class=\"pw-monogram-img\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/MONOGRAMA-SOSA-ULIVI.png\" alt=\"S & U\" loading=\"eager\"> <\/p>\n<div class=\"pw-divider\"><\/div>\n<p> <pee class=\"pw-label\">Contrase\u00f1a de acceso<\/pee> <input type=\"password\" id=\"pw-input\" placeholder=\"\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\" autocomplete=\"off\" inputmode=\"text\"> <pee class=\"pw-error\" id=\"pw-error\">Contrase\u00f1a incorrecta<\/pee> <button class=\"pw-btn\" id=\"pw-btn\">Ingresar<\/button><\/div>\n<p><\/p>\n<div id=\"site\"> <\/p>\n<nav> <\/p>\n<ul class=\"nav-links\"> <\/p>\n<li><a href=\"#bienvenida\">Bienvenida<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#itinerario\">Itinerario<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#dresscode\">Dresscode<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#hospedaje\">Hospedaje<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#vigo\">Vigo<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#restaurantes\">Restaurantes<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#belleza\">Maquillaje y Peinado<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#rsvp\">RSVP<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#registry\">Registry<\/a><\/li>\n<p> <\/ul>\n<p> <button class=\"nav-hamburger\" id=\"hamburger\" aria-label=\"Men\u00fa\" aria-expanded=\"false\"> <span><\/span><span><\/span><span><\/span> <\/button> <\/nav>\n<p> <\/p>\n<div class=\"mobile-menu\" id=\"mobile-menu\" role=\"navigation\"> <a href=\"#bienvenida\" class=\"mobile-link\">Bienvenida<\/a> <a href=\"#itinerario\" class=\"mobile-link\">Itinerario<\/a> <a href=\"#dresscode\" class=\"mobile-link\">Dresscode<\/a> <a href=\"#hospedaje\" class=\"mobile-link\">Hospedaje<\/a> <a href=\"#vigo\" class=\"mobile-link\">Vigo<\/a> <a href=\"#restaurantes\" class=\"mobile-link\">Restaurantes<\/a> <a href=\"#belleza\" class=\"mobile-link\">Maquillaje y Peinado<\/a> <a href=\"#rsvp\" class=\"mobile-link\">RSVP<\/a> <a href=\"#registry\" class=\"mobile-link\">Registry<\/a> <\/div>\n<p> <\/p>\n<section class=\"hero\"> <\/p>\n<div class=\"hero-sky\"><\/div>\n<p> <\/p>\n<div class=\"hero-sky-overlay\"><\/div>\n<p> <\/p>\n<div class=\"hero-bg\"><\/div>\n<p> <pee class=\"hero-date\">11 \u00b7 07 \u00b7 2026<\/pee> <img decoding=\"async\" class=\"hero-logo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/logo-lirios.png\" alt=\"S & U\" loading=\"eager\"> <pee class=\"hero-location\">Vigo \u00b7 Galicia \u00b7 Espa\u00f1a<\/pee> <\/p>\n<div class=\"hero-line\"><\/div>\n<p> <pee class=\"hero-scroll\">Desplazar<\/pee> <\/section>\n<p> <\/p>\n<section class=\"section-welcome\" id=\"bienvenida\"> <\/p>\n<div class=\"section-welcome-bg\"><\/div>\n<p> <\/p>\n<div class=\"section-welcome-overlay\"><\/div>\n<p> <\/p>\n<div class=\"section-welcome-inner\"> <pee class=\"section-label reveal\">Bienvenidos<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Un fin de semana<!\u2013- [et_pb_br_holder] -\u2013>para celebrar juntos<\/h2>\n<p> <\/p>\n<div class=\"divider-ornament reveal\"><span>\u2726<\/span><\/div>\n<p> <pee class=\"section-text reveal\">Nos da much\u00edsima ilusi\u00f3n poder reunir a nuestros familiares y seres queridos durante este fin de semana tan especial, para celebrar el matrimonio de Ana y Ricardo.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013>Hemos preparado estos d\u00edas con mucho cari\u00f1o, con la intenci\u00f3n de que sea un momento de encuentro, de uni\u00f3n y de celebraci\u00f3n compartida. Esperamos que cada instante sirva para disfrutar, reconectar y crear recuerdos juntos.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013>Por motivos de seguridad, agradecemos especialmente su discreci\u00f3n y que toda la informaci\u00f3n relacionada con la celebraci\u00f3n se trate con la m\u00e1xima confidencialidad.<\/pee> <pee class=\"sign-off reveal\">Nos vemos muy pronto,<!\u2013- [et_pb_br_holder] -\u2013>Familias UA y SM<\/pee> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-itinerary\" id=\"itinerario\"> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\"> <img decoding=\"async\" class=\"section-icon reveal\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/lirios-scaled.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"> <\/p>\n<h2 class=\"section-title reveal\">Itinerario<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"itinerary-days\"> <\/p>\n<div class=\"day-card reveal\"> <pee class=\"day-label\">Viernes \u00b7 10 de Julio<\/pee> <\/p>\n<div class=\"event-item\"> <pee class=\"event-name\">Golden Hour Poolside<\/pee> <pee class=\"event-time\">6:00 PM<\/pee> <pee class=\"event-address\">Pazo los Escudos Hotel<!\u2013- [et_pb_br_holder] -\u2013>Av. da Atl\u00e1ntida, 106, 36208 Vigo<!\u2013- [et_pb_br_holder] -\u2013><a href=\"https:\/\/maps.google.com\/?q=Pazo+los+Escudos+Vigo\" target=\"_blank\">Ver en mapa \u2192<\/a><\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"day-card reveal\"> <pee class=\"day-label\">S\u00e1bado \u00b7 11 de Julio<\/pee> <\/p>\n<div class=\"event-item\"> <pee class=\"event-name\">Ceremonia<\/pee> <pee class=\"event-time\">4:45 PM<\/pee> <pee class=\"event-address\">Igrexa de Santa Baia de Alcabre<!\u2013- [et_pb_br_holder] -\u2013>Av. da Atl\u00e1ntida, 112, 36208 Vigo<!\u2013- [et_pb_br_holder] -\u2013><a href=\"https:\/\/maps.google.com\/?q=Igrexa+Santa+Baia+Alcabre+Vigo\" target=\"_blank\">Ver en mapa \u2192<\/a><\/pee> <\/div>\n<p> <\/p>\n<div class=\"event-item\"> <pee class=\"event-name\">Recepci\u00f3n<\/pee> <pee class=\"event-time\">6:30 PM<\/pee> <pee class=\"event-address\">Pazo los Escudos Hotel<!\u2013- [et_pb_br_holder] -\u2013>Av. da Atl\u00e1ntida, 106, 36208 Vigo<!\u2013- [et_pb_br_holder] -\u2013><a href=\"https:\/\/maps.google.com\/?q=Pazo+los+Escudos+Vigo\" target=\"_blank\">Ver en mapa \u2192<\/a><\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-dresscode\" id=\"dresscode\"> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\"> <img decoding=\"async\" class=\"section-icon reveal\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/palomas-1-scaled.png\" style=\"width:140px\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"> <pee class=\"section-label reveal\">Vestimenta<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Dress Code<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"dresscode-grid\"> <\/p>\n<div class=\"dresscode-card reveal\"> <\/p>\n<h3 class=\"dresscode-day\">Summer Casual Attire<\/h3>\n<p> <\/p>\n<div class=\"dresscode-divider\"><\/div>\n<p> <pee class=\"dresscode-desc\">Casual de verano, al aire libre junto a la piscina.<\/pee> <a href=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Dresscode-viernes.png\" target=\"_blank\" class=\"dresscode-btn\">Referencias \u2192<\/a> <\/div>\n<p> <\/p>\n<div class=\"dresscode-card reveal\"> <\/p>\n<h3 class=\"dresscode-day\">Etiqueta<\/h3>\n<p> <\/p>\n<div class=\"dresscode-divider\"><\/div>\n<p> <pee class=\"dresscode-desc\">Black Tie. Vestido largo.<\/pee> <a href=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Dresscode-sabado.png\" target=\"_blank\" class=\"dresscode-btn\">Referencias \u2192<\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-hospedaje\" id=\"hospedaje\"> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\"> <img decoding=\"async\" class=\"section-icon reveal\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/angeles-1-scaled.png\" style=\"width:140px\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"> <pee class=\"section-label reveal\">D\u00f3nde descansar<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Hospedaje<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"hotel-list\"> <\/p>\n<div class=\"hotel-item reveal hotel-featured\">\n<div>\n<div class=\"hotel-badge\">Recomendado<\/div>\n<h3 class=\"hotel-name\">Hotel Attica21 Vigo<\/h3>\n<pee class=\"hotel-info\">Muy cerca de la ceremonia y la recepci\u00f3n. Para acceder al precio especial, comun\u00edquense indicando que forman parte de la <em>Boda Sosa Ulivi<\/em>.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><a href=\"mailto:info.vigo@attica21hotels.com\">info.vigo@attica21hotels.com<\/a> \u00b7 +34 986 46 21 21<\/pee><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"hotel-item reveal\">\n<div>\n<h3 class=\"hotel-name\">NH Collection Vigo<\/h3>\n<pee class=\"hotel-info\">C\u00e9ntrico y elegante, con excelentes instalaciones.<\/pee><\/div>\n<p><a href=\"https:\/\/www.nh-collection.com\/en\/hotel\/nh-collection-vigo\" target=\"_blank\" class=\"hotel-link\">Ver hotel \u2192<\/a><\/div>\n<p> <\/p>\n<div class=\"hotel-item reveal\">\n<div>\n<h3 class=\"hotel-name\">Gran Hotel Nagari Boutique & Spa<\/h3>\n<pee class=\"hotel-info\">Boutique de lujo con spa, ideal para una estancia especial.<\/pee><\/div>\n<p><a href=\"https:\/\/granhotelnagari.com\/\" target=\"_blank\" class=\"hotel-link\">Ver hotel \u2192<\/a><\/div>\n<p> <\/p>\n<div class=\"hotel-item reveal\">\n<div>\n<h3 class=\"hotel-name\">Airbnb<\/h3>\n<pee class=\"hotel-info\">Amplia oferta de apartamentos y casas en la zona.<\/pee><\/div>\n<p><a href=\"https:\/\/www.airbnb.es\/s\/Vigo\" target=\"_blank\" class=\"hotel-link\">Explorar \u2192<\/a><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"airports-wrap reveal\"> <\/p>\n<h3 class=\"airports-title\">Aeropuertos m\u00e1s cercanos<\/h3>\n<p> <pee class=\"airports-intro\">En caso de que vengas desde fuera, estos son los aeropuertos m\u00e1s cercanos:<\/pee> <\/p>\n<div class=\"airports-grid\"> <\/p>\n<div class=\"airport-item\"> <span class=\"airport-code\">VGO<\/span> <\/p>\n<div class=\"airport-info\"> <pee class=\"airport-name\">Aeropuerto de Vigo<\/pee> <pee class=\"airport-time\">15 minutos en carro<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"airport-item\"> <span class=\"airport-code\">SCQ<\/span> <\/p>\n<div class=\"airport-info\"> <pee class=\"airport-name\">Aeropuerto de Santiago de Compostela<\/pee> <pee class=\"airport-time\">1 hora en carro<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"airport-item\"> <span class=\"airport-code\">OPO<\/span> <\/p>\n<div class=\"airport-info\"> <pee class=\"airport-name\">Aeropuerto de Oporto<\/pee> <pee class=\"airport-time\">1 hora 30 minutos en carro<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-recomendaciones\" id=\"vigo\">  <\/p>\n<div class=\"vigo-gallery-wrap\"> <\/p>\n<div class=\"vigo-gallery-header\"> <pee class=\"vigo-photo-label\">Aprovechen el viaje<\/pee> <\/p>\n<h2 class=\"vigo-photo-heading\">Vigo, Espa\u00f1a<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"vigo-grid\"> <\/p>\n<div class=\"vigo-grid-item\" onclick=\"vigoLightbox(0)\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-1.jpg\" alt=\"Vigo\" loading=\"eager\"> <\/div>\n<p> <\/p>\n<div class=\"vigo-grid-item\" onclick=\"vigoLightbox(1)\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-2-scaled.jpg\" alt=\"Vigo\" loading=\"lazy\"> <\/div>\n<p> <\/p>\n<div class=\"vigo-grid-item\" onclick=\"vigoLightbox(2)\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-3.jpeg\" alt=\"Vigo\" loading=\"lazy\"> <\/div>\n<p> <\/p>\n<div class=\"vigo-grid-item\" onclick=\"vigoLightbox(3)\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-4.jpeg\" alt=\"Vigo\" loading=\"lazy\"> <\/div>\n<p> <\/p>\n<div class=\"vigo-grid-item\" onclick=\"vigoLightbox(4)\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/pazo-quinones-leon-02.jpg\" alt=\"Vigo\" loading=\"lazy\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"vigo-lightbox\" id=\"vigo-lightbox\" onclick=\"vigoLightboxClose(event)\"> <button class=\"vigo-lightbox-close\" onclick=\"vigoLightboxClose()\">×<\/button> <button class=\"vigo-lightbox-prev\" onclick=\"vigoLightboxNav(-1);event.stopPropagation()\">←<\/button> <img decoding=\"async\" id=\"vigo-lightbox-img\" src=\"\" alt=\"Vigo\"> <button class=\"vigo-lightbox-next\" onclick=\"vigoLightboxNav(1);event.stopPropagation()\">→<\/button> <pee class=\"vigo-lightbox-counter\" id=\"vigo-lightbox-counter\">1 \/ 5<\/pee> <\/div>\n<p> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\" style=\"margin-top:3rem;margin-bottom:2rem\"> <\/div>\n<p>  <\/p>\n<div class=\"reco-grid\"> <\/p>\n<div class=\"reco-card reveal\"> <img decoding=\"async\" class=\"reco-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Vigo-y-alrededores-Santiago-de-Compostela.jpg\" alt=\"Santiago de Compostela\" loading=\"lazy\"> <\/p>\n<div class=\"reco-body\">\n<h3 class=\"reco-name\">Santiago de Compostela<\/h3>\n<pee class=\"reco-desc\">Ciudad con much\u00edsimo encanto, famosa por su impresionante catedral y casco hist\u00f3rico lleno de calles de piedra y plazas \u00fanicas.<\/pee><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"reco-card reveal\"> <img decoding=\"async\" class=\"reco-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-costa.jpg\" alt=\"Parador de Baiona\" loading=\"lazy\"> <\/p>\n<div class=\"reco-body\">\n<h3 class=\"reco-name\">Parador de Baiona<\/h3>\n<pee class=\"reco-desc\">Antigua fortaleza frente al mar, perfecto para pasear, disfrutar las vistas y tomar algo en un entorno espectacular.<\/pee><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"reco-card reveal\"> <img decoding=\"async\" class=\"reco-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Vigo-y-alrededores-Valenca-Portugal.jpg\" alt=\"Valen\u00e7a, Portugal\" loading=\"lazy\"> <\/p>\n<div class=\"reco-body\">\n<h3 class=\"reco-name\">Valen\u00e7a, Portugal<\/h3>\n<pee class=\"reco-desc\">A pocos minutos de la frontera. Pueblo pintoresco con fortaleza amurallada, tiendas y encanto tradicional.<\/pee><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"reco-grid-bottom\"> <\/p>\n<div class=\"reco-card reveal\"> <img decoding=\"async\" class=\"reco-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Vigo-y-alrededores-Isla-de-La-Toja.jpg\" alt=\"Isla de La Toja\" loading=\"lazy\"> <\/p>\n<div class=\"reco-body\">\n<h3 class=\"reco-name\">Isla de La Toja<\/h3>\n<pee class=\"reco-desc\">Excursi\u00f3n relajada con la famosa capilla. Muy cerca est\u00e1 D’Berto, uno de los mejores restaurantes de mariscos de Galicia.<\/pee><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"reco-card reveal\"> <img decoding=\"async\" class=\"reco-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Vigo-y-alrededores-Islas-Cies.jpg\" alt=\"Islas C\u00edes\" loading=\"lazy\"> <\/p>\n<div class=\"reco-body\">\n<h3 class=\"reco-name\">Islas C\u00edes<\/h3>\n<pee class=\"reco-desc\">Para\u00edso natural con playas de arena blanca y aguas cristalinas. Perfecto para un d\u00eda en plena naturaleza gallega.<\/pee><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-restaurantes\" id=\"restaurantes\"> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\"> <pee class=\"section-label reveal\">Para los amantes de la gastronom\u00eda<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Restaurantes<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rest-grid\"> <\/p>\n<div class=\"rest-card reveal\"> <img decoding=\"async\" class=\"rest-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Restaurantes-alcabre-rest-scaled.jpeg\" alt=\"Restaurante Alcabre\" loading=\"lazy\"> <\/p>\n<div class=\"rest-body\"> <pee class=\"rest-tag\">Dentro del Pazo \u00b7 1\u20132 min<\/pee> <\/p>\n<h3 class=\"rest-name\">Restaurante Alcabre<\/h3>\n<p> <pee class=\"rest-desc\">Cocina gallega contempor\u00e1nea en un entorno tranquilo y elegante. Perfecto para una cena especial.<\/pee> <\/p>\n<div class=\"rest-links\"> <a href=\"https:\/\/maps.google.com\/?q=Restaurante+Alcabre+Vigo\" target=\"_blank\" class=\"rest-link\">\ud83d\udccd Ubicaci\u00f3n<\/a> <a href=\"https:\/\/www.instagram.com\/restaurante.alcabre\/\" target=\"_blank\" class=\"rest-link\">Instagram<\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rest-card reveal\"> <img decoding=\"async\" class=\"rest-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Restaurantes-MARUJALIMON-557.jpg\" alt=\"Maruja Lim\u00f3n\" loading=\"lazy\"> <\/p>\n<div class=\"rest-body\"> <pee class=\"rest-tag\">10\u201315 min \u00b7 Estrella Michelin<\/pee> <\/p>\n<h3 class=\"rest-name\">Maruja Lim\u00f3n<\/h3>\n<p> <pee class=\"rest-desc\">Creatividad y tradici\u00f3n gallega en una experiencia sofisticada y muy especial.<\/pee> <\/p>\n<div class=\"rest-links\"> <a href=\"https:\/\/maps.google.com\/?q=Maruja+Limon+Vigo\" target=\"_blank\" class=\"rest-link\">\ud83d\udccd Ubicaci\u00f3n<\/a> <a href=\"https:\/\/www.instagram.com\/marujalimon_vigo\/\" target=\"_blank\" class=\"rest-link\">Instagram<\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rest-card reveal\"> <img decoding=\"async\" class=\"rest-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Restaurantes-DBerto.jpg\" alt=\"D'Berto\" loading=\"lazy\"> <\/p>\n<div class=\"rest-body\"> <pee class=\"rest-tag\">45\u201355 min \u00b7 Mariscos de excepci\u00f3n<\/pee> <\/p>\n<h3 class=\"rest-name\">D’Berto<\/h3>\n<p> <pee class=\"rest-desc\">Uno de los grandes referentes del marisco en Galicia. Perfecto para una peque\u00f1a excursi\u00f3n gastron\u00f3mica.<\/pee> <\/p>\n<div class=\"rest-links\"> <a href=\"https:\/\/maps.google.com\/?q=Restaurante+DBerto+O+Grove+Galicia\" target=\"_blank\" class=\"rest-link\">\ud83d\udccd Ubicaci\u00f3n<\/a> <a href=\"https:\/\/www.instagram.com\/dbertorestaurante\/\" target=\"_blank\" class=\"rest-link\">Instagram<\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-belleza\" id=\"belleza\"> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\"> <pee class=\"section-label reveal\">Recomendaciones<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Maquillaje y Peinado<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"hotel-list\"> <\/p>\n<div class=\"belleza-item reveal\"> <\/p>\n<div class=\"hotel-badge\" style=\"margin-bottom:0.6rem;\">Dentro del Hotel<\/div>\n<p> <\/p>\n<h3 class=\"belleza-name\">Sal\u00f3n YOY Pazo Los Escudos<\/h3>\n<p> <pee class=\"belleza-contact\">Av. da Atl\u00e1ntida, 106, Vigo, Pontevedra<!\u2013- [et_pb_br_holder] -\u2013><a href=\"tel:+34986091642\">+34 986 09 16 42<\/a> \u00b7 <a href=\"https:\/\/www.salonyoy.com\" target=\"_blank\">salonyoy.com<\/a><\/pee> <\/div>\n<p> <\/p>\n<div class=\"belleza-item reveal\">\n<h3 class=\"belleza-name\">The Center Salon<\/h3>\n<pee class=\"belleza-contact\">R\u00faa Vel\u00e1zquez Moreno, 42 \u00b7 Vigo<!\u2013- [et_pb_br_holder] -\u2013><a href=\"tel:+34886116421\">+34 886 11 64 21<\/a> \u00b7 <a href=\"https:\/\/thecentersalon.es\" target=\"_blank\">thecentersalon.es<\/a> \u00b7 <a href=\"https:\/\/www.instagram.com\/thecentersalon\" target=\"_blank\">@thecentersalon<\/a><\/pee><\/div>\n<p> <\/p>\n<div class=\"belleza-item reveal\">\n<h3 class=\"belleza-name\">Eva Cend\u00f3n HAIR + MAKEUP<\/h3>\n<pee class=\"belleza-contact\">R\u00faa Garc\u00eda Barb\u00f3n 54, Entreplanta D \u00b7 Vigo<!\u2013- [et_pb_br_holder] -\u2013><a href=\"tel:+34679589927\">679 58 99 27<\/a> \u00b7 <a href=\"mailto:hola@evacendon.com\">hola@evacendon.com<\/a> \u00b7 <a href=\"https:\/\/evacendon.com\" target=\"_blank\">evacendon.com<\/a><\/pee><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p>  <\/p>\n<section class=\"section-rsvp\" id=\"rsvp\"> <\/p>\n<div class=\"rsvp-bg\"><\/div>\n<p> <\/p>\n<div class=\"rsvp-overlay\"><\/div>\n<p> <pee class=\"rsvp-deadline reveal\">Confirmar asistencia<!\u2013- [et_pb_br_holder] -\u2013><span class=\"rsvp-subdeadline\">Antes del 01 de Junio de 2026<\/span><\/pee> <\/p>\n<div class=\"envelope-area reveal\"> <button class=\"envelope-btn\" id=\"envelope-btn\" aria-label=\"Abrir formulario RSVP\" onclick=\"openEnvelope()\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/sobre-su.png\" alt=\"Confirma tu asistencia\" loading=\"eager\"> <\/button> <\/div>\n<p> <\/p>\n<div class=\"rsvp-form-wrap\" id=\"rsvp-form-wrap\"> <\/p>\n<form class=\"rsvp-form\" id=\"rsvp-form\" onsubmit=\"submitRSVP(event)\"> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">Nombre y Apellidos del invitado<\/label><input type=\"text\" name=\"nombre\" class=\"form-input\" placeholder=\"Su nombre completo\" required autocomplete=\"name\"><\/div>\n<p> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">Confirmar asistencia<\/label><\/p>\n<div class=\"form-radio-group\"><label class=\"form-radio-label\"><input type=\"radio\" class=\"form-radio\" name=\"asistencia\" value=\"S\u00ed\" required> S\u00ed, asistir\u00e9<\/label><label class=\"form-radio-label\"><input type=\"radio\" class=\"form-radio\" name=\"asistencia\" value=\"No\"> No podr\u00e9 asistir<\/label><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">N\u00famero de acompa\u00f1antes<\/label><select name=\"acompanantes\" class=\"form-select form-input\"><option value=\"\">Seleccionar<\/option><option value=\"0\">Solo yo (0 acompa\u00f1antes)<\/option><option value=\"1\">1 acompa\u00f1ante<\/option><option value=\"2\">2 acompa\u00f1antes<\/option><option value=\"3\">3 acompa\u00f1antes<\/option><option value=\"4\">4 acompa\u00f1antes<\/option><\/select><\/div>\n<p> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">Nombre de hotel o lugar de estad\u00eda<\/label><input type=\"text\" name=\"estadia\" class=\"form-input\" placeholder=\"Hotel, Airbnb, etc. (opcional)\"><\/div>\n<p> <\/p>\n<div class=\"form-row-2\"> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">Fecha de llegada<\/label><input type=\"date\" name=\"llegada\" class=\"form-input\"><\/div>\n<p> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">Fecha de salida<\/label><input type=\"date\" name=\"salida\" class=\"form-input\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">\u00bfA qu\u00e9 eventos asiste?<\/label><\/p>\n<div class=\"form-radio-group\"><label class=\"form-radio-label\"><input type=\"checkbox\" class=\"form-radio\" name=\"eventos\" value=\"Viernes\" style=\"border-radius:2px\"> Viernes<\/label><label class=\"form-radio-label\"><input type=\"checkbox\" class=\"form-radio\" name=\"eventos\" value=\"S\u00e1bado\" style=\"border-radius:2px\"> S\u00e1bado<\/label><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"form-submit-area\"> <button type=\"submit\" class=\"submit-btn\">Confirmar asistencia<\/button> <\/div>\n<p> <\/form>\n<p> <\/div>\n<p>  <\/p>\n<div id=\"form-success\" style=\"display:none; margin-top:2rem; text-align:center; padding:2rem 1.5rem; background:rgba(253,251,248,0.7); border:1px solid rgba(168,149,110,0.3); max-width:540px; margin-left:auto; margin-right:auto;\"> <pee style=\"font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-weight:300; color:var(--charcoal); margin-bottom:0.5rem;\">\u00a1Gracias!<\/pee> <pee style=\"font-family:'Jost',sans-serif; font-size:0.88rem; font-weight:300; color:var(--muted); letter-spacing:0.05em;\">Hemos recibido tu confirmaci\u00f3n.<!\u2013- [et_pb_br_holder] -\u2013>Nos vemos muy pronto.<\/pee> <\/div>\n<p> <\/section>\n<p>  <\/p>\n<section class=\"section-registry\" id=\"registry\"> <\/p>\n<div class=\"registry-bg\"><\/div>\n<p> <\/p>\n<div class=\"registry-overlay\"><\/div>\n<p> <\/p>\n<div class=\"registry-inner\"> <pee class=\"section-label reveal\">Lista de bodas<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Registry<\/h2>\n<p> <\/p>\n<div class=\"divider-ornament reveal\"><span>\u2726<\/span><\/div>\n<p> <pee class=\"section-text reveal\" style=\"max-width:480px;margin:0 auto 2.5rem;\">Su presencia es el mejor regalo. Si desean obsequiarnos algo, aqu\u00ed encontrar\u00e1n nuestra lista de bodas.<\/pee> <\/p>\n<div class=\"registry-btns reveal\"> <a href=\"https:\/\/theislandshop.com\/apps\/giftregistry\/registry\/429860?_r=1&utm_source=gift_reggie&utm_medium=gift_reggie&utm_campaign=gift_reggie&utm_content=429860\" class=\"registry-btn\" target=\"_blank\">The Island Shop \u2192<\/a> <a href=\"https:\/\/www.zola.com\/registry\/arsu\" class=\"registry-btn registry-btn-alt\" target=\"_blank\">Zola \u2192<\/a> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<footer> <img decoding=\"async\" class=\"footer-mono-img\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/MONOGRAMA-SOSA-ULIVI.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"> <pee class=\"footer-text\">11 de Julio de 2026 \u00b7 Vigo, Espa\u00f1a<\/pee> <pee class=\"footer-confidential\">Toda la informaci\u00f3n de este sitio es de car\u00e1cter privado y confidencial. Agradecemos su discreci\u00f3n.<\/pee> <\/footer>\n<p>  <\/p>\n<div id=\"nophone-modal\"> <\/p>\n<div class=\"nophone-backdrop\"><\/div>\n<p> <\/p>\n<div class=\"nophone-box\"> <span class=\"nophone-icon\">\ud83d\udcf5<\/span> <pee class=\"section-label\">Ceremonia Unplugged<\/pee> <\/p>\n<h2 class=\"section-title\">Celebraci\u00f3n<!\u2013- [et_pb_br_holder] -\u2013>sin celulares<\/h2>\n<p> <\/p>\n<div class=\"divider-ornament\"><span>\u2726<\/span><\/div>\n<p> <pee class=\"nophone-body\">Por motivos de seguridad y privacidad, no se permitir\u00e1 el uso de celulares durante las celebraciones. Agradecemos su comprensi\u00f3n y apoyo para disfrutar plenamente de este momento.<\/pee> <button class=\"nophone-close\" onclick=\"closeNophone()\">Entendido \u2192<\/button> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script>\/\/ \u2500\u2500 GALER\u00cdA VIGO CON LIGHTBOX (global) \u2500\u2500var vigoPhotos = [ 'https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-1.jpg', 'https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-2-scaled.jpg', 'https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-3.jpeg', 'https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-4.jpeg', 'https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/pazo-quinones-leon-02.jpg'];var vigoLbIdx = 0;function vigoLightbox(i) { vigoLbIdx = i; var lb = document.getElementById('vigo-lightbox'); var img = document.getElementById('vigo-lightbox-img'); var ctr = document.getElementById('vigo-lightbox-counter'); img.src = vigoPhotos[i]; ctr.textContent = (i+1) + ' \/ ' + vigoPhotos.length; lb.classList.add('open'); document.body.style.overflow = 'hidden';}function vigoLightboxNav(dir) { vigoLbIdx = (vigoLbIdx + dir + vigoPhotos.length) % vigoPhotos.length; vigoLightbox(vigoLbIdx);}function vigoLightboxClose(e) { if (e && e.target !== document.getElementById('vigo-lightbox') && e.type === 'click') return; document.getElementById('vigo-lightbox').classList.remove('open'); document.body.style.overflow = '';}\/\/ Swipe support for lightbox on mobile(function(){ var startX = 0; document.addEventListener('touchstart', function(e){ if (document.getElementById('vigo-lightbox').classList.contains('open')) startX = e.touches[0].clientX; }, {passive:true}); document.addEventListener('touchend', function(e){ if (!document.getElementById('vigo-lightbox').classList.contains('open')) return; var diff = startX - e.changedTouches[0].clientX; if (Math.abs(diff) > 50) vigoLightboxNav(diff > 0 ? 1 : -1); }, {passive:true});})();\/\/ \u2500\u2500 MODAL NO CELULARES \u2500\u2500function closeNophone() { document.getElementById('nophone-modal').classList.remove('visible');}\/\/ \u2500\u2500 SOBRE (global \u2014 necesario para onclick inline) \u2500\u2500function openEnvelope() { var btn = document.getElementById('envelope-btn'); var wrap = document.getElementById('rsvp-form-wrap'); if (!btn || !wrap) return; var opened = btn.dataset.opened === '1'; if (!opened) { btn.dataset.opened = '1'; btn.style.transition = 'transform .4s ease'; btn.style.transform = 'translateY(-8px) scale(1.03)'; wrap.classList.add('open'); setTimeout(function(){ wrap.scrollIntoView({behavior:'smooth',block:'nearest'}); }, 200); } else { btn.dataset.opened = '0'; btn.style.transform = 'translateY(0) scale(1)'; wrap.classList.remove('open'); }}\/\/ \u2500\u2500 RSVP (global \u2014 necesario para onsubmit inline) \u2500\u2500var SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxz5ReE6v6dltFW59FUgIAokUoGDw_HUTjruCYRUjeZFnbQvJvTONXXeEp_phiL2zHO\/exec';function submitRSVP(e) { e.preventDefault(); var form = e.target; \/\/ Recoger eventos seleccionados var eventos = []; form.querySelectorAll('input[name=\"eventos\"]:checked').forEach(function(cb){ eventos.push(cb.value); }); var fields = { nombre: form.querySelector('[name=\"nombre\"]').value, asistencia: form.querySelector('[name=\"asistencia\"]:checked') ? form.querySelector('[name=\"asistencia\"]:checked').value : '', acompanantes: form.querySelector('[name=\"acompanantes\"]') ? form.querySelector('[name=\"acompanantes\"]').value : '', estadia: form.querySelector('[name=\"estadia\"]').value, eventos: eventos.join(', '), llegada: form.querySelector('[name=\"llegada\"]').value, salida: form.querySelector('[name=\"salida\"]').value }; \/\/ Enviar via GET con par\u00e1metros en la URL \u2014 el m\u00e9todo m\u00e1s confiable con Apps Script var params = Object.keys(fields).map(function(k) { return encodeURIComponent(k) + '=' + encodeURIComponent(fields[k]); }).join('&'); var img = new Image(); img.src = SCRIPT_URL + '?' + params; \/\/ Mostrar confirmaci\u00f3n inmediatamente document.getElementById('rsvp-form').style.display = 'none'; document.getElementById('form-success').style.display = 'block'; setTimeout(function(){ document.getElementById('form-success').scrollIntoView({behavior:'smooth', block:'nearest'}); }, 100);}\/\/ \u2500\u2500 TODO LO DEM\u00c1S: espera al DOM \u2500\u2500document.addEventListener('DOMContentLoaded', function() { \/\/ PASSWORD function unlockSite() { document.getElementById('password-screen').classList.add('hidden'); document.getElementById('site').classList.add('visible'); initReveal(); setTimeout(function() { document.getElementById('nophone-modal').classList.add('visible'); }, 800); } function checkPassword() { var val = document.getElementById('pw-input').value.trim().toLowerCase().replace(\/\\s\/g,''); if (val === 'julio112026su') { unlockSite(); } else { var err = document.getElementById('pw-error'); err.classList.add('visible'); document.getElementById('pw-input').value = ''; document.getElementById('pw-input').focus(); setTimeout(function(){ err.classList.remove('visible'); }, 3000); } } document.getElementById('pw-btn').addEventListener('click', checkPassword); document.getElementById('pw-input').addEventListener('keydown', function(e){ if (e.key === 'Enter') checkPassword(); }); \/\/ HAMBURGER var hamburger = document.getElementById('hamburger'); var mobileMenu = document.getElementById('mobile-menu'); hamburger.addEventListener('click', function() { var open = hamburger.classList.toggle('open'); mobileMenu.classList.toggle('open', open); hamburger.setAttribute('aria-expanded', open); document.body.style.overflow = open ? 'hidden' : ''; }); document.querySelectorAll('.mobile-link').forEach(function(link) { link.addEventListener('click', function() { hamburger.classList.remove('open'); mobileMenu.classList.remove('open'); hamburger.setAttribute('aria-expanded', false); document.body.style.overflow = ''; }); }); \/\/ REVEAL function initReveal() { var els = document.querySelectorAll('.reveal'); function show(el) { if (el.dataset.shown) return; el.dataset.shown='1'; el.classList.add('visible'); } if ('IntersectionObserver' in window) { var obs = new IntersectionObserver(function(entries) { entries.forEach(function(e) { if (e.isIntersecting) { show(e.target); obs.unobserve(e.target); } }); }, { threshold: 0 }); els.forEach(function(el){ obs.observe(el); }); } else { els.forEach(show); } setTimeout(function(){ els.forEach(show); }, 2000); } document.addEventListener('touchstart', function(){}, {passive: true});});<\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"\n<p>This is an example page. It's different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n\n<p>Hi there! I'm a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin' caught in the rain.)<\/p>\n\n<\/blockquote>\n\n\n\n<p>...or something like this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n\n<p>The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.<\/p>\n\n<\/blockquote>\n\n\n\n<p>As a new WordPress user, you should go to <a href=\"https:\/\/matrimoniosu.com\/wp-admin\/\">your dashboard<\/a> to delete this page and create new pages for your content. Have fun!<\/p>\n","_et_gb_content_width":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":59,"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2026-04-22T21:25:13","date_gmt":"2026-04-22T21:25:13","guid":{"rendered":"https:\/\/matrimoniosu.com\/?page_id=2"},"modified":"2026-05-22T18:16:10","modified_gmt":"2026-05-22T18:16:10","slug":"inicio","status":"publish","type":"page","link":"https:\/\/matrimoniosu.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"

[et_pb_section fb_built=\u00bb1″ fullwidth=\u00bbon\u00bb _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_fullwidth_code _builder_version=\u00bb4.27.6″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]Ana & Ricardo \u00b7 11.07.2026<\/title><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\"><\/p>\n<style> :root { --cream: #F7F4EF; --ivory: #FDFBF8; --gold: #C8B89A; --gold-dark: #A8956E; --charcoal: #3A3530; --muted: #7A726A; --border: rgba(168,149,110,0.25); } *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { font-family: 'Jost', sans-serif; font-weight: 300; background: var(--cream); color: var(--charcoal); overflow-x: hidden; } \/* PASSWORD *\/ #password-screen { position: fixed; inset: 0; z-index: 1000; background: var(--ivory); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; transition: opacity 0.8s ease, visibility 0.8s ease; } #password-screen.hidden { opacity: 0; visibility: hidden; pointer-events: none; } .pw-monogram { font-family: 'Cormorant Garamond', serif; font-size: clamp(3.5rem, 10vw, 5rem); font-weight: 300; color: var(--gold-dark); letter-spacing: 0.05em; line-height: 1; margin-bottom: 1.5rem; } .pw-monogram-img { width: clamp(100px, 20vw, 160px); margin-bottom: 1.5rem; mix-blend-mode: multiply; } .pw-subtitle { font-size: 0.6rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--muted); margin-bottom: 2.5rem; } .pw-divider { width: 60px; height: 1px; background: var(--border); margin: 0 auto 2.5rem; } .pw-label { font-size: 0.6rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--muted); margin-bottom: 1rem; } #pw-input { background: transparent; border: none; border-bottom: 1px solid var(--border); padding: 0.75rem 0; text-align: center; font-family: 'Jost', sans-serif; font-size: 1rem; font-weight: 300; letter-spacing: 0.2em; color: var(--charcoal); width: min(220px, 80vw); outline: none; transition: border-color 0.3s; -webkit-appearance: none; border-radius: 0; } #pw-input:focus { border-bottom-color: var(--gold-dark); } .pw-error { font-size: 0.65rem; letter-spacing: 0.15em; color: #B8716A; margin-top: 0.75rem; min-height: 1rem; opacity: 0; transition: opacity 0.3s; } .pw-error.visible { opacity: 1; } .pw-btn { margin-top: 2rem; background: transparent; border: 1px solid var(--border); padding: 0.9rem 2.5rem; font-family: 'Jost', sans-serif; font-size: 0.65rem; font-weight: 300; letter-spacing: 0.3em; text-transform: uppercase; color: var(--charcoal); cursor: pointer; transition: all 0.3s; -webkit-appearance: none; border-radius: 0; } .pw-btn:hover, .pw-btn:active { background: var(--charcoal); color: var(--ivory); border-color: var(--charcoal); } \/* SITE *\/ #site { opacity: 0; transition: opacity 0.5s ease; } #site.visible { opacity: 1; } \/* NAV *\/ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 0 2rem; height: 64px; display: flex; align-items: center; justify-content: center; background: rgba(247,244,239,0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); } .nav-mono { font-family: 'Cormorant Garamond', serif; font-size: 1.6rem; font-weight: 300; color: var(--gold-dark); letter-spacing: 0.05em; flex-shrink: 0; } .nav-links { display: flex; gap: 2rem; list-style: none !important; padding: 0 !important; margin: 0 !important; } .nav-links li { list-style: none !important; padding: 0; margin: 0; } .nav-links a { text-decoration: none; font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); transition: color 0.3s; white-space: nowrap; } .nav-links a:hover { color: var(--charcoal); } .nav-hamburger { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 44px; height: 44px; background: none; border: none; cursor: pointer; padding: 8px; } .nav-hamburger span { display: block; width: 22px; height: 1px; background: var(--charcoal); transition: all 0.35s ease; transform-origin: center; } .nav-hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); } .nav-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); } .nav-hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } .mobile-menu { display: none; position: fixed; top: 64px; left: 0; right: 0; bottom: 0; z-index: 99; background: var(--ivory); flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.4s ease; } .mobile-menu.open { opacity: 1; pointer-events: all; } .mobile-menu a { display: block; padding: 1.4rem 2rem; width: 100%; text-align: center; text-decoration: none; font-size: 0.65rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--muted); border-bottom: 1px solid var(--border); transition: color 0.3s, background 0.3s; } .mobile-menu a:first-child { border-top: 1px solid var(--border); } .mobile-menu a:hover, .mobile-menu a:active { color: var(--charcoal); background: var(--cream); } @media (max-width: 768px) { .nav-links { display: none; } .nav-hamburger { display: flex; } .mobile-menu { display: flex; } } \/* HERO *\/ .hero { height: 100svh; min-height: 600px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; overflow: hidden; padding: 2rem; padding-top: 64px; } .hero-sky { position: absolute; inset: 0; z-index: 0; background: var(--ivory); } .hero-sky-overlay { display: none; } .hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(200,184,154,0.12) 0%, transparent 70%), radial-gradient(ellipse 60% 40% at 20% 0%, rgba(200,184,154,0.08) 0%, transparent 60%); } \/* * IM\u00c1GENES DEL HERO \u2014 100% CSS, sin JS. * Usan animation con fill-mode \"both\": el keyframe define opacity inicial * y final, sin depender de JavaScript ni IntersectionObserver. * mix-blend-mode:multiply elimina el fondo negro sobre fondos claros. *\/ .hero-logo { position: relative; z-index: 3; width: clamp(200px, 35vw, 360px); margin-bottom: 2rem; animation: fadeUp 1.4s ease 0.4s both; mix-blend-mode: multiply; opacity: 0.95; } @keyframes enterLeft { from { opacity:0; transform: translateX(-40px); } to { opacity:0.88; transform: translateX(0); } } @keyframes enterRight { from { opacity:0; transform: translateX(40px) scaleX(-1); } to { opacity:0.82; transform: translateX(0) scaleX(-1); } } @keyframes enterUp { from { opacity:0; transform: translateY(30px); } to { opacity:0.82; transform: translateY(0); } } @keyframes enterFade { from { opacity:0; } to { opacity:0.78; } } @keyframes floatY { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes floatYr { 0%,100% { transform: scaleX(-1) translateY(0); } 50% { transform: scaleX(-1) translateY(-10px); } } @keyframes floatSlow { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-8px) rotate(1deg); } } .hero-date { font-size:0.6rem; letter-spacing:0.35em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:2rem; position:relative; z-index:3; animation: fadeUp 1.2s ease 0.2s both; } .hero-names { font-family:'Cormorant Garamond',serif; font-size:clamp(3.5rem,12vw,8rem); font-weight:300; font-style:normal; color:var(--charcoal); line-height:1.05; position:relative; z-index:3; animation: fadeUp 1.2s ease 0.5s both; } .hero-amp { font-family:'Cormorant Garamond',serif; font-size:clamp(1.8rem,5vw,3.5rem); font-weight:300; color:var(--gold-dark); display:block; margin:0.3rem 0; } .hero-location { font-size:0.6rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--muted); margin-top:0; position:relative; z-index:3; animation: fadeUp 1.2s ease 0.8s both; } .hero-line { width:1px; height:50px; background:linear-gradient(to bottom,transparent,var(--gold),transparent); margin:2rem auto 0; animation: fadeUp 1.5s ease 1s both; } .hero-scroll { font-size:0.55rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--gold-dark); margin-top:0.75rem; animation: fadeUp 1.5s ease 1.2s both; font-style:normal; } @keyframes fadeUp { from { opacity:0; transform: translateY(16px); } to { opacity:1; transform: translateY(0); } } \/* SECCIONES COMPARTIDAS *\/ .section-label { display:none; } .section-title { font-family:'Cormorant Garamond',serif; font-size:clamp(1.8rem,5vw,3rem); font-weight:300; font-style:normal; color:var(--charcoal); line-height:1.3; margin-bottom:1.5rem; } .section-text { font-size:1.05rem; line-height:1.9; color:var(--muted); font-weight:300; } .section-inner { max-width:900px; margin:0 auto; } .section-header { text-align:center; margin-bottom:4rem; } .divider-ornament { display:flex; align-items:center; gap:1rem; margin:1.5rem auto; max-width:200px; } .divider-ornament::before, .divider-ornament::after { content:''; flex:1; height:1px; background:var(--border); } .divider-ornament span { font-family:'Cormorant Garamond',serif; font-size:1.2rem; color:var(--gold); } \/* Reveal \u2014 solo texto\/tarjetas. Las im\u00e1genes usan CSS puro arriba. *\/ .reveal { opacity:0; transform:translateY(20px); transition:opacity 0.8s ease, transform 0.8s ease; } .reveal.visible { opacity:1; transform:translateY(0); } \/* WELCOME *\/ .section-welcome { padding:clamp(5rem,12vw,9rem) 1.5rem; max-width:100%; margin:0; text-align:center; position:relative; overflow:hidden; } .section-welcome-bg { position:absolute; inset:0; z-index:0; background-image:url('https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-23-2026-12-47-37-PM.png'); background-size:cover; background-position:center center; filter:saturate(.85) brightness(.6); } .section-welcome-overlay { position:absolute; inset:0; z-index:1; background:linear-gradient(to bottom, rgba(40,35,30,.3) 0%, rgba(40,35,30,.65) 100%); } .section-welcome>*:not(.section-welcome-bg):not(.section-welcome-overlay) { position:relative; z-index:2; } .section-welcome-inner { max-width:680px; margin:0 auto; } .section-welcome .section-label { color:var(--gold); } .section-welcome .section-title { color:var(--ivory); } .section-welcome .section-text { color:rgba(253,251,248,.82); } .sign-off { font-family:'Jost', sans-serif; font-style:normal; font-size:0.95rem; font-weight:300; color:var(--ivory); margin-top:2rem; line-height:1.8; } \/* PHOTO BAND *\/ .photo-band { width:100%; height:clamp(300px,55vw,70vh); overflow:hidden; position:relative; } .photo-band img.main-photo { width:100%; height:100%; object-fit:cover; object-position:center 60%; filter:saturate(.85) brightness(.95); } .photo-mono { position:absolute; bottom:1.8rem; left:50%; transform:translateX(-50%); width:clamp(55px,9vw,82px); mix-blend-mode:screen; opacity:.6; filter:brightness(2) saturate(.2); } .photo-band-overlay { position:absolute; inset:0; background:linear-gradient(to bottom,rgba(247,244,239,0.3) 0%,transparent 30%,transparent 70%,rgba(247,244,239,0.5) 100%); } \/* SECTION ICONS *\/ .section-icon { width:100px; margin:0 auto 1.4rem; display:block; mix-blend-mode:multiply; } .section-icon.palomas, .section-icon.angeles { width:140px; } .section-icon-dark { width:100px; margin:0 auto 1.4rem; display:block; mix-blend-mode:screen; opacity:.7; } \/* ITINERARY *\/ .section-itinerary { padding:clamp(4rem,10vw,8rem) 1.5rem; background:var(--ivory); } .itinerary-days { display:grid; grid-template-columns:1fr 1fr; gap:3rem; } @media (max-width:640px) { .itinerary-days { grid-template-columns:1fr; gap:2.5rem; } } .day-card { border-top:1px solid var(--border); padding-top:2rem; } .day-label { font-size:0.58rem; letter-spacing:0.35em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:0.5rem; } .day-name { font-family:'Cormorant Garamond',serif; font-size:1.7rem; font-weight:300; font-style:normal; color:var(--charcoal); margin-bottom:1.5rem; } .event-item { margin-bottom:1.8rem; } .event-time { font-size:0.6rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:0.25rem; } .event-name { font-family:'Cormorant Garamond',serif; font-size:clamp(1.4rem,2.5vw,1.9rem); font-weight:300; font-style:normal; color:var(--charcoal); margin-bottom:0.15rem; } .event-address { font-size:0.9rem; color:var(--muted); line-height:1.6; } .event-address a { color:var(--gold-dark); text-decoration:none; border-bottom:1px solid var(--border); transition:border-color 0.3s; } .event-address a:hover { border-color:var(--gold-dark); } \/* DRESSCODE *\/ .section-dresscode { padding:clamp(4rem,10vw,8rem) 1.5rem; position:relative; overflow:hidden; } .section-dresscode::before { content:''; position:absolute; inset:0; background-image:url('https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/-40.jpg'); background-size:cover; background-position:center; opacity:.07; z-index:0; } .section-dresscode .section-inner, .section-dresscode .section-header { position:relative; z-index:1; } .section-dresscode { background:var(--cream); } .dresscode-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-top:4rem; } @media (max-width:600px) { .dresscode-grid { grid-template-columns:1fr; } } .dresscode-card { border:1px solid var(--border); padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem); text-align:center; background:var(--ivory); } .dresscode-card-label { font-size:0.55rem; letter-spacing:0.35em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:0.75rem; } .dresscode-day { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:300; font-style:normal; color:var(--charcoal); margin-bottom:0.4rem; } .dresscode-name { font-size:0.62rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--charcoal); margin-bottom:1.2rem; } .dresscode-divider { width:40px; height:1px; background:var(--border); margin:0 auto 1.2rem; } .dresscode-desc { font-size:0.85rem; line-height:1.8; color:var(--muted); } .dresscode-btn { display:inline-block; margin-top:1.5rem; padding:0.7rem 1.8rem; border:1px solid var(--border); font-size:0.58rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--muted); text-decoration:none; transition:all 0.3s; cursor:pointer; background:transparent; font-family:'Jost',sans-serif; font-weight:300; } .dresscode-btn:hover, .dresscode-btn:active { background:var(--charcoal); color:var(--ivory); border-color:var(--charcoal); } \/* HOSPEDAJE *\/ .hotel-featured { padding-left:0; } .hotel-featured .hotel-badge { margin-bottom:0.5rem; } .hotel-badge { display:inline-block; font-size:0.55rem; letter-spacing:0.25em; text-transform:uppercase; color:var(--gold-dark); border:1px solid var(--gold-dark); padding:0.25rem 0.75rem; margin-bottom:0.6rem; font-family:'Jost',sans-serif; font-weight:300; } .section-hospedaje { padding:clamp(4rem,10vw,8rem) 1.5rem; background:var(--ivory); } .hotel-list { margin-top:3rem; } .hotel-item { border-top:1px solid var(--border); padding:2rem 0; display:grid; grid-template-columns:1fr auto; gap:1.5rem; align-items:start; } .hotel-item:last-child { border-bottom:1px solid var(--border); } @media (max-width:520px) { .hotel-item { grid-template-columns:1fr; } } .hotel-tag { font-size:0.55rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:0.4rem; } .hotel-name { font-family:'Cormorant Garamond',serif; font-size:1.35rem; font-weight:300; color:var(--charcoal); margin-bottom:0.4rem; } .hotel-info { font-size:0.92rem; line-height:1.7; color:var(--muted); } .hotel-info a { color:var(--gold-dark); text-decoration:none; border-bottom:1px solid var(--border); } .hotel-link { display:inline-block; padding:0.6rem 1.5rem; border:1px solid var(--border); font-size:0.58rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--muted); text-decoration:none; white-space:nowrap; transition:all 0.3s; align-self:center; } .hotel-link:hover, .hotel-link:active { background:var(--charcoal); color:var(--ivory); border-color:var(--charcoal); } \/* AEROPUERTOS *\/ .airports-wrap { margin-top:3.5rem; padding-top:2.5rem; border-top:1px solid var(--border); } .airports-title { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:300; color:var(--charcoal); margin-bottom:0.4rem; } .airports-intro { font-size:0.88rem; color:var(--muted); margin-bottom:2rem; line-height:1.6; } .airports-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; } @media (max-width:600px) { .airports-grid { grid-template-columns:1fr; } } .airport-item { padding:1.5rem 2rem; border-left:1px solid var(--border); } .airport-item:first-child { border-left:none; padding-left:0; } @media (max-width:600px) { .airport-item { border-left:none; border-top:1px solid var(--border); padding:1.2rem 0; } .airport-item:first-child { border-top:none; } } .airport-code { font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:300; color:var(--gold-dark); display:block; margin-bottom:0.5rem; letter-spacing:0.05em; } .airport-name { font-size:0.88rem; color:var(--charcoal); margin-bottom:0.3rem; font-weight:300; line-height:1.4; } .airport-time { font-size:0.62rem; letter-spacing:0.2em; color:var(--muted); text-transform:uppercase; } \/* GALER\u00cdA VIGO *\/ .vigo-gallery-wrap { background:var(--cream); } .vigo-gallery-header { padding:3rem 1.5rem 1.5rem; text-align:center; } .vigo-photo-label { font-size:.58rem; letter-spacing:.35em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:.5rem; display:block; } .vigo-photo-heading { font-family:'Cormorant Garamond',serif; font-size:clamp(2rem,5vw,3.5rem); font-weight:300; font-style:normal; color:var(--charcoal); display:block; } \/* Grid 2x2 \u2014 primera foto ocupa fila completa *\/ .vigo-grid { display:grid; grid-template-columns:1fr 1fr; gap:4px; } .vigo-grid-item { overflow:hidden; cursor:pointer; background:var(--charcoal); } .vigo-grid-item img { width:100%; display:block; object-fit:cover; transition:transform .4s ease, opacity .3s; opacity:.9; } .vigo-grid-item:hover img { transform:scale(1.04); opacity:1; } \/* Primera foto: ancho completo, m\u00e1s alta *\/ .vigo-grid-item:nth-child(1) { grid-column:1 \/ -1; } .vigo-grid-item:nth-child(1) img { height:clamp(220px,35vw,420px); object-position:center center; } \/* Fotos 2, 3, 4: cuadradas *\/ .vigo-grid-item:nth-child(2) img, .vigo-grid-item:nth-child(3) img, .vigo-grid-item:nth-child(4) img, .vigo-grid-item:nth-child(5) img { height:clamp(130px,22vw,240px); object-position:center center; } \/* En m\u00f3vil: m\u00e1s generoso *\/ @media (max-width:600px) { .vigo-grid-item:nth-child(1) img { height:58vw; } .vigo-grid-item:nth-child(2) img, .vigo-grid-item:nth-child(3) img, .vigo-grid-item:nth-child(4) img, .vigo-grid-item:nth-child(5) img { height:42vw; } } \/* Lightbox *\/ .vigo-lightbox { display:none; position:fixed; inset:0; z-index:2000; background:rgba(20,18,16,.97); align-items:center; justify-content:center; } .vigo-lightbox.open { display:flex; } .vigo-lightbox-img { max-width:94vw; max-height:86vh; object-fit:contain; display:block; } .vigo-lightbox-close { position:absolute; top:1rem; right:1.2rem; background:none; border:none; color:var(--ivory); font-size:2rem; cursor:pointer; line-height:1; opacity:.7; transition:opacity .2s; z-index:1; } .vigo-lightbox-close:hover { opacity:1; } .vigo-lightbox-prev, .vigo-lightbox-next { position:absolute; top:50%; transform:translateY(-50%); background:rgba(253,251,248,.1); border:1px solid rgba(253,251,248,.2); color:var(--ivory); font-size:1.1rem; width:44px; height:44px; cursor:pointer; display:flex; align-items:center; justify-content:center; -webkit-appearance:none; border-radius:0; transition:background .2s; z-index:1; } .vigo-lightbox-prev:hover, .vigo-lightbox-next:hover { background:rgba(253,251,248,.25); } .vigo-lightbox-prev { left:.75rem; } .vigo-lightbox-next { right:.75rem; } .vigo-lightbox-counter { position:absolute; bottom:1rem; left:50%; transform:translateX(-50%); font-size:.58rem; letter-spacing:.2em; color:rgba(253,251,248,.45); } .section-recomendaciones { padding:clamp(4rem,10vw,8rem) 1.5rem; background:var(--cream); } .reco-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; } .reco-grid .reco-card:nth-child(4), .reco-grid .reco-card:nth-child(5) { grid-column: span 1; } \/* 2 tarjetas en la segunda fila centradas *\/ .reco-grid-bottom { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-top:1rem; max-width:66.67%; margin-left:auto; margin-right:auto; } @media (max-width:768px) { .reco-grid { grid-template-columns:1fr 1fr; } .reco-grid-bottom { max-width:100%; } } @media (max-width:480px) { .reco-grid { grid-template-columns:1fr; } .reco-grid-bottom { grid-template-columns:1fr; max-width:100%; } } .reco-card { border:1px solid var(--border); background:var(--ivory); overflow:hidden; } .reco-photo { width:100%; height:130px; object-fit:cover; object-position:center; display:block; filter:saturate(.85); } .reco-body { padding:1.5rem 1.75rem; } .reco-icon { font-family:'Cormorant Garamond',serif; font-size:1.6rem; color:var(--gold); margin-bottom:0.75rem; display:none; } .reco-name { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-weight:400; color:var(--charcoal); margin-bottom:0.4rem; } .reco-desc { font-size:0.9rem; line-height:1.7; color:var(--muted); } \/* RESTAURANTES *\/ .section-restaurantes { padding:clamp(4rem,10vw,8rem) 1.5rem; background:var(--ivory); } .rest-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; margin-top:3rem; } .rest-card { border:1px solid var(--border); background:var(--cream); overflow:hidden; } .rest-photo { width:100%; height:200px; object-fit:cover; object-position:center; display:block; filter:saturate(.88); transition:transform .4s ease; } .rest-card:hover .rest-photo { transform:scale(1.03); } .rest-body { padding:1.5rem; } .rest-tag { font-size:.55rem; letter-spacing:.3em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:.4rem; } .rest-name { font-family:'Cormorant Garamond',serif; font-size:1.3rem; font-weight:300; font-style:normal; color:var(--charcoal); margin-bottom:.5rem; } .rest-desc { font-size:.92rem; line-height:1.7; color:var(--muted); margin-bottom:1rem; } .rest-links { display:flex; gap:.75rem; flex-wrap:wrap; } .rest-link { font-size:.6rem; letter-spacing:.15em; text-transform:uppercase; color:var(--gold-dark); text-decoration:none; border-bottom:1px solid var(--border); padding-bottom:1px; transition:border-color .3s; } .rest-link:hover { border-color:var(--gold-dark); } \/* BELLEZA *\/ .section-belleza { padding:clamp(4rem,10vw,8rem) 1.5rem; background:var(--cream); } .belleza-item { border-top:1px solid var(--border); padding:1.75rem 0; } .belleza-item:last-child { border-bottom:1px solid var(--border); } .belleza-name { font-family:'Cormorant Garamond',serif; font-size:1.2rem; font-weight:300; color:var(--charcoal); margin-bottom:0.3rem; } .belleza-contact { font-size:0.8rem; color:var(--muted); line-height:1.7; } .belleza-contact a { color:var(--gold-dark); text-decoration:none; } \/* RSVP *\/ .section-rsvp { position:relative; padding:clamp(5rem,12vw,9rem) 1.5rem; text-align:center; overflow:hidden; } .rsvp-bg { position:absolute; inset:0; z-index:0; background-color:#dbd4b3; } .rsvp-overlay { position:absolute; inset:0; z-index:1; background:rgba(180,166,130,.12); } .section-rsvp>*:not(.rsvp-bg):not(.rsvp-overlay) { position:relative; z-index:2; } .envelope-area { margin:0.5rem auto 0; display:flex; flex-direction:column; align-items:center; gap:0.3rem; } @keyframes hintPulse { 0%,100%{opacity:.65}50%{opacity:1} } .envelope-btn { background:none; border:none; cursor:pointer; padding:0; width:clamp(240px,42vw,380px); transition:transform .3s ease; -webkit-tap-highlight-color:transparent; display:block; } .envelope-btn:hover { transform:translateY(-4px) scale(1.02); } .envelope-btn:active { transform:scale(.97); } .envelope-btn img { width:100%; margin-left:0; display:block; mix-blend-mode:multiply; } .rsvp-form-wrap { max-width:540px; width:100%; margin:0 auto; max-height:0; overflow:hidden; opacity:0; transition:max-height 1.1s cubic-bezier(.4,0,.2,1),opacity .7s ease .1s; } .rsvp-form-wrap.open { max-height:2000px; opacity:1; } .section-rsvp .section-label { display:none; } .section-rsvp .section-title { color:var(--charcoal); font-size:clamp(2.2rem,5vw,3.5rem); } .section-rsvp .section-text { color:var(--muted); } .rsvp-deadline { font-family:'Cormorant Garamond',serif; font-style:normal; font-size:clamp(1.3rem,2.5vw,1.8rem); letter-spacing:0.03em; color:var(--charcoal); margin:0 0 0.5rem; text-transform:none; line-height:1.5; } .rsvp-subdeadline { font-size:clamp(0.75rem,1.5vw,0.95rem); letter-spacing:0.15em; text-transform:uppercase; color:var(--muted); font-family:'Jost',sans-serif; font-weight:300; display:block; margin-top:0.3rem; } .rsvp-form { text-align:left; padding-top:2.5rem; } \/* Tarjeta contenedora del formulario *\/ .rsvp-form-wrap.open .rsvp-form { background: rgba(253,251,248,0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: 1px solid rgba(168,149,110,0.3); padding: 2.5rem 2rem; margin-top: 1rem; } .form-row-2 { display:grid; grid-template-columns:1fr 1fr; gap:1rem; } @media (max-width:480px) { .form-row-2 { grid-template-columns:1fr; } } .form-group { margin-bottom:1.6rem; } .form-label { display:block; font-size:0.58rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--gold-dark); margin-bottom:0.6rem; font-weight:300; } .form-input, .form-select, .form-textarea { width:100%; background:transparent; border:none; border-bottom:1px solid rgba(168,149,110,0.5); padding:0.7rem 0; font-family:'Jost',sans-serif; font-size:0.95rem; font-weight:300; color:var(--charcoal); outline:none; transition:border-color 0.3s; -webkit-appearance:none; border-radius:0; } .form-input:focus, .form-select:focus, .form-textarea:focus { border-bottom-color:var(--gold-dark); outline:none; } .form-select { background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A8956E' stroke-width='1.2' fill='none'\/%3E%3C\/svg%3E\"); background-repeat:no-repeat; background-position:right 4px center; cursor:pointer; padding-right:1.5rem; background-color:rgba(253,251,248,0.6); } .form-input::placeholder { color:rgba(58,53,48,0.35); font-style:normal; } .form-select option { background:var(--ivory); color:var(--charcoal); } .form-textarea { resize:none; height:80px; line-height:1.7; } \/* Separador sutil entre grupos *\/ .form-divider { height:1px; background:rgba(200,184,154,0.15); margin:0.5rem 0 1.8rem; } .form-radio-group { display:flex; gap:1.5rem; flex-wrap:wrap; margin-top:0.3rem; } .form-radio-label { display:flex; align-items:center; gap:0.6rem; font-size:0.85rem; color:var(--charcoal); cursor:pointer; background:rgba(253,251,248,0.5); border:1px solid rgba(168,149,110,0.3); padding:0.6rem 1rem; transition:background 0.2s, border-color 0.2s; flex:1; min-width:120px; } .form-radio-label:has(.form-radio:checked) { background:rgba(168,149,110,0.15); border-color:var(--gold-dark); } .form-radio { width:16px; height:16px; border:1px solid var(--gold-dark); border-radius:50%; -webkit-appearance:none; appearance:none; cursor:pointer; position:relative; flex-shrink:0; transition:border-color 0.2s; background:transparent; } .form-radio:checked { border-color:var(--gold-dark); } .form-radio:checked::after { content:''; position:absolute; inset:3px; background:var(--gold-dark); border-radius:50%; } \/* L\u00ednea dorada decorativa antes del bot\u00f3n *\/ .form-submit-area { margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgba(168,149,110,0.2); } .submit-btn { width:100%; padding:1rem; background:var(--charcoal); border:1px solid var(--charcoal); font-family:'Jost',sans-serif; font-size:0.62rem; font-weight:300; letter-spacing:0.4em; text-transform:uppercase; color:var(--ivory); cursor:pointer; transition:all 0.3s; -webkit-appearance:none; border-radius:0; min-height:48px; } .submit-btn:hover, .submit-btn:active { background:var(--gold-dark); border-color:var(--gold-dark); } \/* REGISTRY *\/ .section-registry { position:relative; padding:clamp(5rem,12vw,8rem) 1.5rem; text-align:center; overflow:hidden; } .registry-bg { position:absolute; inset:0; z-index:0; background-image:url('https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/-41.jpg'); background-size:cover; background-position:center; filter:brightness(.22) saturate(.4) sepia(.3); } .registry-overlay { position:absolute; inset:0; z-index:1; background:rgba(45,40,36,.7); } .registry-inner { position:relative; z-index:2; max-width:680px; margin:0 auto; } .section-registry .section-label { display:none; } .section-registry .section-title { color:var(--ivory); font-style:normal; } .section-registry .divider-ornament span { color:var(--gold); } .section-registry .section-text { color:rgba(253,251,248,.75); } .registry-btns { display:flex; gap:1.5rem; justify-content:center; flex-wrap:wrap; } .registry-btn { display:inline-block; padding:0.9rem 2.5rem; border:1px solid rgba(200,184,154,.5); font-family:'Jost',sans-serif; font-size:0.65rem; font-weight:300; letter-spacing:0.3em; text-transform:uppercase; color:var(--ivory); text-decoration:none; transition:all .3s; background:rgba(253,251,248,.1); } .registry-btn:hover, .registry-btn:active { background:var(--gold-dark); color:var(--ivory); border-color:var(--gold-dark); } .registry-btn-alt { background:rgba(200,184,154,.08); } \/* MODAL NO CELULARES *\/ #nophone-modal { position:fixed; inset:0; z-index:900; display:flex; align-items:center; justify-content:center; padding:1.5rem; opacity:0; pointer-events:none; transition:opacity .6s ease; } #nophone-modal.visible { opacity:1; pointer-events:all; } .nophone-backdrop { position:absolute; inset:0; background:rgba(247,244,239,.92); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); } .nophone-box { position:relative; z-index:1; background:var(--ivory); border:1px solid var(--border); padding:clamp(2.5rem,6vw,4rem) clamp(2rem,5vw,3.5rem); max-width:520px; width:100%; text-align:center; animation:fadeUp .8s ease both; } .nophone-icon { font-size:2.5rem; margin-bottom:1.2rem; display:block; } .nophone-box .section-label { margin-bottom:0.75rem; } .nophone-box .section-title { font-size:clamp(1.6rem,4vw,2.4rem); margin-bottom:1.2rem; } .nophone-box .divider-ornament { margin:1rem auto 1.5rem; } .nophone-body { font-size:0.9rem; line-height:1.85; color:var(--muted); margin-bottom:1.5rem; } .nophone-signoff { font-family:'Cormorant Garamond',serif; font-style:normal; font-size:1rem; color:var(--charcoal); margin-bottom:2rem; } .nophone-close { display:inline-block; padding:0.85rem 2.5rem; border:1px solid var(--border); font-family:'Jost',sans-serif; font-size:0.6rem; font-weight:300; letter-spacing:0.3em; text-transform:uppercase; color:var(--charcoal); cursor:pointer; background:transparent; transition:all .3s; -webkit-appearance:none; border-radius:0; } .nophone-close:hover { background:var(--charcoal); color:var(--ivory); border-color:var(--charcoal); } \/* FOOTER *\/ footer { padding:3.5rem 1.5rem; text-align:center; background:rgba(247,244,239,0.95); border-top:1px solid var(--border); } .footer-mono-img { width:clamp(80px,10vw,120px); mix-blend-mode:multiply; opacity:.85; margin:0 auto 1.2rem; display:block; } .footer-mono { font-family:'Cormorant Garamond',serif; font-size:2.5rem; font-weight:300; color:var(--gold); margin-bottom:0.75rem; letter-spacing:0.05em; } .footer-text { font-size:0.65rem; letter-spacing:0.2em; color:var(--muted); text-transform:uppercase; } .footer-confidential { font-size:0.78rem; letter-spacing:0.05em; color:var(--muted); margin-top:1.5rem; max-width:480px; margin-left:auto; margin-right:auto; line-height:1.8; }<\/style>\n<p><\/head><body><\/p>\n<div id=\"password-screen\"> <img decoding=\"async\" class=\"pw-monogram-img\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/MONOGRAMA-SOSA-ULIVI.png\" alt=\"S & U\" loading=\"eager\"> <\/p>\n<div class=\"pw-divider\"><\/div>\n<p> <pee class=\"pw-label\">Contrase\u00f1a de acceso<\/pee> <input type=\"password\" id=\"pw-input\" placeholder=\"\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\u00b7\" autocomplete=\"off\" inputmode=\"text\"> <pee class=\"pw-error\" id=\"pw-error\">Contrase\u00f1a incorrecta<\/pee> <button class=\"pw-btn\" id=\"pw-btn\">Ingresar<\/button><\/div>\n<p><\/p>\n<div id=\"site\"> <\/p>\n<nav> <\/p>\n<ul class=\"nav-links\"> <\/p>\n<li><a href=\"#bienvenida\">Bienvenida<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#itinerario\">Itinerario<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#dresscode\">Dresscode<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#hospedaje\">Hospedaje<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#vigo\">Vigo<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#restaurantes\">Restaurantes<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#belleza\">Maquillaje y Peinado<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#rsvp\">RSVP<\/a><\/li>\n<p> <\/p>\n<li><a href=\"#registry\">Registry<\/a><\/li>\n<p> <\/ul>\n<p> <button class=\"nav-hamburger\" id=\"hamburger\" aria-label=\"Men\u00fa\" aria-expanded=\"false\"> <span><\/span><span><\/span><span><\/span> <\/button> <\/nav>\n<p> <\/p>\n<div class=\"mobile-menu\" id=\"mobile-menu\" role=\"navigation\"> <a href=\"#bienvenida\" class=\"mobile-link\">Bienvenida<\/a> <a href=\"#itinerario\" class=\"mobile-link\">Itinerario<\/a> <a href=\"#dresscode\" class=\"mobile-link\">Dresscode<\/a> <a href=\"#hospedaje\" class=\"mobile-link\">Hospedaje<\/a> <a href=\"#vigo\" class=\"mobile-link\">Vigo<\/a> <a href=\"#restaurantes\" class=\"mobile-link\">Restaurantes<\/a> <a href=\"#belleza\" class=\"mobile-link\">Maquillaje y Peinado<\/a> <a href=\"#rsvp\" class=\"mobile-link\">RSVP<\/a> <a href=\"#registry\" class=\"mobile-link\">Registry<\/a> <\/div>\n<p> <\/p>\n<section class=\"hero\"> <\/p>\n<div class=\"hero-sky\"><\/div>\n<p> <\/p>\n<div class=\"hero-sky-overlay\"><\/div>\n<p> <\/p>\n<div class=\"hero-bg\"><\/div>\n<p> <pee class=\"hero-date\">11 \u00b7 07 \u00b7 2026<\/pee> <img decoding=\"async\" class=\"hero-logo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/logo-lirios.png\" alt=\"S & U\" loading=\"eager\"> <pee class=\"hero-location\">Vigo \u00b7 Galicia \u00b7 Espa\u00f1a<\/pee> <\/p>\n<div class=\"hero-line\"><\/div>\n<p> <pee class=\"hero-scroll\">Desplazar<\/pee> <\/section>\n<p> <\/p>\n<section class=\"section-welcome\" id=\"bienvenida\"> <\/p>\n<div class=\"section-welcome-bg\"><\/div>\n<p> <\/p>\n<div class=\"section-welcome-overlay\"><\/div>\n<p> <\/p>\n<div class=\"section-welcome-inner\"> <pee class=\"section-label reveal\">Bienvenidos<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Un fin de semana<!\u2013- [et_pb_br_holder] -\u2013>para celebrar juntos<\/h2>\n<p> <\/p>\n<div class=\"divider-ornament reveal\"><span>\u2726<\/span><\/div>\n<p> <pee class=\"section-text reveal\">Nos da much\u00edsima ilusi\u00f3n poder reunir a nuestros familiares y seres queridos durante este fin de semana tan especial, para celebrar el matrimonio de Ana y Ricardo.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013>Hemos preparado estos d\u00edas con mucho cari\u00f1o, con la intenci\u00f3n de que sea un momento de encuentro, de uni\u00f3n y de celebraci\u00f3n compartida. Esperamos que cada instante sirva para disfrutar, reconectar y crear recuerdos juntos.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013>Por motivos de seguridad, agradecemos especialmente su discreci\u00f3n y que toda la informaci\u00f3n relacionada con la celebraci\u00f3n se trate con la m\u00e1xima confidencialidad.<\/pee> <pee class=\"sign-off reveal\">Nos vemos muy pronto,<!\u2013- [et_pb_br_holder] -\u2013>Familias UA y SM<\/pee> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-itinerary\" id=\"itinerario\"> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\"> <img decoding=\"async\" class=\"section-icon reveal\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/lirios-scaled.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"> <\/p>\n<h2 class=\"section-title reveal\">Itinerario<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"itinerary-days\"> <\/p>\n<div class=\"day-card reveal\"> <pee class=\"day-label\">Viernes \u00b7 10 de Julio<\/pee> <\/p>\n<div class=\"event-item\"> <pee class=\"event-name\">Golden Hour Poolside<\/pee> <pee class=\"event-time\">6:00 PM<\/pee> <pee class=\"event-address\">Pazo los Escudos Hotel<!\u2013- [et_pb_br_holder] -\u2013>Av. da Atl\u00e1ntida, 106, 36208 Vigo<!\u2013- [et_pb_br_holder] -\u2013><a href=\"https:\/\/maps.google.com\/?q=Pazo+los+Escudos+Vigo\" target=\"_blank\">Ver en mapa \u2192<\/a><\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"day-card reveal\"> <pee class=\"day-label\">S\u00e1bado \u00b7 11 de Julio<\/pee> <\/p>\n<div class=\"event-item\"> <pee class=\"event-name\">Ceremonia<\/pee> <pee class=\"event-time\">4:45 PM<\/pee> <pee class=\"event-address\">Igrexa de Santa Baia de Alcabre<!\u2013- [et_pb_br_holder] -\u2013>Av. da Atl\u00e1ntida, 112, 36208 Vigo<!\u2013- [et_pb_br_holder] -\u2013><a href=\"https:\/\/maps.google.com\/?q=Igrexa+Santa+Baia+Alcabre+Vigo\" target=\"_blank\">Ver en mapa \u2192<\/a><\/pee> <\/div>\n<p> <\/p>\n<div class=\"event-item\"> <pee class=\"event-name\">Recepci\u00f3n<\/pee> <pee class=\"event-time\">6:30 PM<\/pee> <pee class=\"event-address\">Pazo los Escudos Hotel<!\u2013- [et_pb_br_holder] -\u2013>Av. da Atl\u00e1ntida, 106, 36208 Vigo<!\u2013- [et_pb_br_holder] -\u2013><a href=\"https:\/\/maps.google.com\/?q=Pazo+los+Escudos+Vigo\" target=\"_blank\">Ver en mapa \u2192<\/a><\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-dresscode\" id=\"dresscode\"> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\"> <img decoding=\"async\" class=\"section-icon reveal\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/palomas-1-scaled.png\" style=\"width:140px\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"> <pee class=\"section-label reveal\">Vestimenta<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Dress Code<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"dresscode-grid\"> <\/p>\n<div class=\"dresscode-card reveal\"> <\/p>\n<h3 class=\"dresscode-day\">Summer Casual Attire<\/h3>\n<p> <\/p>\n<div class=\"dresscode-divider\"><\/div>\n<p> <pee class=\"dresscode-desc\">Casual de verano, al aire libre junto a la piscina.<\/pee> <a href=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Dresscode-viernes.png\" target=\"_blank\" class=\"dresscode-btn\">Referencias \u2192<\/a> <\/div>\n<p> <\/p>\n<div class=\"dresscode-card reveal\"> <\/p>\n<h3 class=\"dresscode-day\">Etiqueta<\/h3>\n<p> <\/p>\n<div class=\"dresscode-divider\"><\/div>\n<p> <pee class=\"dresscode-desc\">Black Tie. Vestido largo.<\/pee> <a href=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Dresscode-sabado.png\" target=\"_blank\" class=\"dresscode-btn\">Referencias \u2192<\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-hospedaje\" id=\"hospedaje\"> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\"> <img decoding=\"async\" class=\"section-icon reveal\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/angeles-1-scaled.png\" style=\"width:140px\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"> <pee class=\"section-label reveal\">D\u00f3nde descansar<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Hospedaje<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"hotel-list\"> <\/p>\n<div class=\"hotel-item reveal hotel-featured\">\n<div>\n<div class=\"hotel-badge\">Recomendado<\/div>\n<h3 class=\"hotel-name\">Hotel Attica21 Vigo<\/h3>\n<pee class=\"hotel-info\">Muy cerca de la ceremonia y la recepci\u00f3n. Para acceder al precio especial, comun\u00edquense indicando que forman parte de la <em>Boda Sosa Ulivi<\/em>.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><a href=\"mailto:info.vigo@attica21hotels.com\">info.vigo@attica21hotels.com<\/a> \u00b7 +34 986 46 21 21<\/pee><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"hotel-item reveal\">\n<div>\n<h3 class=\"hotel-name\">NH Collection Vigo<\/h3>\n<pee class=\"hotel-info\">C\u00e9ntrico y elegante, con excelentes instalaciones.<\/pee><\/div>\n<p><a href=\"https:\/\/www.nh-collection.com\/en\/hotel\/nh-collection-vigo\" target=\"_blank\" class=\"hotel-link\">Ver hotel \u2192<\/a><\/div>\n<p> <\/p>\n<div class=\"hotel-item reveal\">\n<div>\n<h3 class=\"hotel-name\">Gran Hotel Nagari Boutique & Spa<\/h3>\n<pee class=\"hotel-info\">Boutique de lujo con spa, ideal para una estancia especial.<\/pee><\/div>\n<p><a href=\"https:\/\/granhotelnagari.com\/\" target=\"_blank\" class=\"hotel-link\">Ver hotel \u2192<\/a><\/div>\n<p> <\/p>\n<div class=\"hotel-item reveal\">\n<div>\n<h3 class=\"hotel-name\">Airbnb<\/h3>\n<pee class=\"hotel-info\">Amplia oferta de apartamentos y casas en la zona.<\/pee><\/div>\n<p><a href=\"https:\/\/www.airbnb.es\/s\/Vigo\" target=\"_blank\" class=\"hotel-link\">Explorar \u2192<\/a><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"airports-wrap reveal\"> <\/p>\n<h3 class=\"airports-title\">Aeropuertos m\u00e1s cercanos<\/h3>\n<p> <pee class=\"airports-intro\">En caso de que vengas desde fuera, estos son los aeropuertos m\u00e1s cercanos:<\/pee> <\/p>\n<div class=\"airports-grid\"> <\/p>\n<div class=\"airport-item\"> <span class=\"airport-code\">VGO<\/span> <\/p>\n<div class=\"airport-info\"> <pee class=\"airport-name\">Aeropuerto de Vigo<\/pee> <pee class=\"airport-time\">15 minutos en carro<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"airport-item\"> <span class=\"airport-code\">SCQ<\/span> <\/p>\n<div class=\"airport-info\"> <pee class=\"airport-name\">Aeropuerto de Santiago de Compostela<\/pee> <pee class=\"airport-time\">1 hora en carro<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"airport-item\"> <span class=\"airport-code\">OPO<\/span> <\/p>\n<div class=\"airport-info\"> <pee class=\"airport-name\">Aeropuerto de Oporto<\/pee> <pee class=\"airport-time\">1 hora 30 minutos en carro<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-recomendaciones\" id=\"vigo\">  <\/p>\n<div class=\"vigo-gallery-wrap\"> <\/p>\n<div class=\"vigo-gallery-header\"> <pee class=\"vigo-photo-label\">Aprovechen el viaje<\/pee> <\/p>\n<h2 class=\"vigo-photo-heading\">Vigo, Espa\u00f1a<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"vigo-grid\"> <\/p>\n<div class=\"vigo-grid-item\" onclick=\"vigoLightbox(0)\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-1.jpg\" alt=\"Vigo\" loading=\"eager\"> <\/div>\n<p> <\/p>\n<div class=\"vigo-grid-item\" onclick=\"vigoLightbox(1)\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-2-scaled.jpg\" alt=\"Vigo\" loading=\"lazy\"> <\/div>\n<p> <\/p>\n<div class=\"vigo-grid-item\" onclick=\"vigoLightbox(2)\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-3.jpeg\" alt=\"Vigo\" loading=\"lazy\"> <\/div>\n<p> <\/p>\n<div class=\"vigo-grid-item\" onclick=\"vigoLightbox(3)\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-4.jpeg\" alt=\"Vigo\" loading=\"lazy\"> <\/div>\n<p> <\/p>\n<div class=\"vigo-grid-item\" onclick=\"vigoLightbox(4)\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/pazo-quinones-leon-02.jpg\" alt=\"Vigo\" loading=\"lazy\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"vigo-lightbox\" id=\"vigo-lightbox\" onclick=\"vigoLightboxClose(event)\"> <button class=\"vigo-lightbox-close\" onclick=\"vigoLightboxClose()\">×<\/button> <button class=\"vigo-lightbox-prev\" onclick=\"vigoLightboxNav(-1);event.stopPropagation()\">←<\/button> <img decoding=\"async\" id=\"vigo-lightbox-img\" src=\"\" alt=\"Vigo\"> <button class=\"vigo-lightbox-next\" onclick=\"vigoLightboxNav(1);event.stopPropagation()\">→<\/button> <pee class=\"vigo-lightbox-counter\" id=\"vigo-lightbox-counter\">1 \/ 5<\/pee> <\/div>\n<p> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\" style=\"margin-top:3rem;margin-bottom:2rem\"> <\/div>\n<p>  <\/p>\n<div class=\"reco-grid\"> <\/p>\n<div class=\"reco-card reveal\"> <img decoding=\"async\" class=\"reco-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Vigo-y-alrededores-Santiago-de-Compostela.jpg\" alt=\"Santiago de Compostela\" loading=\"lazy\"> <\/p>\n<div class=\"reco-body\">\n<h3 class=\"reco-name\">Santiago de Compostela<\/h3>\n<pee class=\"reco-desc\">Ciudad con much\u00edsimo encanto, famosa por su impresionante catedral y casco hist\u00f3rico lleno de calles de piedra y plazas \u00fanicas.<\/pee><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"reco-card reveal\"> <img decoding=\"async\" class=\"reco-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-costa.jpg\" alt=\"Parador de Baiona\" loading=\"lazy\"> <\/p>\n<div class=\"reco-body\">\n<h3 class=\"reco-name\">Parador de Baiona<\/h3>\n<pee class=\"reco-desc\">Antigua fortaleza frente al mar, perfecto para pasear, disfrutar las vistas y tomar algo en un entorno espectacular.<\/pee><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"reco-card reveal\"> <img decoding=\"async\" class=\"reco-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Vigo-y-alrededores-Valenca-Portugal.jpg\" alt=\"Valen\u00e7a, Portugal\" loading=\"lazy\"> <\/p>\n<div class=\"reco-body\">\n<h3 class=\"reco-name\">Valen\u00e7a, Portugal<\/h3>\n<pee class=\"reco-desc\">A pocos minutos de la frontera. Pueblo pintoresco con fortaleza amurallada, tiendas y encanto tradicional.<\/pee><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"reco-grid-bottom\"> <\/p>\n<div class=\"reco-card reveal\"> <img decoding=\"async\" class=\"reco-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Vigo-y-alrededores-Isla-de-La-Toja.jpg\" alt=\"Isla de La Toja\" loading=\"lazy\"> <\/p>\n<div class=\"reco-body\">\n<h3 class=\"reco-name\">Isla de La Toja<\/h3>\n<pee class=\"reco-desc\">Excursi\u00f3n relajada con la famosa capilla. Muy cerca est\u00e1 D’Berto, uno de los mejores restaurantes de mariscos de Galicia.<\/pee><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"reco-card reveal\"> <img decoding=\"async\" class=\"reco-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Vigo-y-alrededores-Islas-Cies.jpg\" alt=\"Islas C\u00edes\" loading=\"lazy\"> <\/p>\n<div class=\"reco-body\">\n<h3 class=\"reco-name\">Islas C\u00edes<\/h3>\n<pee class=\"reco-desc\">Para\u00edso natural con playas de arena blanca y aguas cristalinas. Perfecto para un d\u00eda en plena naturaleza gallega.<\/pee><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-restaurantes\" id=\"restaurantes\"> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\"> <pee class=\"section-label reveal\">Para los amantes de la gastronom\u00eda<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Restaurantes<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rest-grid\"> <\/p>\n<div class=\"rest-card reveal\"> <img decoding=\"async\" class=\"rest-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Restaurantes-alcabre-rest-scaled.jpeg\" alt=\"Restaurante Alcabre\" loading=\"lazy\"> <\/p>\n<div class=\"rest-body\"> <pee class=\"rest-tag\">Dentro del Pazo \u00b7 1\u20132 min<\/pee> <\/p>\n<h3 class=\"rest-name\">Restaurante Alcabre<\/h3>\n<p> <pee class=\"rest-desc\">Cocina gallega contempor\u00e1nea en un entorno tranquilo y elegante. Perfecto para una cena especial.<\/pee> <\/p>\n<div class=\"rest-links\"> <a href=\"https:\/\/maps.google.com\/?q=Restaurante+Alcabre+Vigo\" target=\"_blank\" class=\"rest-link\">\ud83d\udccd Ubicaci\u00f3n<\/a> <a href=\"https:\/\/www.instagram.com\/restaurante.alcabre\/\" target=\"_blank\" class=\"rest-link\">Instagram<\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rest-card reveal\"> <img decoding=\"async\" class=\"rest-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Restaurantes-MARUJALIMON-557.jpg\" alt=\"Maruja Lim\u00f3n\" loading=\"lazy\"> <\/p>\n<div class=\"rest-body\"> <pee class=\"rest-tag\">10\u201315 min \u00b7 Estrella Michelin<\/pee> <\/p>\n<h3 class=\"rest-name\">Maruja Lim\u00f3n<\/h3>\n<p> <pee class=\"rest-desc\">Creatividad y tradici\u00f3n gallega en una experiencia sofisticada y muy especial.<\/pee> <\/p>\n<div class=\"rest-links\"> <a href=\"https:\/\/maps.google.com\/?q=Maruja+Limon+Vigo\" target=\"_blank\" class=\"rest-link\">\ud83d\udccd Ubicaci\u00f3n<\/a> <a href=\"https:\/\/www.instagram.com\/marujalimon_vigo\/\" target=\"_blank\" class=\"rest-link\">Instagram<\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rest-card reveal\"> <img decoding=\"async\" class=\"rest-photo\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/Restaurantes-DBerto.jpg\" alt=\"D'Berto\" loading=\"lazy\"> <\/p>\n<div class=\"rest-body\"> <pee class=\"rest-tag\">45\u201355 min \u00b7 Mariscos de excepci\u00f3n<\/pee> <\/p>\n<h3 class=\"rest-name\">D’Berto<\/h3>\n<p> <pee class=\"rest-desc\">Uno de los grandes referentes del marisco en Galicia. Perfecto para una peque\u00f1a excursi\u00f3n gastron\u00f3mica.<\/pee> <\/p>\n<div class=\"rest-links\"> <a href=\"https:\/\/maps.google.com\/?q=Restaurante+DBerto+O+Grove+Galicia\" target=\"_blank\" class=\"rest-link\">\ud83d\udccd Ubicaci\u00f3n<\/a> <a href=\"https:\/\/www.instagram.com\/dbertorestaurante\/\" target=\"_blank\" class=\"rest-link\">Instagram<\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<section class=\"section-belleza\" id=\"belleza\"> <\/p>\n<div class=\"section-inner\"> <\/p>\n<div class=\"section-header\"> <pee class=\"section-label reveal\">Recomendaciones<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Maquillaje y Peinado<\/h2>\n<p> <\/div>\n<p> <\/p>\n<div class=\"hotel-list\"> <\/p>\n<div class=\"belleza-item reveal\"> <\/p>\n<div class=\"hotel-badge\" style=\"margin-bottom:0.6rem;\">Dentro del Hotel<\/div>\n<p> <\/p>\n<h3 class=\"belleza-name\">Sal\u00f3n YOY Pazo Los Escudos<\/h3>\n<p> <pee class=\"belleza-contact\">Av. da Atl\u00e1ntida, 106, Vigo, Pontevedra<!\u2013- [et_pb_br_holder] -\u2013><a href=\"tel:+34986091642\">+34 986 09 16 42<\/a> \u00b7 <a href=\"https:\/\/www.salonyoy.com\" target=\"_blank\">salonyoy.com<\/a><\/pee> <\/div>\n<p> <\/p>\n<div class=\"belleza-item reveal\">\n<h3 class=\"belleza-name\">The Center Salon<\/h3>\n<pee class=\"belleza-contact\">R\u00faa Vel\u00e1zquez Moreno, 42 \u00b7 Vigo<!\u2013- [et_pb_br_holder] -\u2013><a href=\"tel:+34886116421\">+34 886 11 64 21<\/a> \u00b7 <a href=\"https:\/\/thecentersalon.es\" target=\"_blank\">thecentersalon.es<\/a> \u00b7 <a href=\"https:\/\/www.instagram.com\/thecentersalon\" target=\"_blank\">@thecentersalon<\/a><\/pee><\/div>\n<p> <\/p>\n<div class=\"belleza-item reveal\">\n<h3 class=\"belleza-name\">Eva Cend\u00f3n HAIR + MAKEUP<\/h3>\n<pee class=\"belleza-contact\">R\u00faa Garc\u00eda Barb\u00f3n 54, Entreplanta D \u00b7 Vigo<!\u2013- [et_pb_br_holder] -\u2013><a href=\"tel:+34679589927\">679 58 99 27<\/a> \u00b7 <a href=\"mailto:hola@evacendon.com\">hola@evacendon.com<\/a> \u00b7 <a href=\"https:\/\/evacendon.com\" target=\"_blank\">evacendon.com<\/a><\/pee><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p>  <\/p>\n<section class=\"section-rsvp\" id=\"rsvp\"> <\/p>\n<div class=\"rsvp-bg\"><\/div>\n<p> <\/p>\n<div class=\"rsvp-overlay\"><\/div>\n<p> <pee class=\"rsvp-deadline reveal\">Confirmar asistencia<!\u2013- [et_pb_br_holder] -\u2013><span class=\"rsvp-subdeadline\">Antes del 01 de Junio de 2026<\/span><\/pee> <\/p>\n<div class=\"envelope-area reveal\"> <button class=\"envelope-btn\" id=\"envelope-btn\" aria-label=\"Abrir formulario RSVP\" onclick=\"openEnvelope()\"> <img decoding=\"async\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/sobre-su.png\" alt=\"Confirma tu asistencia\" loading=\"eager\"> <\/button> <\/div>\n<p> <\/p>\n<div class=\"rsvp-form-wrap\" id=\"rsvp-form-wrap\"> <\/p>\n<form class=\"rsvp-form\" id=\"rsvp-form\" onsubmit=\"submitRSVP(event)\"> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">Nombre y Apellidos del invitado<\/label><input type=\"text\" name=\"nombre\" class=\"form-input\" placeholder=\"Su nombre completo\" required autocomplete=\"name\"><\/div>\n<p> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">Confirmar asistencia<\/label><\/p>\n<div class=\"form-radio-group\"><label class=\"form-radio-label\"><input type=\"radio\" class=\"form-radio\" name=\"asistencia\" value=\"S\u00ed\" required> S\u00ed, asistir\u00e9<\/label><label class=\"form-radio-label\"><input type=\"radio\" class=\"form-radio\" name=\"asistencia\" value=\"No\"> No podr\u00e9 asistir<\/label><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">N\u00famero de acompa\u00f1antes<\/label><select name=\"acompanantes\" class=\"form-select form-input\"><option value=\"\">Seleccionar<\/option><option value=\"0\">Solo yo (0 acompa\u00f1antes)<\/option><option value=\"1\">1 acompa\u00f1ante<\/option><option value=\"2\">2 acompa\u00f1antes<\/option><option value=\"3\">3 acompa\u00f1antes<\/option><option value=\"4\">4 acompa\u00f1antes<\/option><\/select><\/div>\n<p> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">Nombre de hotel o lugar de estad\u00eda<\/label><input type=\"text\" name=\"estadia\" class=\"form-input\" placeholder=\"Hotel, Airbnb, etc. (opcional)\"><\/div>\n<p> <\/p>\n<div class=\"form-row-2\"> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">Fecha de llegada<\/label><input type=\"date\" name=\"llegada\" class=\"form-input\"><\/div>\n<p> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">Fecha de salida<\/label><input type=\"date\" name=\"salida\" class=\"form-input\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"form-group\"><label class=\"form-label\">\u00bfA qu\u00e9 eventos asiste?<\/label><\/p>\n<div class=\"form-radio-group\"><label class=\"form-radio-label\"><input type=\"checkbox\" class=\"form-radio\" name=\"eventos\" value=\"Viernes\" style=\"border-radius:2px\"> Viernes<\/label><label class=\"form-radio-label\"><input type=\"checkbox\" class=\"form-radio\" name=\"eventos\" value=\"S\u00e1bado\" style=\"border-radius:2px\"> S\u00e1bado<\/label><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"form-submit-area\"> <button type=\"submit\" class=\"submit-btn\">Confirmar asistencia<\/button> <\/div>\n<p> <\/form>\n<p> <\/div>\n<p>  <\/p>\n<div id=\"form-success\" style=\"display:none; margin-top:2rem; text-align:center; padding:2rem 1.5rem; background:rgba(253,251,248,0.7); border:1px solid rgba(168,149,110,0.3); max-width:540px; margin-left:auto; margin-right:auto;\"> <pee style=\"font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-weight:300; color:var(--charcoal); margin-bottom:0.5rem;\">\u00a1Gracias!<\/pee> <pee style=\"font-family:'Jost',sans-serif; font-size:0.88rem; font-weight:300; color:var(--muted); letter-spacing:0.05em;\">Hemos recibido tu confirmaci\u00f3n.<!\u2013- [et_pb_br_holder] -\u2013>Nos vemos muy pronto.<\/pee> <\/div>\n<p> <\/section>\n<p>  <\/p>\n<section class=\"section-registry\" id=\"registry\"> <\/p>\n<div class=\"registry-bg\"><\/div>\n<p> <\/p>\n<div class=\"registry-overlay\"><\/div>\n<p> <\/p>\n<div class=\"registry-inner\"> <pee class=\"section-label reveal\">Lista de bodas<\/pee> <\/p>\n<h2 class=\"section-title reveal\">Registry<\/h2>\n<p> <\/p>\n<div class=\"divider-ornament reveal\"><span>\u2726<\/span><\/div>\n<p> <pee class=\"section-text reveal\" style=\"max-width:480px;margin:0 auto 2.5rem;\">Su presencia es el mejor regalo. Si desean obsequiarnos algo, aqu\u00ed encontrar\u00e1n nuestra lista de bodas.<\/pee> <\/p>\n<div class=\"registry-btns reveal\"> <a href=\"https:\/\/theislandshop.com\/apps\/giftregistry\/registry\/429860?_r=1&utm_source=gift_reggie&utm_medium=gift_reggie&utm_campaign=gift_reggie&utm_content=429860\" class=\"registry-btn\" target=\"_blank\">The Island Shop \u2192<\/a> <a href=\"https:\/\/www.zola.com\/registry\/arsu\" class=\"registry-btn registry-btn-alt\" target=\"_blank\">Zola \u2192<\/a> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <\/p>\n<footer> <img decoding=\"async\" class=\"footer-mono-img\" src=\"https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/MONOGRAMA-SOSA-ULIVI.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"> <pee class=\"footer-text\">11 de Julio de 2026 \u00b7 Vigo, Espa\u00f1a<\/pee> <pee class=\"footer-confidential\">Toda la informaci\u00f3n de este sitio es de car\u00e1cter privado y confidencial. Agradecemos su discreci\u00f3n.<\/pee> <\/footer>\n<p>  <\/p>\n<div id=\"nophone-modal\"> <\/p>\n<div class=\"nophone-backdrop\"><\/div>\n<p> <\/p>\n<div class=\"nophone-box\"> <span class=\"nophone-icon\">\ud83d\udcf5<\/span> <pee class=\"section-label\">Ceremonia Unplugged<\/pee> <\/p>\n<h2 class=\"section-title\">Celebraci\u00f3n<!\u2013- [et_pb_br_holder] -\u2013>sin celulares<\/h2>\n<p> <\/p>\n<div class=\"divider-ornament\"><span>\u2726<\/span><\/div>\n<p> <pee class=\"nophone-body\">Por motivos de seguridad y privacidad, no se permitir\u00e1 el uso de celulares durante las celebraciones. Agradecemos su comprensi\u00f3n y apoyo para disfrutar plenamente de este momento.<\/pee> <button class=\"nophone-close\" onclick=\"closeNophone()\">Entendido \u2192<\/button> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script>\/\/ \u2500\u2500 GALER\u00cdA VIGO CON LIGHTBOX (global) \u2500\u2500var vigoPhotos = [ 'https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-1.jpg', 'https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-2-scaled.jpg', 'https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-3.jpeg', 'https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/vigo-4.jpeg', 'https:\/\/matrimoniosu.com\/wp-content\/uploads\/2026\/04\/pazo-quinones-leon-02.jpg'];var vigoLbIdx = 0;function vigoLightbox(i) { vigoLbIdx = i; var lb = document.getElementById('vigo-lightbox'); var img = document.getElementById('vigo-lightbox-img'); var ctr = document.getElementById('vigo-lightbox-counter'); img.src = vigoPhotos[i]; ctr.textContent = (i+1) + ' \/ ' + vigoPhotos.length; lb.classList.add('open'); document.body.style.overflow = 'hidden';}function vigoLightboxNav(dir) { vigoLbIdx = (vigoLbIdx + dir + vigoPhotos.length) % vigoPhotos.length; vigoLightbox(vigoLbIdx);}function vigoLightboxClose(e) { if (e && e.target !== document.getElementById('vigo-lightbox') && e.type === 'click') return; document.getElementById('vigo-lightbox').classList.remove('open'); document.body.style.overflow = '';}\/\/ Swipe support for lightbox on mobile(function(){ var startX = 0; document.addEventListener('touchstart', function(e){ if (document.getElementById('vigo-lightbox').classList.contains('open')) startX = e.touches[0].clientX; }, {passive:true}); document.addEventListener('touchend', function(e){ if (!document.getElementById('vigo-lightbox').classList.contains('open')) return; var diff = startX - e.changedTouches[0].clientX; if (Math.abs(diff) > 50) vigoLightboxNav(diff > 0 ? 1 : -1); }, {passive:true});})();\/\/ \u2500\u2500 MODAL NO CELULARES \u2500\u2500function closeNophone() { document.getElementById('nophone-modal').classList.remove('visible');}\/\/ \u2500\u2500 SOBRE (global \u2014 necesario para onclick inline) \u2500\u2500function openEnvelope() { var btn = document.getElementById('envelope-btn'); var wrap = document.getElementById('rsvp-form-wrap'); if (!btn || !wrap) return; var opened = btn.dataset.opened === '1'; if (!opened) { btn.dataset.opened = '1'; btn.style.transition = 'transform .4s ease'; btn.style.transform = 'translateY(-8px) scale(1.03)'; wrap.classList.add('open'); setTimeout(function(){ wrap.scrollIntoView({behavior:'smooth',block:'nearest'}); }, 200); } else { btn.dataset.opened = '0'; btn.style.transform = 'translateY(0) scale(1)'; wrap.classList.remove('open'); }}\/\/ \u2500\u2500 RSVP (global \u2014 necesario para onsubmit inline) \u2500\u2500var SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxz5ReE6v6dltFW59FUgIAokUoGDw_HUTjruCYRUjeZFnbQvJvTONXXeEp_phiL2zHO\/exec';function submitRSVP(e) { e.preventDefault(); var form = e.target; \/\/ Recoger eventos seleccionados var eventos = []; form.querySelectorAll('input[name=\"eventos\"]:checked').forEach(function(cb){ eventos.push(cb.value); }); var fields = { nombre: form.querySelector('[name=\"nombre\"]').value, asistencia: form.querySelector('[name=\"asistencia\"]:checked') ? form.querySelector('[name=\"asistencia\"]:checked').value : '', acompanantes: form.querySelector('[name=\"acompanantes\"]') ? form.querySelector('[name=\"acompanantes\"]').value : '', estadia: form.querySelector('[name=\"estadia\"]').value, eventos: eventos.join(', '), llegada: form.querySelector('[name=\"llegada\"]').value, salida: form.querySelector('[name=\"salida\"]').value }; \/\/ Enviar via GET con par\u00e1metros en la URL \u2014 el m\u00e9todo m\u00e1s confiable con Apps Script var params = Object.keys(fields).map(function(k) { return encodeURIComponent(k) + '=' + encodeURIComponent(fields[k]); }).join('&'); var img = new Image(); img.src = SCRIPT_URL + '?' + params; \/\/ Mostrar confirmaci\u00f3n inmediatamente document.getElementById('rsvp-form').style.display = 'none'; document.getElementById('form-success').style.display = 'block'; setTimeout(function(){ document.getElementById('form-success').scrollIntoView({behavior:'smooth', block:'nearest'}); }, 100);}\/\/ \u2500\u2500 TODO LO DEM\u00c1S: espera al DOM \u2500\u2500document.addEventListener('DOMContentLoaded', function() { \/\/ PASSWORD function unlockSite() { document.getElementById('password-screen').classList.add('hidden'); document.getElementById('site').classList.add('visible'); initReveal(); setTimeout(function() { document.getElementById('nophone-modal').classList.add('visible'); }, 800); } function checkPassword() { var val = document.getElementById('pw-input').value.trim().toLowerCase().replace(\/\\s\/g,''); if (val === 'julio112026su') { unlockSite(); } else { var err = document.getElementById('pw-error'); err.classList.add('visible'); document.getElementById('pw-input').value = ''; document.getElementById('pw-input').focus(); setTimeout(function(){ err.classList.remove('visible'); }, 3000); } } document.getElementById('pw-btn').addEventListener('click', checkPassword); document.getElementById('pw-input').addEventListener('keydown', function(e){ if (e.key === 'Enter') checkPassword(); }); \/\/ HAMBURGER var hamburger = document.getElementById('hamburger'); var mobileMenu = document.getElementById('mobile-menu'); hamburger.addEventListener('click', function() { var open = hamburger.classList.toggle('open'); mobileMenu.classList.toggle('open', open); hamburger.setAttribute('aria-expanded', open); document.body.style.overflow = open ? 'hidden' : ''; }); document.querySelectorAll('.mobile-link').forEach(function(link) { link.addEventListener('click', function() { hamburger.classList.remove('open'); mobileMenu.classList.remove('open'); hamburger.setAttribute('aria-expanded', false); document.body.style.overflow = ''; }); }); \/\/ REVEAL function initReveal() { var els = document.querySelectorAll('.reveal'); function show(el) { if (el.dataset.shown) return; el.dataset.shown='1'; el.classList.add('visible'); } if ('IntersectionObserver' in window) { var obs = new IntersectionObserver(function(entries) { entries.forEach(function(e) { if (e.isIntersecting) { show(e.target); obs.unobserve(e.target); } }); }, { threshold: 0 }); els.forEach(function(el){ obs.observe(el); }); } else { els.forEach(show); } setTimeout(function(){ els.forEach(show); }, 2000); } document.addEventListener('touchstart', function(){}, {passive: true});});<\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"\n<p>This is an example page. It's different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n\n<p>Hi there! I'm a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin' caught in the rain.)<\/p>\n\n<\/blockquote>\n\n\n\n<p>...or something like this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n\n<p>The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.<\/p>\n\n<\/blockquote>\n\n\n\n<p>As a new WordPress user, you should go to <a href=\"https:\/\/matrimoniosu.com\/wp-admin\/\">your dashboard<\/a> to delete this page and create new pages for your content. Have fun!<\/p>\n","_et_gb_content_width":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":59,"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/matrimoniosu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}