:root,[data-palette=playa],[data-palette=playa-atardecer]{--p-bg:#fdf8f2;--p-bg2:#f5ede0;--p-bg3:#fff;--p-primary:#c9704a;--p-primary-rgb:201, 112, 74;--p-secondary:#e8b86d;--p-secondary-rgb:232, 184, 109;--p-sand:#d4b896;--p-sand-lt:#edd9c0;--p-water:#7aaecc;--p-dark:#3d2510;--p-text:#2a1a0a;--p-text-md:#2a1a0a80;--p-border:#c9704a26;--p-wave:#c9704a}[data-palette=playa-caribe]{--p-bg:#f0faf8;--p-bg2:#e0f2ee;--p-bg3:#fff;--p-primary:#2a9d8f;--p-primary-rgb:42, 157, 143;--p-secondary:#e9c46a;--p-secondary-rgb:233, 196, 106;--p-sand:#c4a882;--p-sand-lt:#dcc9a8;--p-water:#48cae4;--p-dark:#0a3330;--p-text:#0a2520;--p-text-md:#0a252080;--p-border:#2a9d8f26;--p-wave:#2a9d8f}[data-palette=playa-mediterraneo]{--p-bg:#f2f6fa;--p-bg2:#e4edf5;--p-bg3:#fff;--p-primary:#1a5276;--p-primary-rgb:26, 82, 118;--p-secondary:#d4ac0d;--p-secondary-rgb:212, 172, 13;--p-sand:#aeb6bf;--p-sand-lt:#cdd3d8;--p-water:#5dade2;--p-dark:#0a1a28;--p-text:#0a1520;--p-text-md:#0a152080;--p-border:#1a527626;--p-wave:#1a5276}button.music-control-btn{background:linear-gradient(135deg, var(--p-primary) 0%, var(--p-secondary) 100%)!important;box-shadow:0 8px 25px rgba(var(--p-primary-rgb), .4), inset 0 0 0 4px #ffffff1f, inset 0 0 0 8px #ffffff0f!important}button.music-control-btn i{color:#fff!important}button.music-control-btn:hover{box-shadow:0 12px 35px rgba(var(--p-primary-rgb), .55), inset 0 0 0 4px #fff3, inset 0 0 0 8px #ffffff1a!important}button.music-control-btn.playing:after{border-color:rgba(var(--p-primary-rgb), .4)!important}.navbar-demo{backdrop-filter:blur(16px);z-index:1000;border-bottom:1px solid var(--p-border);background:#fdf8f2f2;padding:.9rem 0;transition:transform .4s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.navbar-demo.visible{transform:translateY(0)}.nav-demo-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.nav-demo-left{align-items:center;gap:1rem;display:flex}.back-link{color:var(--p-text-md);border-radius:50px;align-items:center;gap:6px;padding:.5rem 1rem;font-family:Lato,sans-serif;font-size:.82rem;font-weight:300;text-decoration:none;transition:all .3s;display:inline-flex}.back-link:hover{color:var(--p-primary);background:rgba(var(--p-primary-rgb),.06)}.back-link svg{width:15px;height:15px}.demo-badge{letter-spacing:2px;text-transform:uppercase;color:var(--p-primary);border:1px solid var(--p-border);border-radius:50px;padding:.25rem .8rem;font-family:Lato,sans-serif;font-size:.62rem;font-weight:700}.nav-cta-demo{background:linear-gradient(135deg, var(--p-primary), var(--p-secondary));color:#fff;border-radius:50px;align-items:center;gap:7px;padding:.6rem 1.6rem;font-family:Lato,sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.nav-cta-demo:hover{box-shadow:0 8px 20px rgba(var(--p-primary-rgb), .35);transform:translateY(-2px)}.nav-cta-demo svg{width:15px;height:15px}@media (width<=600px){.nav-demo-container{padding:0 16px}.back-link span,.demo-badge{display:none}.back-link{padding:.5rem}.nav-cta-demo span{display:none}.nav-cta-demo{padding:.6rem 1rem}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--p-bg);color:var(--p-text);font-family:Lato,sans-serif;overflow-x:hidden}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{filter:brightness(.75)saturate(.9);z-index:0;background-image:url(https://res.cloudinary.com/dtqj6adlq/image/upload/w_1920,q_auto,f_auto/v1772466086/boda-2_ajibwy.jpg);background-position:50% 40%;background-size:cover;transition:filter .4s;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(to bottom, rgba(var(--p-primary-rgb), .1) 0%, transparent 30%, transparent 55%, rgba(var(--p-dark), .55) 100%), linear-gradient(to right, rgba(var(--p-dark), .3) 0%, transparent 50%);position:absolute;inset:0}.hero-waves{z-index:3;line-height:0;position:absolute;bottom:-2px;left:0;right:0}.hero-waves svg{width:100%;height:80px}.wave-path-1{animation:8s ease-in-out infinite wave1}.wave-path-2{animation:10s ease-in-out infinite wave2}.wave-path-3{animation:12s ease-in-out infinite wave3}@keyframes wave1{0%,to{d:path("M0,40 C200,70 400,10 600,40 C800,70 1000,10 1200,40 C1400,70 1600,10 1800,40 L1800,80 L0,80 Z")}50%{d:path("M0,50 C200,20 400,70 600,50 C800,20 1000,70 1200,50 C1400,20 1600,70 1800,50 L1800,80 L0,80 Z")}}@keyframes wave2{0%,to{d:path("M0,55 C300,30 600,70 900,55 C1200,30 1500,70 1800,55 L1800,80 L0,80 Z")}50%{d:path("M0,45 C300,65 600,30 900,45 C1200,65 1500,30 1800,45 L1800,80 L0,80 Z")}}@keyframes wave3{0%,to{d:path("M0,65 C400,45 800,75 1200,65 C1400,58 1600,70 1800,65 L1800,80 L0,80 Z")}50%{d:path("M0,60 C400,75 800,48 1200,60 C1400,70 1600,52 1800,60 L1800,80 L0,80 Z")}}.hero-content{z-index:2;text-align:center;color:#fff;opacity:0;max-width:860px;padding:2rem;animation:1.4s cubic-bezier(.16,1,.3,1) .3s forwards fadeUp;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-pre{letter-spacing:6px;text-transform:uppercase;color:#ffffffbf;margin-bottom:1.5rem;font-family:Lato,sans-serif;font-size:.72rem;font-weight:300;display:block}.hero-name-1{color:#fff;text-shadow:0 4px 30px #0000004d;font-family:Playfair Display,serif;font-size:clamp(4rem,12vw,9rem);font-style:italic;font-weight:700;line-height:.9;display:block}.hero-ampersand{color:var(--p-secondary);text-shadow:0 2px 20px #0003;margin:.3rem 0;font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,4rem);font-weight:400;display:block}.hero-name-2{color:#fff;text-shadow:0 4px 30px #0000004d;font-family:Playfair Display,serif;font-size:clamp(4rem,12vw,9rem);font-weight:700;line-height:.9;display:block}.hero-divider{justify-content:center;align-items:center;gap:1rem;margin:2rem auto;display:flex}.hero-divider-line{background:linear-gradient(90deg,#0000,#ffffff80);flex:1;max-width:100px;height:1px}.hero-divider-line.r{background:linear-gradient(270deg,#0000,#ffffff80)}.hero-date-pill{letter-spacing:3px;color:#ffffffe6;backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:50px;padding:.85rem 2.5rem;font-family:Lato,sans-serif;font-size:clamp(.85rem,2vw,1.1rem);font-weight:300;display:inline-block}.scroll-indicator{z-index:3;opacity:0;cursor:pointer;animation:1s 2s forwards fadeIn;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}@keyframes fadeIn{to{opacity:1}}.scroll-indicator svg{color:#fff9;width:28px;height:28px;animation:2.5s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}section:not(.hero){padding:90px 20px;position:relative}.container{max-width:1080px;margin:0 auto}.section-header{text-align:center;margin-bottom:3.5rem}.section-pre{letter-spacing:5px;text-transform:uppercase;color:var(--p-primary);margin-bottom:.6rem;font-family:Lato,sans-serif;font-size:.65rem;font-weight:700;display:block}.section-title{color:var(--p-text);font-family:Playfair Display,serif;font-size:clamp(2.2rem,5vw,3.5rem);font-style:italic;font-weight:700;line-height:1;display:block}.section-rule{background:linear-gradient(to right, var(--p-primary), var(--p-secondary));border-radius:2px;width:50px;height:2px;margin:1.2rem auto 0}.countdown-section{background:var(--p-bg2);border-top:1px solid var(--p-border);border-bottom:1px solid var(--p-border);position:relative;overflow:hidden}.countdown-section:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='1' fill='%23C9704A' opacity='0.08'/%3E%3Ccircle cx='20' cy='20' r='0.8' fill='%23C9704A' opacity='0.06'/%3E%3Ccircle cx='60' cy='60' r='0.8' fill='%23C9704A' opacity='0.06'/%3E%3C/svg%3E");background-size:80px 80px;position:absolute;inset:0}.countdown{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:700px;margin:0 auto;display:grid}.countdown-item{text-align:center;background:var(--p-bg3);border:1px solid var(--p-border);box-shadow:0 4px 20px rgba(var(--p-primary-rgb), .06);border-radius:16px;padding:2.5rem 1rem;transition:transform .3s;position:relative;overflow:hidden}.countdown-item:before{content:"";background:linear-gradient(to right, var(--p-primary), var(--p-secondary));height:3px;position:absolute;top:0;left:0;right:0}.countdown-item:hover{transform:translateY(-4px)}.countdown-number{color:var(--p-primary);font-family:Playfair Display,serif;font-size:3.5rem;font-style:italic;font-weight:700;line-height:1;display:block}.countdown-label{letter-spacing:3px;text-transform:uppercase;color:var(--p-text-md);margin-top:.5rem;font-family:Lato,sans-serif;font-size:.65rem;font-weight:700;display:block}@media (width<=768px){.countdown{grid-template-columns:repeat(2,1fr);gap:1rem}.countdown-item{padding:2rem .8rem}.countdown-number{font-size:2.8rem}}@media (width<=400px){.countdown-item{padding:1.5rem .6rem}.countdown-number{font-size:2.2rem}.countdown-label{letter-spacing:2px;font-size:.55rem}}.info-section{background:var(--p-bg3)}.info-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:960px;margin:0 auto;display:grid}.info-card{background:var(--p-bg);border:1px solid var(--p-border);box-shadow:0 4px 20px rgba(var(--p-primary-rgb), .06);border-radius:20px;transition:all .35s;overflow:hidden}.info-card:hover{box-shadow:0 16px 40px rgba(var(--p-primary-rgb), .12);transform:translateY(-6px)}.info-card-header{background:linear-gradient(135deg, var(--p-primary), var(--p-secondary));padding:1.5rem 1.5rem 0;position:relative}.info-card-tag{letter-spacing:4px;text-transform:uppercase;color:#fffc;margin-bottom:.5rem;font-family:Lato,sans-serif;font-size:.6rem;font-weight:700;display:block}.info-card-icon{margin-bottom:.5rem;font-size:2rem;display:block}.info-card-wave{width:100%;height:24px;margin-bottom:-1px;display:block}.info-card-body{padding:1.5rem 1.8rem 2rem}.info-card h3{color:var(--p-primary);margin-bottom:.8rem;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700}.info-card p{color:var(--p-text-md);font-family:Lato,sans-serif;font-size:.9rem;font-weight:300;line-height:1.9}.info-card p strong{color:var(--p-text);font-weight:700}@media (width<=768px){.info-grid{grid-template-columns:1fr;max-width:420px}}.gallery-section{background:var(--p-bg2)}.gallery-grid{columns:3;column-gap:.85rem;max-width:1060px;margin:2.5rem auto 0}.gallery-item{break-inside:avoid;cursor:pointer;border:1px solid var(--p-border);border-radius:12px;margin-bottom:.85rem;transition:all .4s;position:relative;overflow:hidden}.gallery-item img{filter:saturate(.9)brightness(.97);width:100%;height:auto;transition:transform .6s,filter .4s;display:block}.gallery-item:hover img{filter:saturate(1.1)brightness(1.02);transform:scale(1.04)}.gallery-item:before{content:"";background:rgba(var(--p-primary-rgb), 0);z-index:1;transition:background .4s;position:absolute;inset:0}.gallery-item:hover:before{background:rgba(var(--p-primary-rgb), .12)}.gallery-item:after{content:"🌊";z-index:2;pointer-events:none;font-size:2rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.gallery-item:hover:after{transform:translate(-50%,-50%)scale(1)}.gallery-item:hover{box-shadow:0 8px 32px rgba(var(--p-primary-rgb), .2)}.placeholder{aspect-ratio:3/4;background:linear-gradient(135deg, rgba(var(--p-primary-rgb),.1), rgba(var(--p-secondary-rgb),.1));color:var(--p-sand);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.placeholder-icon{opacity:.5;font-size:2rem}@media (width<=768px){.gallery-grid{columns:2}}@media (width<=480px){.gallery-grid{columns:1;max-width:320px}}.lightbox{z-index:9999;backdrop-filter:blur(8px);background:#0a0a0af0;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.active{display:flex}.lightbox-img{object-fit:contain;max-width:90vw;max-height:88vh;box-shadow:0 0 60px rgba(var(--p-primary-rgb), .2);border-radius:8px;animation:.3s lbIn}@keyframes lbIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:rgba(var(--p-primary-rgb),.4)}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:rgba(var(--p-primary-rgb),.4)}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.lightbox-counter{color:#ffffff80;background:#0006;border-radius:50px;padding:.4rem 1rem;font-family:Lato,sans-serif;font-size:.82rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.rsvp-section{background:var(--p-bg3)}.rsvp-inner{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;max-width:960px;margin:0 auto;display:grid}.rsvp-left{padding-top:.5rem}.rsvp-left p{color:var(--p-text-md);margin-top:1.5rem;font-family:Lato,sans-serif;font-size:.92rem;font-weight:300;line-height:2}.rsvp-left p strong{color:var(--p-text);font-weight:700}.rsvp-form{background:var(--p-bg);border:1px solid var(--p-border);border-radius:20px;padding:2.5rem 2rem;position:relative;overflow:hidden}.rsvp-form:before{content:"";background:linear-gradient(to right, var(--p-primary), var(--p-secondary));height:4px;position:absolute;top:0;left:0;right:0}.form-group{margin-bottom:1.5rem}.form-group label{letter-spacing:3px;text-transform:uppercase;color:var(--p-primary);margin-bottom:.5rem;font-family:Lato,sans-serif;font-size:.65rem;font-weight:700;display:block}.form-group input,.form-group select{border:1px solid var(--p-border);width:100%;color:var(--p-text);background:var(--p-bg3);border-radius:10px;outline:none;padding:.9rem 1.1rem;font-family:Lato,sans-serif;font-size:.95rem;font-weight:300;transition:all .3s}.form-group select option{background:var(--p-bg3);color:var(--p-text)}.form-group input:focus,.form-group select:focus{border-color:var(--p-primary);box-shadow:0 0 0 3px rgba(var(--p-primary-rgb), .1)}.form-group input::placeholder{color:#2a1a0a40;font-style:italic}.submit-btn{background:linear-gradient(135deg, var(--p-primary), var(--p-secondary));color:#fff;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;width:100%;margin-top:.5rem;padding:1.1rem;font-family:Lato,sans-serif;font-size:.78rem;font-weight:700;transition:all .3s}.submit-btn:hover{box-shadow:0 10px 30px rgba(var(--p-primary-rgb), .35);transform:translateY(-2px)}@media (width<=768px){.rsvp-inner{grid-template-columns:1fr;gap:2.5rem}}.footer{background:var(--p-dark);color:#fff;text-align:center;padding:5rem 2rem 3rem;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--p-primary), var(--p-secondary), var(--p-primary), transparent);height:2px;position:absolute;top:0;left:0;right:0}.footer-icon{margin-bottom:1.5rem;font-size:2.5rem;animation:4s ease-in-out infinite float;display:block}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(5deg)}}.footer p{color:#ffffff8c;margin-bottom:.5rem;font-family:Lato,sans-serif;font-size:1rem;font-weight:300}.footer-names{color:#fff;text-shadow:0 2px 20px rgba(var(--p-primary-rgb), .3);margin-top:.5rem;font-family:Playfair Display,serif;font-size:clamp(2.5rem,7vw,5rem);font-style:italic;font-weight:700;display:block}.powered{color:#ffffff4d;border-top:1px solid #ffffff14;margin-top:3rem;padding-top:2rem;font-family:Lato,sans-serif;font-size:.8rem;font-weight:300}.powered a{color:var(--p-secondary);font-weight:700;text-decoration:none;transition:color .2s}.powered a:hover{color:#fff}