/* OnGo Match — landing v2, 2026 | CSS independiente del tema heredado. */
:root{color-scheme:dark;--bg:#050916;--navy:#071322;--navy-2:#0a1628;--white:#f8f9fe;--muted:#aeb9cb;--line:rgba(135,156,187,.15);--pink:#f33ca6;--purple:#9b4ee5;--blue:#24b7f5;--grad:linear-gradient(105deg,#ff3c9f 0%,#bd3be4 50%,#23bfff 100%);--content:1190px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body,button,a{font-synthesis:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit}h1,h2,h3,p{margin-top:0}.container{width:min(calc(100% - 64px),var(--content));margin-inline:auto}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-70px;left:16px;padding:14px 20px;background:#fff;color:#111;z-index:100}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.blue-text{color:var(--blue)}.eyebrow{font-size:.72rem;letter-spacing:.13em;color:#ff4caa;font-weight:800;line-height:1.45}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:43px;border-radius:30px;padding:12px 24px;font-size:.86rem;font-weight:800;white-space:nowrap;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(255,62,182,.24)}.button-gradient{background:var(--grad);color:#07101d}
/* HEADER */
.site-header{position:relative;z-index:15;background:rgba(3,7,17,.96);border-bottom:1px solid rgba(255,255,255,.045)}.header-inner{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.brand img{width:112px;max-height:51px;object-fit:contain}.brand-subtitle{font-size:.55rem;letter-spacing:.49em;margin-top:-10px;padding-left:6px;font-weight:700;color:#e0e2eb}.site-nav{display:flex;align-items:center;gap:clamp(14px,2.05vw,31px)}.site-nav>a:not(.button){font-size:.81rem;font-weight:600;color:#dae1ef;white-space:nowrap;transition:color .2s}.site-nav>a:not(.button):hover{color:#ff57ba}.nav-download{font-size:.79rem;min-height:40px;padding:10px 22px}.menu-toggle{display:none}
/* HERO */
.hero{min-height:626px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#020612 0%,#070718 54%,#08152e 100%)}.hero-backdrop{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(90deg,rgba(2,5,15,.98) 0%,rgba(4,5,18,.92) 25%,rgba(4,6,20,.56) 53%,rgba(6,3,17,.54) 100%),linear-gradient(0deg,rgba(3,6,16,.75),transparent 45%,rgba(5,7,17,.25)),url('../images/night-friends.jpg');background-size:cover;background-position:center,center,center 42%}.hero-light{position:absolute;pointer-events:none;border-radius:50%;filter:blur(53px);z-index:-2}.hero-light-1{width:380px;height:230px;background:rgba(225,15,157,.18);right:16%;bottom:5%}.hero-light-2{width:240px;height:250px;background:rgba(23,106,247,.22);right:-3%;top:14%}.hero-grid{min-height:626px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:30px;position:relative}.hero-copy{max-width:500px;position:relative;z-index:2;padding:70px 0 76px}.hero-copy .eyebrow{margin-bottom:14px}.hero h1{font-size:clamp(4.6rem,7.4vw,7.6rem);font-weight:900;letter-spacing:-.079em;line-height:.98;margin:0 0 26px}.period{color:var(--blue)}.hero-description{font-size:1.02rem;line-height:1.8;max-width:420px;color:#e4e5f0;font-weight:400;text-wrap:pretty}.store-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.store-badge{height:52px;min-width:148px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.77);background:rgba(1,4,13,.61);border-radius:8px;padding:8px 13px;transition:background .2s,transform .2s}.store-badge:hover{background:rgba(31,36,62,.9);transform:translateY(-2px)}.store-badge>i{font-size:28px}.store-badge span{display:flex;flex-direction:column;line-height:1.1}.store-badge small{font-size:.6rem;font-weight:500;margin-bottom:4px}.store-badge strong{font-size:1rem;letter-spacing:-.03em}.hero-device-area{height:626px;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:30px;z-index:1}.hero-device-glow{position:absolute;background:radial-gradient(circle,rgba(239,52,207,.28),transparent 72%);height:490px;width:500px;right:-30px;top:74px;pointer-events:none}.phone-shell{width:296px;height:567px;padding:9px;position:relative;background:linear-gradient(115deg,#7b8094 0%,#080911 10%,#31364d 26%,#02040b 68%,#858895 90%,#060b14 100%);border:2px solid #9ea2af;border-radius:44px;box-shadow:30px 37px 50px rgba(0,0,0,.68),10px 8px 14px rgba(0,0,0,.8),-2px -1px 3px rgba(255,255,255,.5);transform:perspective(1200px) rotateY(-12deg) rotateZ(6deg)}.phone-shell:after{content:'';position:absolute;right:-5px;top:139px;width:5px;height:78px;border-radius:2px;background:linear-gradient(#686e76,#151622)}.phone-screen{height:100%;width:100%;border-radius:34px;overflow:hidden;position:relative;background:#070f22;border:1px solid #292e3b;display:flex;flex-direction:column}.phone-dynamic-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);z-index:3;border-radius:20px;width:72px;height:15px;background:#010205}.phone-toolbar{padding:35px 18px 8px;display:flex;align-items:center;justify-content:space-between}.phone-brand{font-size:1.28rem;letter-spacing:-.06em;font-weight:900}.phone-brand span{color:var(--pink)}.phone-menu{font-size:20px;color:#d5dfeb}.phone-location{color:#cbd8ed;font-size:.7rem;font-weight:600;padding:6px 18px 12px}.phone-location i{color:var(--blue);margin-right:5px}.phone-chevron{margin-left:6px}.phone-map{height:265px;overflow:hidden;position:relative}.map-road{position:absolute;inset:0;width:100%;height:100%}.map-marker{height:30px;width:30px;border-radius:50%;position:absolute;z-index:1;display:grid;place-items:center;background:#100b2e;color:#ff8bea;border:2px solid #f449c9;box-shadow:0 0 15px rgba(252,62,199,.9)}.pin-one{top:16%;left:18%}.pin-two{top:52%;left:67%;border-color:#2cc5fa;color:#4ed2ff;box-shadow:0 0 17px #169fea}.pin-three{top:38%;left:43%}.pin-four{top:72%;left:15%;border-color:#48c6f6;color:#45cdff;box-shadow:0 0 17px #169fea}.map-pulse{width:19px;height:19px;border-radius:50%;background:#ff4dcc;box-shadow:0 0 0 11px rgba(255,45,178,.15),0 0 35px 14px #fa2db4;position:absolute;top:48%;left:48%}.phone-bottom-sheet{padding:10px 13px 3px;background:#0d1428;border-radius:15px 15px 0 0;position:relative;z-index:2;margin-top:-7px}.sheet-handle{width:32px;height:3px;border-radius:10px;background:#5f627c;display:block;margin:0 auto 12px}.sheet-title{font-size:.78rem;font-weight:800;display:flex;justify-content:space-between;margin-bottom:10px}.sheet-title span{font-size:.58rem;color:var(--pink)}.place-row{display:flex;align-items:center;gap:9px;margin-bottom:9px}.place-thumb{height:35px;width:36px;border-radius:7px;display:grid;place-items:center;color:#ffe1fb}.place-thumb-a{background:linear-gradient(130deg,#5c1375,#fc348c)}.place-thumb-b{background:linear-gradient(130deg,#063d82,#3988ca)}.place-label{display:flex;flex-direction:column;flex:1;line-height:1.5}.place-label strong{font-size:.66rem}.place-label small{font-size:.52rem;color:#9faeca}.place-go{color:var(--pink);font-size:1rem}.phone-tabbar{margin-top:auto;border-top:1px solid #262d42;display:flex;justify-content:space-around;align-items:center;min-height:42px;color:#aebacf;font-size:.89rem}.phone-tabbar i:first-child{color:var(--pink)}.hero-fade{height:90px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#050916,transparent);pointer-events:none}
/* FEATURE STRIP */
.feature-strip{background:#07111e;padding:48px 0 45px;border-block:1px solid rgba(91,114,157,.11)}.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.feature-item{padding:0 23px 0 20px;min-height:132px;border-right:1px solid var(--line)}.feature-item:first-child{padding-left:0}.feature-item:last-child{border-right:0}.feature-icon{font-size:29px;color:var(--pink);margin-bottom:18px;filter:drop-shadow(2px 0 0 #2bbdf8)}.feature-item:nth-child(even) .feature-icon{color:#a45bf0}.feature-item:nth-child(4) .feature-icon{color:#36baff}.feature-item h3{font-size:.94rem;line-height:1.4;margin:0 0 8px;font-weight:800;letter-spacing:-.03em}.feature-item p{font-size:.78rem;line-height:1.7;color:#abb7c9;margin:0}
/* CITIES */
.cities-section{padding:57px 0 56px;background:radial-gradient(ellipse at 19% 37%,rgba(174,19,189,.15),transparent 39%),linear-gradient(110deg,#080e20,#06192b)}.cities-grid{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:336px;gap:10px}.cities-devices{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px;overflow:visible}.cities-devices img{position:relative;z-index:1;max-width:90%;max-height:367px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.65))}.devices-light{position:absolute;border-radius:50%;width:77%;height:72%;background:radial-gradient(circle,rgba(198,41,234,.22),transparent 75%);filter:blur(17px)}.cities-content{padding:20px 0 20px 24px}.cities-content .eyebrow{margin-bottom:9px}.cities-content h2{font-size:clamp(2rem,3.1vw,3.18rem);letter-spacing:-.055em;line-height:1.12;margin:0 0 14px}.cities-content>p:not(.eyebrow){font-size:.88rem;color:#bfcbdc;line-height:1.75;max-width:505px;margin-bottom:22px}.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.city-card{position:relative;min-height:135px;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;background-size:cover;background-position:center;isolation:isolate;display:flex;align-items:flex-end}.city-medellin{background-image:linear-gradient(0deg,rgba(1,7,19,.93),rgba(19,55,94,.06) 75%),linear-gradient(125deg,#0a344f,#b96085 50%,#28365b)}.city-cartagena{background-image:linear-gradient(0deg,rgba(1,7,19,.93),rgba(19,55,94,.06) 75%),linear-gradient(120deg,#213b70,#e17e83 56%,#543057)}.city-bogota{background-image:linear-gradient(0deg,rgba(1,7,19,.93),rgba(19,55,94,.06) 75%),linear-gradient(120deg,#30234d,#c98950 52%,#1a3150)}.city-skyline{position:absolute;left:0;right:0;bottom:0;height:67%;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(5,11,26,.64) 8px 21px,transparent 21px 25px,rgba(4,10,22,.7) 25px 34px);clip-path:polygon(0 57%,7% 57%,7% 38%,12% 38%,12% 54%,19% 54%,19% 22%,30% 22%,30% 47%,36% 47%,36% 5%,42% 5%,42% 47%,54% 47%,54% 32%,63% 32%,63% 17%,71% 17%,71% 56%,77% 56%,77% 35%,83% 35%,83% 45%,92% 45%,92% 28%,100% 28%,100% 100%,0 100%)}.city-info{width:100%;display:flex;align-items:center;gap:7px;padding:12px 9px;position:relative;z-index:2}.city-info>i{color:#ff42b2;font-size:13px}.city-info span{display:flex;flex-direction:column;min-width:0}.city-info strong{font-size:.76rem}.city-info small{font-size:.56rem;color:#c4cbdb;white-space:nowrap}
/* STEPS */
.steps-section{background:#071221;padding:53px 0 62px}.section-intro h2{font-size:clamp(1.75rem,2.35vw,2.4rem);line-height:1.2;letter-spacing:-.055em;margin:0 0 7px}.section-intro p{font-size:.84rem;color:#c0cadb;margin-bottom:30px}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.step{position:relative;min-height:130px;border-right:1px solid var(--line);padding:0 26px 4px 0;margin-right:26px;display:grid;grid-template-columns:32px 1fr;align-content:start;column-gap:15px}.step:last-child{border:0;margin-right:0}.step-number{width:31px;height:31px;border-radius:50%;background:var(--pink);display:grid;place-items:center;color:#090e1e;font-size:.85rem;font-weight:800;grid-row:1}.step:nth-child(2) .step-number{background:var(--purple)}.step:nth-child(4) .step-number{background:var(--blue)}.step-icon{grid-column:2;color:var(--pink);font-size:27px;grid-row:1;align-self:center}.step:nth-child(even) .step-icon{color:var(--blue)}.step h3{grid-column:2;font-size:.87rem;margin:14px 0 7px;font-weight:800}.step p{grid-column:2;font-size:.73rem;line-height:1.7;color:#a9b6c9;max-width:200px}
/* CTA */
.download-banner{position:relative;isolation:isolate;min-height:168px;display:flex;align-items:center;background:#130a2b;overflow:hidden}.download-banner:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,7,25,.95),rgba(24,3,32,.55) 55%,rgba(5,6,23,.89)),url('../images/night-friends.jpg') center 67%/cover}.download-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 54% 0%,rgba(255,27,159,.42),transparent 60%)}.download-content{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:27px}.download-content .eyebrow{margin-bottom:4px}.download-content h2{font-size:clamp(2rem,3vw,3.18rem);line-height:1.07;letter-spacing:-.05em;margin-bottom:0}.download-right{display:flex;align-items:center;flex-direction:column;gap:9px}.download-right .button{min-width:220px}.download-right p{color:#c9d1dd;font-size:.72rem;margin:0}
/* ADDITIONAL EXISTING CONTENT — REFINED TO MATCH DESIGN */
.additional-content{background:#060c17;padding:85px 0}.additional-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.additional-content h2{font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.1;letter-spacing:-.055em;margin-bottom:20px}.additional-content p:not(.eyebrow){color:var(--muted);font-size:.96rem;line-height:1.9}.text-link{display:inline-block;color:#ff69c4;font-weight:800;font-size:.9rem;margin-top:18px}.venues-preview{padding:10px;border:1px solid var(--line);background:#11182b;border-radius:20px;overflow:hidden}.venues-preview img{border-radius:12px;aspect-ratio:16/10;object-fit:cover}.faq-section{background:#09111f;padding:66px 0 82px}.faq-list{max-width:860px;margin:0 auto}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:21px 7px;font-size:.93rem;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq-list summary::after{content:'+';font-size:23px;line-height:1;color:#ff64c3}.faq-list details[open] summary::after{content:'−'}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{padding:0 34px 22px 7px;color:var(--muted);font-size:.87rem;line-height:1.8;margin:0}
/* FOOTER */
.site-footer{background:#040b16;padding:38px 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr 2fr 1.3fr;align-items:center;gap:28px}.footer-brand img{width:96px;max-height:45px;object-fit:contain;object-position:left}.footer-brand p{font-size:.69rem;color:#9fb0c6;margin:8px 0 0}.site-footer nav{display:flex;flex-wrap:wrap;gap:9px 19px;justify-content:center}.site-footer nav a{color:#c0cadb;font-size:.72rem}.site-footer nav a:hover{color:#ff60b9}.footer-copyright{text-align:right}.footer-copyright p{font-size:.67rem;color:#a6b1c3;margin:0 0 5px}.footer-copyright a{color:#53bef0}
@media(max-width:1100px){.site-nav{gap:14px}.site-nav>a:not(.button){font-size:.73rem}.nav-download{padding:10px 15px}.hero h1{font-size:clamp(4.1rem,7.5vw,6.3rem)}.feature-item{padding-right:14px;padding-left:15px}.feature-item h3{font-size:.85rem}.feature-item p{font-size:.72rem}.city-info small{font-size:.49rem}}
@media(max-width:830px){.container{width:min(calc(100% - 38px),var(--content))}.header-inner{min-height:70px}.brand img{width:100px}.menu-toggle{height:42px;width:42px;border:1px solid var(--line);background:#11182a;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{height:2px;width:20px;background:#fff;border-radius:3px}.site-nav{position:absolute;display:none;top:70px;left:0;right:0;background:#070d1d;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 22px;border-bottom:1px solid var(--line);box-shadow:0 20px 35px #0009}.site-nav.is-open{display:flex}.site-nav>a:not(.button){padding:13px 8px;font-size:.89rem}.site-nav .button{margin-top:10px}.hero-grid{grid-template-columns:1fr .7fr;gap:0}.hero-copy{max-width:450px}.hero-description{font-size:.88rem}.phone-shell{transform:perspective(1200px) rotateY(-9deg) rotateZ(7deg) scale(.82);transform-origin:center right}.hero-device-area{padding-right:0}.feature-grid{grid-template-columns:repeat(3,1fr);row-gap:28px}.feature-item:nth-child(3){border-right:0}.feature-item:nth-child(4){padding-left:0}.feature-item{min-height:115px}.cities-grid{grid-template-columns:42% 58%;gap:0}.cities-content{padding-left:6px}.city-grid{gap:7px}.city-info{padding:9px 5px}.city-info small{display:none}.steps-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.step:nth-child(2){border:0}.additional-grid{gap:25px}.footer-grid{grid-template-columns:1fr 2fr}.footer-copyright{grid-column:1/-1;text-align:left}}
@media(max-width:600px){.hero{min-height:auto}.hero-grid{min-height:unset;grid-template-columns:1fr;gap:0}.hero-backdrop{background-position:center,center,60% center;background-image:linear-gradient(90deg,rgba(2,5,15,.97),rgba(4,5,18,.82) 65%,rgba(6,3,17,.6)),url('../images/night-friends.jpg')}.hero-copy{padding:74px 0 16px}.hero-copy .eyebrow{font-size:.64rem}.hero h1{font-size:clamp(3.7rem,16vw,5.8rem);margin-bottom:19px}.hero-description{font-size:.87rem;max-width:390px}.store-actions{margin-top:23px}.store-badge{height:49px;min-width:135px}.hero-device-area{height:380px;justify-content:center;padding:0;margin-top:8px}.phone-shell{transform:perspective(1200px) rotateY(-9deg) rotateZ(6deg) scale(.7);transform-origin:center center}.hero-device-glow{top:0;left:0;width:100%;height:360px}.feature-strip{padding:35px 0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.feature-item{padding-left:14px;padding-right:15px;min-height:142px}.feature-item:nth-child(2),.feature-item:nth-child(4){border-right:0}.feature-item:nth-child(3){border-right:1px solid var(--line);padding-left:0}.feature-item:nth-child(5){border:0;padding-left:0}.feature-icon{font-size:26px;margin-bottom:12px}.feature-item h3{font-size:.8rem}.feature-item p{font-size:.72rem}.cities-section{padding:30px 0 44px}.cities-grid{grid-template-columns:1fr}.cities-devices{min-height:270px}.cities-devices img{max-height:300px;max-width:85%}.cities-content{padding:6px 0 0}.cities-content h2{font-size:2.12rem}.city-grid{gap:8px}.city-card{min-height:120px}.city-info strong{font-size:.7rem}.steps-section{padding:45px 0}.steps-grid{gap:23px 0}.step{margin-right:13px;padding-right:10px;column-gap:9px;grid-template-columns:27px 1fr}.step:nth-child(2){margin-right:0}.step:nth-child(3){border-right:1px solid var(--line)}.step-number{width:25px;height:25px;font-size:.72rem}.step-icon{font-size:23px}.step h3{font-size:.78rem}.step p{font-size:.68rem}.download-content{flex-direction:column;align-items:flex-start;gap:20px;padding:31px 0}.download-right{align-items:flex-start}.download-banner{min-height:auto}.additional-content{padding:62px 0}.additional-grid{grid-template-columns:1fr}.venues-preview{max-width:500px}.faq-section{padding:55px 0 66px}.footer-grid{grid-template-columns:1fr;gap:28px}.site-footer nav{justify-content:flex-start}.footer-copyright{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.store-badge{transition:none}}