:root{
  --bg:#050506; --panel:#0E0F12; --ink:#F2F0EB; --ink2:#A4A8AE; --ink3:#6F747B; --rule:rgba(255,255,255,.09);
  --amber:#E0A04A; --amber-lit:#E0A04A; --amber-bg:rgba(224,160,74,.07); --dark:#050506; --dark-ink:#F2F0EB; --dark-2:#A4A8AE;
  --serif:"Bricolage Grotesque", system-ui, sans-serif; --gold:linear-gradient(180deg,#F7D9A6 0%,#E0A04A 55%,#B87A2E 100%);
  --radius:28px; color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--bg); color:var(--ink); font:17px/1.5 Geist, system-ui, -apple-system, sans-serif; -webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block; max-width:100%}
.wrap{width:min(1200px,100%); margin:0 auto; padding-inline:clamp(18px,4vw,40px)}
h1,h2,h3{margin:0; text-wrap:balance; letter-spacing:-.035em; line-height:1.02}
h2{font-size:clamp(36px,5.6vw,72px); font-weight:800}
h2 em,h1 em{font-style:normal; color:var(--amber)}
.kick{font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--amber)}
.lede{font-size:clamp(18px,2vw,22px); color:var(--ink2); max-width:640px; margin:18px 0 0}
section{padding-block:clamp(80px,12vw,150px)}
.btn{display:inline-flex; align-items:center; gap:10px; font:600 17px Geist, system-ui, sans-serif; padding:15px 26px; border-radius:999px; text-decoration:none; border:1.5px solid transparent; transition:transform .12s ease, background .2s}
.btn:active{transform:scale(.97)}
.btn.pri{background:var(--amber-lit); color:#14171A}
.btn.ghost{border-color:rgba(255,255,255,.4); color:#fff; background:rgba(255,255,255,.08); backdrop-filter:blur(12px)}
.btn.line{border-color:var(--ink); color:var(--ink)}
.btn:focus-visible,.lang button:focus-visible{outline:2px solid var(--amber-lit); outline-offset:3px}

/* section bands */
.b-white{background:#fff}
.b-cream{background:var(--bg)}
.b-amber{background:var(--amber-lit)}
.b-amber h2 em{color:#fff}
.b-amber .cmp > div{border-color:transparent}
.b-cream .inv{background:#fff}

/* nav */
nav{position:fixed; top:0; left:0; right:0; z-index:20; padding-top:env(safe-area-inset-top,0px); transition:background .3s, box-shadow .3s}
nav.solid,nav.open{background:rgba(255,255,255,.86); backdrop-filter:blur(20px) saturate(180%); box-shadow:0 1px 0 var(--rule)}
nav .wrap{display:flex; align-items:center; justify-content:space-between; gap:20px; height:68px}
.logo{font-weight:800; font-size:26px; letter-spacing:-.05em; text-decoration:none; color:#fff}
.logo i{font-style:normal; color:var(--amber-lit)}
nav.solid .logo,nav.open .logo{color:var(--ink)}
nav.solid .logo i,nav.open .logo i{color:var(--amber)}
.links{display:flex; align-items:center; gap:4px}
.links a{font-size:15px; font-weight:600; color:#fff; text-decoration:none; padding:8px 12px; border-radius:999px; transition:background .2s, color .2s}
.links a:hover{background:rgba(255,255,255,.14)}
nav.solid .links a{color:var(--ink2)}
nav.solid .links a:hover{background:var(--bg); color:var(--ink)}
nav.solid .links a.on{background:var(--ink); color:#fff}
.navr{display:flex; align-items:center; gap:10px}
.btn.sm{font-size:15px; padding:9px 18px}
.lang{display:flex; border:1.5px solid rgba(255,255,255,.4); border-radius:999px; overflow:hidden}
nav.solid .lang,nav.open .lang{border-color:var(--rule)}
.lang button{font:600 13px Geist,system-ui,sans-serif; background:none; border:0; color:#fff; padding:6px 10px; cursor:pointer}
nav.solid .lang button,nav.open .lang button{color:var(--ink2)}
.lang button[aria-pressed="true"],nav.solid .lang button[aria-pressed="true"],nav.open .lang button[aria-pressed="true"]{background:var(--amber-lit); color:#14171A}
.burger{display:none; width:42px; height:42px; border:0; border-radius:50%; background:rgba(255,255,255,.14); color:#fff; font-size:20px; cursor:pointer}
nav.solid .burger,nav.open .burger{background:var(--bg); color:var(--ink)}
@media (max-width:1060px){
  .burger{display:grid; place-items:center}
  .links{display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; gap:2px; padding:10px clamp(18px,4vw,40px) 20px; background:#fff; box-shadow:0 12px 30px rgba(20,23,26,.12)}
  nav.open .links{display:flex}
  .links a,nav.solid .links a{color:var(--ink); font-size:19px; padding:14px 12px; border-radius:14px}
}
.links .m-cta{display:none}
@media (max-width:520px){ .navr .btn.sm{display:none} .links a.m-cta{display:inline-flex; justify-content:center; margin-top:10px; color:#14171A; background:var(--amber-lit)} }

/* hero */
.hero{position:relative; height:min(100svh,980px); min-height:620px; padding:0; color:#fff; overflow:hidden; background:var(--dark)}
.hero .slides{position:absolute; inset:0 0 16% 0}
.hero .slides div{position:absolute; inset:-4%; background-size:cover; background-position:center bottom; opacity:0; animation:kb 21s infinite}
.hero .slides div:first-child{animation-delay:-1.2s}
.hero .slides div:nth-child(2){animation-delay:7s}
.hero .slides div:nth-child(3){animation-delay:14s}
@keyframes kb{0%{opacity:0; transform:scale(1.08)} 5%{opacity:1} 33%{opacity:1} 38%{opacity:0; transform:scale(1)} 100%{opacity:0}}
.hero::after{content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, rgba(14,17,19,.5) 0%, rgba(14,17,19,0) 18%, rgba(14,17,19,0) 52%, rgba(5,5,6,.82) 76%, #050506 86%)}
.hero .wrap{position:absolute; left:0; right:0; bottom:0; z-index:1; padding-block:0 44px; text-align:center; display:flex; flex-direction:column; align-items:center}
.hero .kick{color:var(--amber-lit)}
.hero h1{font-size:clamp(36px,5vw,64px); font-weight:800; max-width:820px; margin:14px auto 0; text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero h1 em{color:var(--amber-lit)}
.hero p{font-size:clamp(17px,1.6vw,20px); color:rgba(255,255,255,.85); max-width:560px; margin:16px auto 26px}
.hero .ctas{display:flex; flex-wrap:wrap; gap:12px; justify-content:center}
.phone{width:min(290px,70vw); aspect-ratio:9/19.5; border-radius:46px; background:#0b0d0f; padding:10px; box-shadow:0 30px 80px rgba(0,0,0,.5), 0 0 0 1.5px #2a3035}
.phone img{width:100%; height:100%; object-fit:cover; object-position:top; border-radius:37px}

/* stats */
.stats{display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:56px}
.stat{padding:8px 28px 0 0}
.stat + .stat{padding-left:28px; border-left:1px solid var(--rule)}
.stat b{display:block; font-size:clamp(48px,7vw,92px); font-weight:800; letter-spacing:-.05em; line-height:1; color:var(--amber); font-variant-numeric:tabular-nums}
.stat > span{display:block; margin-top:12px; font-size:18px; color:var(--ink2)}
@media (max-width:700px){ .stats{grid-template-columns:1fr} .stat + .stat{border-left:0; padding-left:0; border-top:1px solid var(--rule); padding-top:22px; margin-top:22px} }

/* steps */

/* car */
.car{background:var(--dark); color:var(--dark-ink)}
.car h2 em{color:var(--amber-lit)}
.car .lede{color:var(--dark-2)}
.car-img{margin:40px auto 0; width:min(980px,100%)}
.chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:28px}
.chip{border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:9px 16px; font-size:15px; font-weight:600; color:var(--dark-ink)}

/* tavo */
.tavo-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center}
.feat{display:flex; flex-direction:column; gap:0; margin-top:30px}
.feat div{padding:16px 0; border-top:1px solid var(--rule)}
.feat b{font-size:19px}
.feat p{margin:4px 0 0; color:var(--ink2); font-size:16px}
.phones{display:flex; gap:22px; justify-content:center; align-items:center}
.phones .phone{justify-self:auto; box-shadow:0 24px 60px rgba(20,23,26,.25)}
.phones .phone:last-child{width:min(230px,40vw)}
@media (max-width:900px){ .tavo-grid{grid-template-columns:1fr} }
@media (max-width:600px){ .phones{gap:12px} .phones .phone{width:46vw; border-radius:30px; padding:7px} .phones .phone:last-child{width:38vw} .phone img{border-radius:24px} }

/* stories */
.quote{display:grid; grid-template-columns:auto 1fr; gap:26px; align-items:center; margin-top:44px; padding:30px; border-radius:var(--radius); background:var(--amber-bg); border:1px solid color-mix(in srgb, var(--amber) 35%, transparent)}
.quote img{width:96px; height:96px; border-radius:50%; object-fit:cover}
.quote p{margin:0; font-size:clamp(18px,2vw,22px); font-weight:600; letter-spacing:-.01em}
.quote small{display:block; margin-top:8px; font-size:14px; color:var(--ink2); font-weight:500}
.nums{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:14px}
.nums div{background:var(--panel); border:1px solid var(--rule); border-radius:22px; padding:22px}
.nums b{font-size:40px; font-weight:800; letter-spacing:-.04em; color:var(--amber)}
.nums div > span{display:block; color:var(--ink2); font-size:15px; margin-top:4px}
@media (max-width:640px){ .nums{grid-template-columns:1fr} .quote{grid-template-columns:1fr} }

/* compare */
.cmp{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:48px}
.cmp > div{border-radius:var(--radius); padding:34px; border:1px solid var(--rule); background:var(--panel)}
.cmp .us{background:var(--ink); color:var(--bg); border-color:var(--ink)}
.cmp .us .k{color:var(--amber-lit)}
.cmp h3{font-size:30px; margin:10px 0 18px}
.cmp ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; font-size:17px}
.cmp li{display:flex; align-items:flex-start; gap:12px}
.cmp li::before{content:"✕"; flex:none; width:22px; height:22px; margin-top:1px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:700; background:rgba(255,255,255,.07); color:var(--ink3)}
.cmp > div:not(.us) li{color:var(--ink2)}
.cmp .us li::before{content:"✓"; font-size:13px; background:var(--amber); color:#14171A}
.cmp .k{font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--ink3)}
@media (max-width:700px){ .cmp{grid-template-columns:1fr} }

/* faq */
details{border-top:1px solid var(--rule); padding:20px 0}
details:last-of-type{border-bottom:1px solid var(--rule)}
summary{cursor:pointer; font-size:20px; font-weight:650; list-style:none; display:flex; justify-content:space-between; gap:20px}
summary::after{content:"+"; color:var(--amber); font-weight:400; font-size:26px; line-height:1}
details[open] summary::after{content:"–"}
details p{margin:12px 0 0; color:var(--ink2); max-width:760px}

/* investors + cta */
.inv{border-radius:34px; padding:clamp(30px,5vw,60px); background:var(--panel); border:1px solid var(--rule); display:grid; grid-template-columns:1.3fr 1fr; gap:40px; align-items:center}
.inv ul{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:12px; color:var(--ink2)}
@media (max-width:800px){ .inv{grid-template-columns:1fr} }
.final{position:relative; color:#fff; text-align:center; overflow:hidden; background:var(--dark)}
.final::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg,#050506 0%,#050506 10%,rgba(5,5,6,.88) 22%,rgba(14,17,19,.6) 34%,rgba(14,17,19,.68) 62%,rgba(14,17,19,.85) 100%), url(img/odo1-27.jpg) center 42%/cover}
.final .wrap{position:relative}
.final h2 em{color:var(--amber-lit)}
.final p{color:rgba(255,255,255,.8); font-size:20px; margin:18px auto 30px; max-width:560px}
.final .ctas{display:flex; flex-wrap:wrap; gap:12px; justify-content:center}
footer{padding-block:40px calc(40px + env(safe-area-inset-bottom,0px)); color:var(--ink3); font-size:14px}
footer .wrap{display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px}
footer a{color:var(--ink2); text-decoration:none; margin-left:18px}

/* price card */
.price{display:grid; grid-template-columns:1fr 1.3fr; gap:0; margin-top:36px; border-radius:var(--radius); overflow:hidden; border:1px solid rgba(255,255,255,.14)}
.price > div{padding:clamp(26px,4vw,40px)}
.price-l{background:var(--amber-lit); color:#14171A; display:flex; flex-direction:column; align-items:flex-start; gap:6px}
.price .k{font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--dark-2)}
.price-l .k{color:rgba(20,23,26,.7)}
.price-l b{font-size:clamp(56px,8vw,88px); font-weight:800; letter-spacing:-.05em; line-height:1; font-variant-numeric:tabular-nums}
.price-l .per{font-size:17px; font-weight:600}
.price-l .btn{margin-top:18px; background:#14171A; color:#fff}
.price ul{list-style:none; margin:16px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; font-size:16px}
.price li::before{content:"✓"; color:var(--amber-lit); font-weight:800; margin-right:10px}
@media (max-width:760px){ .price{grid-template-columns:1fr} .price ul{grid-template-columns:1fr} }

/* apply form */
.apply{display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:12px; align-items:end; max-width:900px; margin:30px auto 0; text-align:left}
.apply label{display:flex; flex-direction:column; gap:6px; font-size:14px; font-weight:600; color:rgba(255,255,255,.85)}
.apply input,.apply select{font:inherit; font-size:17px; font-weight:500; height:52px; padding:0 16px; border-radius:14px; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.96); color:var(--ink); width:100%}
.apply input:focus-visible,.apply select:focus-visible{outline:2px solid var(--amber-lit); outline-offset:2px}
.apply .btn{height:52px}
@media (max-width:820px){ .apply{grid-template-columns:1fr} .apply .btn{justify-content:center} }

/* floating whatsapp */
.wa-float{position:fixed; right:18px; bottom:calc(18px + env(safe-area-inset-bottom,0px)); z-index:60; width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:#25D366; color:#fff; box-shadow:0 8px 24px rgba(0,0,0,.25); opacity:0; transform:scale(.8); pointer-events:none; transition:opacity .25s, transform .25s}
.wa-float.show{opacity:1; transform:none; pointer-events:auto}
.wa-float:active{transform:scale(.94)}

/* requisitos */
.req-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center}
.req{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
.req li{display:grid; grid-template-columns:auto 1fr; column-gap:16px; padding:22px 24px; border-radius:22px; background:var(--bg); border:1px solid var(--rule)}
.req li::before{content:"✓"; grid-row:span 2; width:34px; height:34px; border-radius:50%; background:var(--amber-lit); color:#14171A; display:grid; place-items:center; font-weight:800}
.req b{font-size:19px}
.req li > span{color:var(--ink2); font-size:16px}
.times{display:flex; gap:28px; margin-top:30px; flex-wrap:wrap}
.times b{display:block; font-size:30px; font-weight:800; letter-spacing:-.03em; color:var(--amber)}
.times div > span{color:var(--ink2); font-size:15px}
@media (max-width:860px){ .req-grid{grid-template-columns:1fr; gap:34px} }

/* testimonios */
.tst{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:14px}
.tst figure{margin:0; background:var(--panel); border:1px solid var(--rule); border-radius:22px; overflow:hidden; display:flex; flex-direction:column}
.tst img{width:100%; aspect-ratio:4/3; object-fit:cover}
.tst blockquote{margin:0; padding:20px 22px 8px; font-size:18px; font-weight:600; letter-spacing:-.01em}
.tst figcaption{padding:0 22px 22px; font-size:14px; color:var(--ink2); margin-top:auto}
.tst figcaption b{display:block; color:var(--ink); font-size:16px}
@media (max-width:820px){ .tst{grid-template-columns:1fr} }
footer .legal{line-height:1.6}
footer .legal a{margin-left:0}

/* ===== dark redesign (Slash-inspired) ===== */
html{scroll-padding-top:110px}
body{background:var(--bg)}
h1 em,h2 em,.hero h1 em,.car h2 em{font-style:normal; color:var(--amber)}
section{position:relative; isolation:isolate}
section:not(.final)::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse 55% 45% at 85% 0%, rgba(224,160,74,.07), transparent 70%)}
section:nth-of-type(even):not(.final)::before{background:radial-gradient(ellipse 55% 45% at 10% 10%, rgba(255,255,255,.045), transparent 70%)}
.step,.req li,.tst figure,.inv,.cmp > div,.feat div{background:linear-gradient(180deg,#121317 0%,#0A0B0D 100%); border:1px solid var(--rule); box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.btn.line{border-color:rgba(255,255,255,.3)}
.btn.line:hover{background:rgba(255,255,255,.06)}

/* nav + bar */
.bar{display:flex; justify-content:center; gap:8px; padding:9px 16px; font-size:14px; color:#fff; text-decoration:none; background:linear-gradient(90deg,#18140E,#2A2114 50%,#18140E); border-bottom:1px solid rgba(224,160,74,.25); text-align:center}
.bar b{color:var(--amber)}
.bar u{text-decoration:none; color:var(--amber); font-weight:600; white-space:nowrap}
nav.solid,nav.open{background:rgba(5,5,6,.78); backdrop-filter:blur(20px) saturate(160%); box-shadow:0 1px 0 var(--rule)}
nav.solid .logo,nav.open .logo{color:#fff}
nav.solid .logo i,nav.open .logo i{color:var(--amber)}
nav.solid .links a:hover{background:rgba(255,255,255,.07); color:#fff}
nav.solid .links a.on{background:rgba(255,255,255,.12); color:#fff}
nav.solid .lang,nav.open .lang{border-color:rgba(255,255,255,.2)}
nav.solid .burger,nav.open .burger{background:rgba(255,255,255,.1); color:#fff}
@media (max-width:1060px){ .links{background:#0B0C0E; box-shadow:0 20px 40px rgba(0,0,0,.6); border-top:1px solid var(--rule)} .links a,nav.solid .links a{color:#fff} }
@media (max-width:600px){ .bar{font-size:12.5px; padding:8px 12px} }

/* hero */
.badge{display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); backdrop-filter:blur(10px); font-size:13px; font-weight:600; color:rgba(255,255,255,.9)}
.badge i{width:7px; height:7px; border-radius:50%; background:var(--amber); box-shadow:0 0 10px var(--amber)}
.hero-form{display:flex; gap:6px; padding:6px; border-radius:999px; background:rgba(12,13,15,.72); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(16px); width:min(620px,100%)}
.hero-form input,.hero-form select{flex:1; min-width:0; font:500 16px Geist,system-ui,sans-serif; background:transparent; border:0; color:#fff; padding:0 16px; height:48px; border-radius:999px}
.hero-form select{border-left:1px solid rgba(255,255,255,.14); border-radius:0; color:rgba(255,255,255,.85)}
.hero-form select option{color:#14171A}
.hero-form input::placeholder{color:rgba(255,255,255,.55)}
.hero-form input:focus-visible,.hero-form select:focus-visible{outline:2px solid var(--amber); outline-offset:-2px}
.hero-form .btn{padding:0 24px; height:48px}
.hero-tavo{margin-top:14px; font-size:15px; color:rgba(255,255,255,.75); text-decoration:none}
.hero-tavo:hover{color:#fff}
@media (max-width:560px){ .hero-form{flex-direction:column; border-radius:24px; padding:8px} .hero-form select{border-left:0; border-top:1px solid rgba(255,255,255,.14)} .hero-form .btn{justify-content:center} .hero-form input,.hero-form select{flex:none; height:50px} }

/* glow stats band */
.glowband{text-align:center}
.glowband .kick,.glowband h2{margin-inline:auto}
.glowband h2{max-width:900px}
.glowband::after{content:""; position:absolute; left:50%; bottom:6%; width:min(1000px,90%); height:340px; transform:translateX(-50%); z-index:-1; pointer-events:none; background:radial-gradient(ellipse at center, rgba(224,160,74,.18), transparent 65%); filter:blur(20px)}
.glowband .stats{grid-template-columns:repeat(4,1fr); margin-top:64px}
.glowband .stat{padding:0 18px}
.glowband .stat + .stat{border-left:1px solid var(--rule); padding-left:18px}
.stat b,.nums b,.times b,.price-l b{font-weight:800; letter-spacing:-.05em}
.stat b,.nums b{background:var(--gold); -webkit-background-clip:text; background-clip:text; color:transparent}
.stat b{font-size:clamp(40px,5.4vw,76px); white-space:nowrap}
.glowband .stat > span{font-size:16px}
@media (max-width:860px){ .glowband .stats{grid-template-columns:1fr 1fr; row-gap:36px} .glowband .stat:nth-child(3){border-left:0; padding-left:18px} }
@media (max-width:700px){ .glowband .stat + .stat{border-top:0; margin-top:0; padding-top:0} }

/* steps + req */
.step::before{background:rgba(224,160,74,.12); color:var(--amber); border:1px solid rgba(224,160,74,.35)}
.step:last-child::before{background:var(--amber); color:#14171A}
.req li::before{box-shadow:0 0 18px rgba(224,160,74,.35)}
.times b{font-size:40px}

/* car */
.car{background:transparent}
.price{border-color:rgba(224,160,74,.3); box-shadow:0 30px 80px rgba(224,160,74,.08)}
.price > div:last-child{background:linear-gradient(180deg,#121317,#0A0B0D)}
.price-l b{font-size:clamp(64px,9vw,104px)}

/* tavo */
.feat{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.feat div{border-radius:20px; padding:18px 20px; border-top:1px solid var(--rule)}
.phones{position:relative; padding:30px 0}
.phones::before{content:""; position:absolute; inset:10% 5%; z-index:-1; background:radial-gradient(ellipse at center, rgba(224,160,74,.2), transparent 65%); filter:blur(30px)}
@media (max-width:600px){ .feat{grid-template-columns:1fr} }

/* stories */
.tst{grid-template-columns:1.5fr 1fr 1fr; margin-top:14px}
.tst figure{position:relative; height:480px; border-radius:24px}
.tst img{position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto}
.tst .ov{position:absolute; left:0; right:0; bottom:0; padding:80px 22px 22px; background:linear-gradient(180deg, transparent, rgba(5,5,6,.92) 55%)}
.tst blockquote{padding:0 0 12px; font-size:19px; line-height:1.3}
.tst figcaption{padding:0; color:rgba(255,255,255,.7)}
.tst figcaption b{color:#fff}
@media (max-width:820px){ .tst{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px; margin-inline:calc(-1 * clamp(18px,4vw,40px)); padding-inline:clamp(18px,4vw,40px); scroll-padding-inline:clamp(18px,4vw,40px); scrollbar-width:none; -webkit-overflow-scrolling:touch} .tst::-webkit-scrollbar{display:none} .tst figure{flex:0 0 84%; height:440px; scroll-snap-align:start} }
.nums{grid-template-columns:repeat(2,1fr); margin-top:40px; gap:0; max-width:760px}
.nums div{background:none; border:0; border-radius:0; padding:0 20px; box-shadow:none}
.nums div + div{border-left:1px solid var(--rule)}
.nums div:first-child{padding-left:0}
.nums b{font-size:clamp(44px,5vw,64px)}
@media (max-width:760px){ .nums{row-gap:28px} }
.quote{display:flex; flex-direction:column; align-items:center; text-align:center; gap:22px; margin-top:110px; padding:0; background:none; border:0}
.quote img{order:0; width:64px; height:64px}
.quote p{font-weight:700; font-size:clamp(24px,3vw,38px); line-height:1.2; letter-spacing:-.025em; max-width:980px}
.quote small{font-size:15px; color:var(--ink2); margin-top:22px}
@media (max-width:640px){ .nums{grid-template-columns:1fr 1fr} }

/* compare */
.cmp .us{background:linear-gradient(180deg,#1E1810,#0C0B09); color:var(--ink); border-color:rgba(224,160,74,.45); box-shadow:0 0 60px rgba(224,160,74,.12), inset 0 1px 0 rgba(224,160,74,.25)}

/* faq, inv, forms */
details{border-color:var(--rule)}
.apply input,.apply select{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.18); color:#fff}
.apply select option{color:#14171A}
.apply input::placeholder{color:rgba(255,255,255,.5)}

/* legal toast */
.legal-toast{position:fixed; left:18px; bottom:calc(18px + env(safe-area-inset-bottom,0px)); z-index:59; max-width:min(440px, calc(100% - 100px)); display:flex; align-items:flex-start; gap:14px; padding:14px 16px; border-radius:16px; background:rgba(18,19,23,.9); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(16px); box-shadow:0 20px 40px rgba(0,0,0,.5); font-size:13.5px; line-height:1.45; color:var(--ink2); opacity:0; transform:translateY(12px); pointer-events:none; transition:opacity .3s, transform .3s}
.legal-toast b{color:#fff}
.legal-toast.show{opacity:1; transform:none; pointer-events:auto}
.legal-toast button{background:none; border:0; color:var(--ink3); cursor:pointer; font-size:14px; padding:0}
@media (prefers-reduced-motion: reduce){ .legal-toast{transition:none} }

nav:not(.solid):not(.open){background:rgba(5,5,6,.6); backdrop-filter:blur(12px)}

/* reveal */
.rv{opacity:1; transform:none}
.js .rv{opacity:0; transform:translateY(24px); transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1)}
.js .rv.in{opacity:1; transform:none}
/* hero v3: photo first, small text on top (Slash-style) */
.hero{position:relative; height:100svh; min-height:640px; max-height:1000px; padding:0; overflow:hidden; background:var(--bg); display:flex; flex-direction:column; justify-content:space-between; align-items:center; text-align:center}
.hero-bg{position:absolute; left:50%; top:0; height:100%; width:min(100%,760px); transform:translateX(-50%); z-index:0; object-fit:cover; object-position:50% 85%; filter:saturate(.9) contrast(1.05); -webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 82%,transparent 100%); mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 82%,transparent 100%)}
.hero::before{content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,#050506 0%,rgba(5,5,6,.92) 26%,rgba(5,5,6,0) 46%,rgba(5,5,6,0) 66%,rgba(5,5,6,.92) 86%,#050506 100%)}
.hero-top,.hero-bottom{position:relative; z-index:2; width:min(1200px,100%); padding-inline:clamp(18px,4vw,40px); display:flex; flex-direction:column; align-items:flex-start; text-align:left}
.hero-top{padding-top:clamp(104px,13vh,140px)}
.hero-bottom{padding-bottom:clamp(28px,5vh,52px)}
.hero h1{font-size:clamp(26px,3vw,38px); line-height:1.1; letter-spacing:-.025em; max-width:520px; margin:0; text-shadow:none}
.hero p{font-size:clamp(15px,1.3vw,17px); color:var(--ink2); margin:12px 0 0; max-width:420px}
.hero-form{width:min(520px,100%)}
.hero-tavo{margin-top:12px; font-size:14px}
.hero::after{display:none}
.hero-cta{margin-top:18px; padding:11px 22px; font-size:15px}
.hero-bottom{align-items:center; text-align:center}
.hero-bottom p{margin:0; max-width:360px}
@media (min-width:861px){ .hero-bg{width:min(64vw,820px)} .hero-top{padding-top:136px} .hero-bottom p{max-width:560px} }
@media (max-width:560px){ .hero-bg{object-position:68% 85%} }
@media (prefers-reduced-motion: reduce){ .hero .slides div{animation:none; opacity:0} .hero .slides div:first-child{opacity:1} .js .rv{opacity:1; transform:none; transition:none} html{scroll-behavior:auto} }
footer .wrap{display:flex; flex-direction:column; align-items:center; text-align:center; gap:0}
footer a{margin:0}
.f-logo{font-weight:800; font-size:34px; letter-spacing:-.04em; color:var(--ink)!important}
.f-logo i{font-style:normal; color:var(--amber)}
.f-tag{margin-top:6px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink3)}
.f-icons{display:flex; gap:14px; margin-top:28px}
.f-icons a{width:46px; height:46px; border-radius:50%; display:grid; place-items:center; border:1px solid var(--rule); color:var(--ink2)!important; transition:color .2s, border-color .2s}
.f-icons a:hover{color:var(--amber)!important; border-color:rgba(224,160,74,.5)}
.f-icons svg{width:20px; height:20px}
.f-links{display:flex; flex-wrap:wrap; justify-content:center; gap:8px 22px; margin-top:28px; font-size:14px}
.f-links a{color:var(--ink2)}
.f-links a:hover{color:var(--ink)}
.f-legal{margin:28px 0 0; max-width:520px; font-size:12px; line-height:1.7; color:var(--ink3)}
.f-legal a{color:inherit!important; text-decoration:underline; text-underline-offset:2px}
html[lang="es"] [data-l="en"], html[lang="en"] [data-l="es"]{display:none!important}

/* v36: frase que rota en la portada, beneficios, ficha del Jetour, newsletter */
.cierre{margin:56px 0 0; font-size:clamp(24px,3vw,34px); font-weight:750; letter-spacing:-.02em; line-height:1.15}
.cierre em{font-style:normal; color:var(--amber)}
.bene{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:48px}
.bene > div{background:var(--panel); border:1px solid var(--rule); border-radius:var(--radius); padding:24px 22px; display:flex; flex-direction:column; gap:8px}
.bene svg{width:30px; height:30px; color:var(--amber); margin-bottom:6px}
.bene b{font-size:19px; letter-spacing:-.01em}
.bene p{margin:0; font-size:16px; color:var(--ink2)}
@media (max-width:900px){ .bene{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .bene{grid-template-columns:1fr} }
/* v37: tipografía, Jetour al costado, newsletter aparte, secciones blanco y amarillo */
h1,h2,h3,.stat b,.nums b,.times b,.price-l b,.logo,.kick{font-family:var(--serif)}
h1,h2{font-weight:750; letter-spacing:-.04em; font-variation-settings:"opsz" 96}
.kick{letter-spacing:.14em}
.car-grid{display:grid; grid-template-columns:1.25fr 1fr; gap:clamp(28px,4vw,60px); align-items:center; margin-top:36px}
.car-grid .car-img{margin:0; width:100%}
.car-feat{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
.car-feat li{display:grid; grid-template-columns:44px 1fr; gap:16px; align-items:start; padding:18px 0; border-top:1px solid rgba(255,255,255,.12)}
.car-feat li:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.car-feat svg{width:44px; height:44px; padding:10px; border-radius:12px; background:rgba(224,160,74,.12); color:var(--amber-lit)}
.car-feat b{display:block; font-family:var(--serif); font-size:21px; letter-spacing:-.02em; color:var(--dark-ink)}
.car-feat li span{display:block; margin-top:4px; font-size:16px; color:var(--dark-2)}
@media (max-width:860px){ .car-grid{grid-template-columns:1fr} }
.nl-card{margin-top:14px; border-radius:24px; padding:clamp(22px,3vw,32px) clamp(24px,4vw,44px); background:var(--panel); border:1px solid var(--rule); display:flex; flex-wrap:wrap; gap:18px 40px; align-items:center; justify-content:space-between}
.nl-card > div:first-child{display:flex; flex-direction:column; gap:4px; flex:1 1 300px}
.nl-card b{font-family:var(--serif); font-size:22px; letter-spacing:-.02em}
.nl-card > div:first-child > span{color:var(--ink2); font-size:16px}
.nl-row{display:flex; gap:10px; flex:1 1 380px; max-width:520px}
.nl-row input{flex:1; min-width:0; font:inherit; font-size:16px; height:50px; padding:0 16px; border-radius:999px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.05); color:var(--ink)}
.nl-row input::placeholder{color:var(--ink3)}
.nl-row input:focus-visible{outline:2px solid var(--amber-lit); outline-offset:2px}
.nl-row .btn{height:50px; flex:none}
@media (max-width:520px){ .nl-row{flex-direction:column} .nl-row input{flex:none} .nl-row .btn{justify-content:center} }
/* secciones claras y amarillas: el negro sigue siendo la base */
section.t-light{--bg:#F4F3EF; --panel:#fff; --ink:#14171A; --ink2:#565D64; --ink3:#8A8F95; --rule:rgba(20,23,26,.1); --amber:#B8741E; background:var(--bg); color:var(--ink); color-scheme:light}
section.t-amber{--bg:#E0A04A; --panel:rgba(255,255,255,.4); --ink:#14171A; --ink2:rgba(20,23,26,.75); --ink3:rgba(20,23,26,.55); --rule:rgba(20,23,26,.14); --amber:#14171A; background:var(--bg); color:var(--ink); color-scheme:light}
section.t-light::before,section.t-amber::before,section.t-light .phones::before{display:none}
section.t-light .bene > div,section.t-light .feat div{background:var(--panel); border-color:var(--rule); box-shadow:0 1px 2px rgba(20,23,26,.05)}
section.t-light .feat div{background:transparent; box-shadow:none; border-width:1px 0 0}
section.t-light .btn.line{border-color:rgba(20,23,26,.3); color:var(--ink)}
section.t-light .btn.line:hover{background:rgba(20,23,26,.05)}
section.t-light .phones .phone{box-shadow:0 30px 70px rgba(20,23,26,.25), 0 0 0 1.5px #2a3035}
section.t-amber .req li{background:rgba(255,255,255,.35); border-color:rgba(20,23,26,.1); box-shadow:none}
section.t-amber .req li::before{background:#14171A; color:var(--amber-lit); box-shadow:none}
section.t-amber .times b{color:#14171A}
section.t-light details,section.t-light summary{color:var(--ink)}

/* v42: menú de 3 grupos con desplegables (estilo owner.com) */
.grp{position:relative}
.grp-b{display:inline-flex; align-items:center; gap:6px; font:600 15px Geist,system-ui,sans-serif; color:#fff; background:none; border:0; padding:8px 14px; border-radius:999px; cursor:pointer; transition:background .2s}
.grp-b svg{width:12px; height:12px; transition:transform .2s ease}
.grp-b:hover,.grp.open .grp-b{background:rgba(255,255,255,.1)}
.grp-b:focus-visible{outline:2px solid var(--amber-lit); outline-offset:2px}
.dd{position:absolute; top:calc(100% + 10px); left:50%; min-width:300px; padding:8px; border-radius:20px; background:#fff; box-shadow:0 24px 60px rgba(0,0,0,.35), 0 0 0 1px rgba(20,23,26,.06); display:flex; flex-direction:column; gap:2px;
  opacity:0; visibility:hidden; transform:translate(-50%,-6px) scale(.98); transform-origin:top center; transition:opacity .18s ease, transform .18s ease, visibility .18s}
.dd::before{content:""; position:absolute; inset:-12px 0 auto; height:12px}
.grp:hover .dd,.grp.open .dd{opacity:1; visibility:visible; transform:translate(-50%,0) scale(1)}
.grp:hover .grp-b svg,.grp.open .grp-b svg{transform:rotate(180deg)}
.links .dd a,nav.solid .links .dd a{display:flex; flex-direction:column; gap:2px; padding:12px 14px; border-radius:14px; color:#14171A; text-decoration:none}
.links .dd a:hover,nav.solid .links .dd a:hover,.links .dd a.on,nav.solid .links .dd a.on{background:#F4F3EF; color:#14171A}
.dd b{font-size:15.5px; font-weight:650}
.dd a > span{font-size:13.5px; font-weight:400; color:#6A7076}
@media (max-width:1060px){
  .links{gap:0; padding-top:14px}
  .grp-b{width:100%; justify-content:flex-start; padding:12px 12px 6px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--amber-lit); pointer-events:none; background:none!important}
  .grp-b svg{display:none}
  .dd{position:static; min-width:0; padding:0 0 10px; background:none; box-shadow:none; opacity:1; visibility:visible; transform:none; transition:none}
  .dd::before{display:none}
  .links .dd a,nav.solid .links .dd a{color:#fff; padding:10px 12px}
  .links .dd a:hover,.links .dd a.on,nav.solid .links .dd a.on{background:rgba(255,255,255,.07); color:#fff}
  .dd b{font-size:18px}
  .dd a > span{color:var(--dark-2)}
}
@media (prefers-reduced-motion: reduce){ .dd,.grp-b svg{transition:none} }
/* v43: movimiento */
.phone{position:relative}
.scr{position:relative; width:100%; height:100%; overflow:hidden; border-radius:37px; background:#EDEBE6}
.scr img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top; border-radius:0; transform:translateX(100%); transition:transform .7s cubic-bezier(.65,0,.35,1)}
.scr img.on{transform:none}
.scr img.off{transform:translateX(-100%)}
@media (max-width:600px){ .phones .scr{border-radius:24px} }
.js .car-grid .car-img.rv{transform:translateX(-14%); transition-duration:1.1s}
.js .car-grid .car-img.rv.in{transform:none}
.js .stagger > li,.js .bene.stagger > div{opacity:0; transform:translateY(18px); transition:opacity .6s cubic-bezier(.2,.8,.2,1), transform .6s cubic-bezier(.2,.8,.2,1)}
.js .stagger.in > li,.js .bene.stagger.in > div{opacity:1; transform:none}
.stagger.in > :nth-child(2){transition-delay:.1s} .stagger.in > :nth-child(3){transition-delay:.2s} .stagger.in > :nth-child(4){transition-delay:.3s} .stagger.in > :nth-child(5){transition-delay:.4s} .stagger.in > :nth-child(6){transition-delay:.5s} .stagger.in > :nth-child(7){transition-delay:.6s} .stagger.in > :nth-child(8){transition-delay:.7s} .stagger.in > :nth-child(9){transition-delay:.8s}
/* el color pasa de a pocos entre secciones: degradé en el borde de cada sección clara o amarilla */
section.t-light,section.t-amber{--fade:clamp(56px,9vw,130px); --top:#050506; --bot:#050506; background:linear-gradient(var(--top), var(--bg) var(--fade), var(--bg) calc(100% - var(--fade)), var(--bot))}
#requisitos{--bot:#E0A04A}
#tavo{--top:#E0A04A}
@media (prefers-reduced-motion: reduce){ .scr img{transition:none} .js .stagger > li,.js .bene.stagger > div,.js .car-grid .car-img.rv{opacity:1; transform:none; transition:none} }

/* v45: video en la portada (vertical en celular, horizontal en computadora) */
.hero-vid{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; background:#050506}

/* v46: video de la Jetour en vez de la foto */
.car-vid{display:block; width:100%; aspect-ratio:1280/534; object-fit:cover; border-radius:22px; background:#0B0C0E; box-shadow:0 30px 80px rgba(0,0,0,.5)}
@media (min-width:861px){ .car-vid{aspect-ratio:16/10} }

/* v51: tres páginas (inicio, cómo funciona, inversionistas) */
.simple{text-align:center; display:flex; flex-direction:column; align-items:center}
.simple-l{list-style:none; margin:40px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; width:100%; max-width:960px}
.simple-l li{background:rgba(255,255,255,.35); border:1px solid rgba(20,23,26,.1); border-radius:var(--radius); padding:26px 20px; display:flex; flex-direction:column; gap:6px}
.simple-l b{font-family:var(--serif); font-size:clamp(34px,4vw,48px); font-weight:800; letter-spacing:-.04em; line-height:1; color:#14171A}
.simple-l li > span{font-size:16px; color:rgba(20,23,26,.75)}
.btn.ink{margin-top:34px; background:#14171A; color:#fff}
.btn.ink:hover{background:#000}
@media (max-width:700px){ .simple-l{grid-template-columns:1fr} }
.page-head{padding:clamp(150px,18vw,210px) 0 clamp(50px,7vw,90px); text-align:center}
.page-head .wrap{display:flex; flex-direction:column; align-items:center}
.page-head h1{font-size:clamp(36px,5.4vw,68px); max-width:900px; margin-top:14px}
.page-head .lede{margin-inline:auto}
.page-first{padding-top:clamp(150px,16vw,190px)}
#beneficios{--bot:#F4F3EF}
#requisitos{--top:#F4F3EF}
#tavo{--bot:#F4F3EF}
#preguntas{--top:#F4F3EF}
.final .btn.pri{margin-top:4px}