/* Landing preview — first stage. Preview-only classes. */
.lp .wrap.wide{max-width:1280px}
.lp section{padding:0}
.lp h2{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:10px}
.lp .kick{font-size:11px;letter-spacing:.18em}
/* reveal */
.js-reveal .reveal{opacity:0;transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d,0ms);will-change:transform,opacity}
.js-reveal .reveal.from-l{transform:translate3d(-56px,0,0)}
.js-reveal .reveal.from-r{transform:translate3d(56px,0,0)}
.js-reveal .reveal.up{transform:translate3d(0,28px,0)}
.js-reveal .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js-reveal .reveal{opacity:1!important;transform:none!important;transition:none!important}}
/* hero */
.lp-hero{min-height:min(calc(100vh - 77px),720px);display:flex;align-items:center;text-align:center}
.lp-hero .wrap{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:40px;padding-bottom:40px}
.lp-hero h1{font-size:clamp(40px,5.6vw,76px);font-weight:600;letter-spacing:-.035em;line-height:1.04;margin:22px 0 28px}
.whisper{font-size:13px;color:var(--mute);letter-spacing:.02em}.whisper span{color:var(--amber);margin:0 6px}
.cue{margin-top:72px;width:22px;height:36px;border:1.5px solid #bdb6aa;border-radius:12px;position:relative}
.cue i{position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--amber);animation:cue 1.8s infinite}
@keyframes cue{60%{transform:translateY(9px);opacity:0}}
/* moto */
.lp-moto{padding:40px 0 140px!important}
.moto-grid{display:grid;grid-template-columns:1.85fr 1fr;gap:72px;align-items:end}
.moto-photo .ph{aspect-ratio:3/2;border-radius:18px;box-shadow:0 30px 70px -40px rgba(22,22,22,.45);background:#E8E2D8}
.moto-photo img{object-fit:contain;object-position:center center}
.moto-photo figcaption{letter-spacing:.06em;margin-top:14px!important}
.moto-text{padding-bottom:48px;max-width:440px}
.moto-text .kick{margin-bottom:18px}
.moto-text p:last-child{font-size:15.5px;line-height:1.72;color:#3d3a36;margin:0}
/* sections */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:28px}
.lp-map{padding-bottom:140px!important}
.lp-map .map{box-shadow:0 30px 70px -45px rgba(22,22,22,.5);border-radius:18px}.lp-map .map>img{border-radius:18px}
.lp-map .cap{margin-top:14px;font-size:12px}
.lp-yt{padding-bottom:140px!important}
.yt-frame{display:block;aspect-ratio:16/9;border-radius:18px;background:radial-gradient(120% 90% at 30% 20%,#2a2826 0%,#141312 60%,#0f0e0d 100%);color:#F5F2ED;position:relative;overflow:hidden;box-shadow:0 30px 70px -40px rgba(0,0,0,.6)}
.yt-frame::after{content:'';position:absolute;inset:0;background:url(img/gs-estacion.jpg) center 60%/cover;opacity:.09;filter:grayscale(1)}
.yt-in{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.yt-in .play{width:84px;height:84px;border-radius:50%;border:1.5px solid rgba(245,242,237,.75);position:relative;margin-bottom:14px;transition:.3s}
.yt-in .play::after{content:'';position:absolute;left:33px;top:26px;border-left:24px solid var(--amber);border-top:16px solid transparent;border-bottom:16px solid transparent}
.yt-frame:hover .play{transform:scale(1.06);border-color:var(--amber)}
.yt-in .h{font-size:20px;font-weight:600;letter-spacing:-.01em}.yt-in .small{color:rgba(245,242,237,.6)}
.yt-in .btn{margin-top:16px;background:#F5F2ED;color:#111}
.lp-social{padding-bottom:120px!important}
.soc-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.soc-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}
.soc-head .lnk{font-size:12.5px;color:#3d3a36}
.ig-frame,.tt-frame{display:block;position:relative;border-radius:18px;background:#EEEAE3;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--line)}
.ig-grid{position:absolute;inset:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ig-grid i{border-radius:8px;background:#E6E1D8}
.tt-row{position:absolute;inset:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tt-row i{border-radius:12px;background:#E6E1D8}
.soc-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(closest-side,rgba(245,242,237,.95),rgba(245,242,237,.55) 70%,rgba(245,242,237,0))}
.fe-icon{width:44px;height:44px;color:#161616}
.soc-empty .btn{background:#F5F2ED}
.lp-foot{margin-top:0}.lp-foot .wrap{align-items:center}.lp-foot .social-icons{margin-top:0}
@media(max-width:900px){
.lp-hero{min-height:auto;padding:64px 0 56px}.lp-hero h1{font-size:40px}.whisper span{margin:0 3px}.cue{margin-top:44px}
.moto-grid{grid-template-columns:1fr;gap:28px}.moto-text{padding-bottom:0}.lp-moto,.lp-map,.lp-yt{padding-bottom:80px!important}
.sec-head{flex-direction:column;align-items:flex-start;gap:8px}.soc-grid{grid-template-columns:1fr;gap:64px}
.js-reveal .reveal.from-l{transform:translate3d(-28px,0,0)}.js-reveal .reveal.from-r{transform:translate3d(28px,0,0)}.js-reveal .reveal.from-l.in,.js-reveal .reveal.from-r.in,.js-reveal .reveal.up.in{transform:none}
.yt-in .play{width:56px;height:56px;margin-bottom:6px}.yt-in .play::after{left:22px;top:17px;border-left-width:16px;border-top-width:11px;border-bottom-width:11px}.yt-in .h{font-size:16px}.lp-foot .wrap{flex-direction:row}.lp .pin.open:not(:hover):not(:focus-within) .pop{opacity:0;pointer-events:none}}
