:root,[data-palette=urbano],[data-palette=urbano-rojo]{--u-bg:#080808;--u-bg2:#0c0c0c;--u-bg3:#111;--u-primary:#ff2020;--u-primary-rgb:255, 32, 32;--u-secondary:#fff;--u-secondary-rgb:255, 255, 255;--u-text:#fffffff2;--u-text-md:#fff6;--u-border:#ff202026;--u-glow:0 0 30px #ff202066}[data-palette=urbano-violeta]{--u-bg:#080608;--u-bg2:#0c080e;--u-bg3:#110c14;--u-primary:#c4f;--u-primary-rgb:204, 68, 255;--u-secondary:#fff;--u-secondary-rgb:255, 255, 255;--u-text:#fffffff2;--u-text-md:#fff6;--u-border:#cc44ff26;--u-glow:0 0 30px #c4f6}[data-palette=urbano-amarillo]{--u-bg:#080800;--u-bg2:#0c0c00;--u-bg3:#110;--u-primary:#ffe000;--u-primary-rgb:255, 224, 0;--u-secondary:#fff;--u-secondary-rgb:255, 255, 255;--u-text:#fffffff2;--u-text-md:#fff6;--u-border:#ffe00026;--u-glow:0 0 30px #ffe00059}button.music-control-btn{background:var(--u-bg3)!important;border:1px solid rgba(var(--u-primary-rgb), .4)!important;box-shadow:var(--u-glow)!important}button.music-control-btn i{color:var(--u-primary)!important}button.music-control-btn:hover{box-shadow:0 0 40px rgba(var(--u-primary-rgb), .6)!important}.navbar-demo{backdrop-filter:blur(20px);z-index:1000;background:#080808f2;border-bottom:1px solid #ffffff0f;padding:.85rem 0;transition:transform .3s;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 24px;display:flex}.nav-demo-left{align-items:center;gap:1rem;display:flex}.back-link{color:var(--u-text-md);align-items:center;gap:6px;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:400;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--u-primary)}.back-link svg{width:14px;height:14px}.demo-badge{color:var(--u-primary);letter-spacing:4px;text-transform:uppercase;border:1px solid rgba(var(--u-primary-rgb), .3);padding:.28rem .8rem;font-family:Inter,sans-serif;font-size:.58rem;font-weight:700}.nav-cta-demo{background:var(--u-primary);color:var(--u-bg);letter-spacing:1px;text-transform:uppercase;box-shadow:var(--u-glow);align-items:center;gap:7px;padding:.65rem 1.6rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.nav-cta-demo:hover{box-shadow:0 0 40px rgba(var(--u-primary-rgb),.55);transform:translateY(-2px)}@media (width<=600px){.back-link span,.demo-badge{display:none}.back-link{padding:.5rem}.nav-cta-demo span{display:none}.nav-cta-demo{padding:.65rem 1rem}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--u-bg);color:var(--u-text);font-family:Inter,sans-serif;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9997;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.hero{flex-direction:column;justify-content:flex-end;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;filter:saturate(.15)brightness(.55)contrast(1.1);background-image:url(https://res.cloudinary.com/dtqj6adlq/image/upload/v1773425085/urban-men-8_exlgbz.png);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(to top, var(--u-bg) 0%, #080808b3 30%, #0808081a 60%, #08080866 100%), linear-gradient(to bottom, transparent 50%, rgba(var(--u-primary-rgb),.08) 100%);transition:background .5s;position:absolute;inset:0}.hero-spotlight{background:radial-gradient(ellipse, rgba(var(--u-primary-rgb),.12) 0%, transparent 60%);z-index:2;pointer-events:none;width:600px;height:600px;transition:background .5s;animation:4s ease-in-out infinite spotPulse;position:absolute;top:-200px;left:50%;transform:translate(-50%)}@keyframes spotPulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.1)}}.hero-line{z-index:3;pointer-events:none;background:linear-gradient(to right, transparent, rgba(var(--u-primary-rgb),.3), transparent);height:1px;position:absolute;top:50%;left:0;right:0}#grainCanvas{z-index:3;pointer-events:none;opacity:.06;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:4;opacity:0;padding:0 5% 5rem;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards heroIn;position:relative}@keyframes heroIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-label{align-items:center;gap:.7rem;margin-bottom:1.5rem;display:inline-flex}.hero-label-line{background:var(--u-primary);width:30px;height:2px;box-shadow:var(--u-glow)}.hero-label-text{letter-spacing:6px;text-transform:uppercase;color:var(--u-primary);font-family:Inter,sans-serif;font-size:.6rem;font-weight:700}.hero-name{color:#fff;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;font-family:Bebas Neue,sans-serif;font-size:clamp(5rem,16vw,14rem);line-height:.85;display:block}.hero-18{color:var(--u-primary);letter-spacing:2px;text-transform:uppercase;text-shadow:var(--u-glow);font-family:Bebas Neue,sans-serif;font-size:clamp(5rem,16vw,14rem);line-height:.85;transition:color .5s,text-shadow .5s;display:inline}.hero-meta{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.hero-meta-item{color:var(--u-text-md);letter-spacing:1px;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.78rem;font-weight:400}.hero-meta-item strong{color:var(--u-text);font-weight:500}.hero-meta-sep{background:var(--u-primary);width:3px;height:3px;box-shadow:var(--u-glow);border-radius:50%}.scroll-hint{z-index:4;cursor:pointer;opacity:0;flex-direction:column;align-items:center;gap:.4rem;animation:1s 1.2s forwards fadeIn;display:flex;position:absolute;bottom:2rem;right:5%}@keyframes fadeIn{to{opacity:1}}.scroll-hint span{letter-spacing:5px;text-transform:uppercase;color:var(--u-text-md);writing-mode:vertical-rl;font-family:Inter,sans-serif;font-size:.52rem}.scroll-hint-line{background:linear-gradient(to bottom, var(--u-primary), transparent);width:1px;height:40px;animation:2s ease-in-out infinite lineDown}@keyframes lineDown{0%,to{opacity:1}50%{opacity:.3}}section:not(.hero){padding:80px 20px}.container{max-width:1040px;margin:0 auto}.section-header{margin-bottom:3.5rem}.section-eyebrow{letter-spacing:6px;text-transform:uppercase;color:var(--u-primary);align-items:center;gap:.8rem;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:.58rem;font-weight:700;display:flex}.section-eyebrow:before{content:"";background:var(--u-primary);width:20px;height:2px;box-shadow:var(--u-glow)}.section-title{color:#fff;letter-spacing:2px;text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,7vw,6rem);line-height:.9;display:block}.section-title span{color:var(--u-primary)}.countdown-section{background:var(--u-bg2);border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;position:relative;overflow:hidden}.countdown-section:before{content:"";background:linear-gradient(to right, transparent, var(--u-primary), transparent);opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.countdown-inner{grid-template-columns:auto 1fr;align-items:center;gap:4rem;display:grid}.countdown-header .section-title{font-size:clamp(2rem,4vw,3.5rem)}.countdown{background:#ffffff0a;grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.countdown-item{background:var(--u-bg3);text-align:center;padding:2.5rem 1rem;transition:background .3s;position:relative;overflow:hidden}.countdown-item:hover{background:rgba(var(--u-primary-rgb),.06)}.countdown-item:after{content:"";background:var(--u-primary);transform-origin:50%;height:2px;box-shadow:var(--u-glow);transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.countdown-item:hover:after{transform:scaleX(1)}.countdown-number{color:var(--u-primary);text-shadow:var(--u-glow);font-family:Bebas Neue,sans-serif;font-size:4rem;line-height:1;transition:color .5s,text-shadow .5s;display:block}.countdown-label{letter-spacing:4px;text-transform:uppercase;color:var(--u-text-md);margin-top:.4rem;font-family:Inter,sans-serif;font-size:.52rem;display:block}@media (width<=768px){.countdown-inner{grid-template-columns:1fr;gap:2rem}.countdown{grid-template-columns:repeat(2,1fr)}}.info-section{background:var(--u-bg)}.info-grid{background:#ffffff0a;border:1px solid #ffffff0a;grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.info-card{background:var(--u-bg2);padding:3rem 2rem;transition:background .3s;position:relative;overflow:hidden}.info-card:hover{background:var(--u-bg3)}.info-card-num{color:#ffffff08;user-select:none;font-family:Bebas Neue,sans-serif;font-size:8rem;line-height:1;transition:color .3s;position:absolute;top:-1rem;right:1rem}.info-card:hover .info-card-num{color:rgba(var(--u-primary-rgb),.04)}.info-card:before{content:"";background:var(--u-primary);transform-origin:top;width:2px;box-shadow:var(--u-glow);transition:transform .4s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.info-card:hover:before{transform:scaleY(1)}.info-icon-u{width:36px;height:36px;color:var(--u-primary);justify-content:center;align-items:center;margin-bottom:1.3rem;display:flex}.info-icon-u svg{width:20px;height:20px}.info-card h3{color:#fff;letter-spacing:1px;margin-bottom:.8rem;font-family:Bebas Neue,sans-serif;font-size:1.8rem}.info-card p{color:var(--u-text-md);font-size:.88rem;font-weight:300;line-height:2}.info-card p strong{color:var(--u-text);font-weight:500}@media (width<=768px){.info-grid{grid-template-columns:1fr}}.gallery-section{background:var(--u-bg2);border-top:1px solid #ffffff0a;padding-bottom:0}.gallery-grid{grid-template-rows:300px 220px;grid-template-columns:1.2fr .8fr .8fr;gap:3px;margin-top:3rem;display:grid}.gu-tall{grid-row:span 2}.gu-item{cursor:pointer;background:var(--u-bg3);position:relative;overflow:hidden}.gu-item img{object-fit:cover;filter:saturate(0)brightness(.7);width:100%;height:100%;transition:transform .5s,filter .4s;display:block}.gu-item:hover img{filter:saturate(.6)brightness(.8);transform:scale(1.04)}.gu-item:before{content:"";z-index:1;background:rgba(var(--u-primary-rgb), 0);mix-blend-mode:screen;transition:background .4s;position:absolute;inset:0}.gu-item:hover:before{background:rgba(var(--u-primary-rgb), .12)}.gu-item:after{content:"";z-index:2;border:2px solid rgba(var(--u-primary-rgb), 0);pointer-events:none;transition:border-color .3s;position:absolute;inset:0}.gu-item:hover:after{border-color:rgba(var(--u-primary-rgb), .5)}@media (width<=768px){.gallery-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.gu-tall{aspect-ratio:3/4;grid-row:span 1}.gu-item{aspect-ratio:4/3}.gu-tall{grid-column:span 2}}@media (width<=480px){.gallery-grid{grid-template-columns:1fr}.gu-tall{grid-column:span 1}}.lightbox{z-index:9999;backdrop-filter:blur(16px);background:#080808fa;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 80px rgba(var(--u-primary-rgb),.15);animation:.3s lbIn}@keyframes lbIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:var(--u-primary);border-color:var(--u-primary)}.lightbox-nav{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff14;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:var(--u-primary)}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.lightbox-counter{letter-spacing:4px;color:var(--u-text-md);text-transform:uppercase;font-family:Inter,sans-serif;font-size:.65rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.rsvp-section{background:var(--u-bg);border-top:1px solid #ffffff0a}.rsvp-inner{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.rsvp-left h2{color:#fff;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem;font-family:Bebas Neue,sans-serif;font-size:clamp(3.5rem,7vw,6rem);line-height:.9}.rsvp-left h2 span{color:var(--u-primary);text-shadow:var(--u-glow);display:block}.rsvp-left p{color:var(--u-text-md);font-size:.9rem;font-weight:300;line-height:2}.rsvp-left p strong{color:var(--u-text);font-weight:500}.rsvp-form{background:var(--u-bg2);border:1px solid #ffffff0d;padding:2.8rem 2.2rem;position:relative}.rsvp-form:before{content:"";background:linear-gradient(to right, var(--u-primary), transparent);height:2px;box-shadow:var(--u-glow);position:absolute;top:0;left:0;right:0}.form-group{margin-bottom:1.3rem}.form-group label{letter-spacing:5px;text-transform:uppercase;color:var(--u-primary);margin-bottom:.4rem;font-family:Inter,sans-serif;font-size:.55rem;font-weight:700;display:block}.form-group input,.form-group select{width:100%;color:var(--u-text);background:#ffffff08;border:1px solid #ffffff12;outline:none;padding:.9rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:300;transition:all .25s}.form-group select option{background:var(--u-bg3)}.form-group input:focus,.form-group select:focus{border-color:rgba(var(--u-primary-rgb),.5);background:rgba(var(--u-primary-rgb),.04);box-shadow:0 0 0 2px rgba(var(--u-primary-rgb),.08)}.form-group input::placeholder{color:#ffffff26}.submit-btn{background:var(--u-primary);width:100%;color:var(--u-bg);letter-spacing:4px;text-transform:uppercase;cursor:pointer;box-shadow:var(--u-glow);border:none;margin-top:.5rem;padding:1.1rem;font-family:Bebas Neue,sans-serif;font-size:1.1rem;transition:all .25s}.submit-btn:hover{box-shadow:0 0 40px rgba(var(--u-primary-rgb),.55);transform:translateY(-2px)}@media (width<=768px){.rsvp-inner{grid-template-columns:1fr;gap:2.5rem}}.footer{background:var(--u-bg);border-top:2px solid var(--u-primary);padding:5rem 5% 3rem;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(to bottom, rgba(var(--u-primary-rgb),.08), transparent);pointer-events:none;height:80px;position:absolute;top:0;left:0;right:0}.footer-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex;position:relative}.footer-name{color:#fff;letter-spacing:3px;text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:clamp(5rem,14vw,12rem);line-height:.82;display:block}.footer-name span{color:var(--u-primary);text-shadow:var(--u-glow);transition:color .5s,text-shadow .5s;display:block}.footer-right{text-align:right}.footer-right p{color:var(--u-text-md);font-size:.85rem;font-weight:300;line-height:2}.footer-right p.accent{color:var(--u-primary);font-weight:500}.powered{z-index:1;color:var(--u-text-md);opacity:.5;border-top:1px solid #ffffff0f;margin-top:3rem;padding-top:2rem;font-size:.7rem;position:relative}.powered a{color:var(--u-primary);text-decoration:none}