:root{--yellow:#f5b400;--yellow2:#d99200;--black:#050505;--dark:#111;--text:#141414;--muted:#6f6f6f;--bg:#f6f6f2;--card:#fff;--line:#e5e5e5;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Barlow,Arial,sans-serif}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:1000;height:78px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(5,5,5,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-family:'Barlow Condensed';font-weight:900;font-size:25px;letter-spacing:.8px}.brand img{width:48px;height:48px;object-fit:contain}.nav{display:flex;align-items:center;gap:28px;color:#ddd;font-weight:700}.nav a:hover{color:var(--yellow)}.nav-cta{background:linear-gradient(135deg,var(--yellow),var(--yellow2));color:#111!important;padding:12px 19px;border-radius:12px;font-weight:900}.menu-btn{display:none;background:none;color:#fff;border:0;font-size:28px}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:clamp(60px,8vw,110px) clamp(20px,7vw,100px);background:linear-gradient(120deg,#050505 0%,#111 52%,#1a1a1a 100%);color:#fff;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2.4px;font-weight:900;color:#777}.eyebrow.yellow{color:var(--yellow)}h1,h2,h3{font-family:'Barlow Condensed';margin:0;line-height:.94}h1{font-size:clamp(58px,7vw,108px);font-weight:900;max-width:780px}.hero-lead{font-family:'Barlow Condensed';font-weight:700;font-size:clamp(30px,3.2vw,54px);line-height:1.02;color:var(--yellow);margin:18px 0}.hero-text{font-size:clamp(18px,1.5vw,22px);line-height:1.55;color:#d0d0d0;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-actions.center{justify-content:center}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;border-radius:13px;font-weight:900;border:1px solid transparent;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn-yellow{background:linear-gradient(135deg,var(--yellow),var(--yellow2));color:#111;box-shadow:0 12px 30px rgba(245,180,0,.18)}.btn-dark{background:#fff;color:#111}.btn-outline{border-color:#555;color:#fff}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#aaa;font-size:14px}.hero-image-wrap{position:relative;border-radius:34px;overflow:hidden;min-height:610px;box-shadow:0 35px 90px rgba(0,0,0,.48);border:1px solid rgba(245,180,0,.25)}.hero-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.56),transparent 48%)}.hero-image-wrap img{width:100%;height:100%;min-height:610px;object-fit:cover;object-position:center}.hero-badge{position:absolute;left:24px;bottom:24px;z-index:2;background:rgba(5,5,5,.86);backdrop-filter:blur(10px);border:1px solid rgba(245,180,0,.4);border-radius:18px;padding:18px 20px;display:flex;align-items:center;gap:12px;max-width:310px}.hero-badge strong{font-family:'Barlow Condensed';font-size:42px;color:var(--yellow)}.hero-badge span{font-size:13px;color:#ddd}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid var(--line)}.stats article{padding:30px;text-align:center;border-right:1px solid var(--line)}.stats article:last-child{border-right:0}.stats strong{font-family:'Barlow Condensed';font-size:42px;font-weight:900}.stats span{display:block;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.9px}.section{padding:100px clamp(20px,7vw,100px)}.section-head{max-width:780px;margin-bottom:42px}.section h2,.app-copy h2,.guide-copy h2,.about-copy h2,.cta h2,.product-copy h2{font-size:clamp(46px,5.2vw,78px);font-weight:900;margin:10px 0 18px}.section-head p,.app-copy p,.guide-copy p,.about-copy p,.cta p,.product-copy p{font-size:19px;line-height:1.6;color:var(--muted)}.cards.four{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-height:310px;display:flex;flex-direction:column;box-shadow:0 14px 44px rgba(0,0,0,.045);transition:.22s}.service-card:hover{transform:translateY(-7px);border-color:#d4aa28}.service-card .icon{font-size:38px}.service-card h3{font-size:33px;margin:24px 0 14px}.service-card p{color:var(--muted);line-height:1.55}.service-card a{margin-top:auto;font-weight:900;color:#ad7800}.soon{margin-top:auto;align-self:flex-start;background:#111;color:var(--yellow);padding:8px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1px}.app-section{padding:100px clamp(20px,7vw,100px);background:#050505;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;overflow:hidden}.app-copy p{color:#bcbcbc}.app-copy ul{padding:0;list-style:none;display:grid;gap:13px;margin:25px 0 32px}.app-copy li:before{content:'✓';color:var(--yellow);font-weight:900;margin-right:10px}.phones{min-height:700px;display:flex;align-items:center;justify-content:center;gap:0;position:relative}.phone{width:255px;border:10px solid #191919;border-radius:36px;overflow:hidden;background:#111;box-shadow:0 30px 70px rgba(0,0,0,.5)}.phone img{width:100%;height:560px;object-fit:cover;object-position:top}.phone-main{width:300px;z-index:3;transform:translateY(-10px)}.phone-main img{height:650px}.phone-back{opacity:.7;transform:scale(.88)}.phone-back:first-child{margin-right:-40px;transform:rotate(-8deg) scale(.88)}.phone-back:last-child{margin-left:-40px;transform:rotate(8deg) scale(.88)}.guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;background:#fff}.guide-cover{display:flex;justify-content:center}.book{width:min(390px,90%);aspect-ratio:.72;background:linear-gradient(145deg,#080808,#1b1b1b);color:#fff;border-radius:12px 24px 24px 12px;padding:40px 34px;box-shadow:18px 22px 50px rgba(0,0,0,.28);border-left:12px solid #d99200;display:flex;flex-direction:column}.book img{width:82px}.book span{margin-top:42px;color:var(--yellow);font-weight:900;letter-spacing:2px}.book h3,.book h1{font-size:58px;margin:12px 0}.book p{color:#ccc;line-height:1.5}.book strong{margin-top:auto;color:var(--yellow);letter-spacing:1px}.book.large{width:min(440px,94%)}.guide-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 30px}.guide-list span{background:#fff8df;border:1px solid #f3d16b;border-radius:12px;padding:13px;font-weight:800}.about{padding:100px clamp(20px,7vw,100px);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#111;color:#fff}.about-image img{width:100%;height:650px;object-fit:cover;border-radius:30px;border:1px solid rgba(245,180,0,.25)}.about-copy p{color:#c4c4c4}.about-copy blockquote{margin:28px 0 0;border-left:5px solid var(--yellow);padding:18px 22px;background:rgba(255,255,255,.05);font-family:'Barlow Condensed';font-size:28px;font-weight:700}.cta{text-align:center;padding:110px 20px;background:linear-gradient(120deg,#050505,#1c1c1c);color:#fff}.cta p{max-width:680px;margin:0 auto;color:#bbb}footer{padding:38px clamp(20px,7vw,100px);background:#020202;color:#fff;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;border-top:1px solid #222}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:62px}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-family:'Barlow Condensed';font-size:28px}.footer-brand span,.footer-contact span{color:#8d8d8d;font-size:13px}.footer-links,.footer-contact{display:flex;flex-direction:column;gap:8px}.product-page{background:#0a0a0a;color:#fff}.product-shell{padding:80px clamp(20px,7vw,100px)}.product-hero{min-height:calc(100vh - 160px);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.product-copy p{color:#bbb}.price-box{margin:28px 0;padding:18px;border:1px solid #333;border-radius:16px;background:#111}.price-box small,.price-box strong{display:block}.price-box small{color:#888;letter-spacing:1px;font-weight:800}.price-box strong{font-family:'Barlow Condensed';font-size:38px;color:var(--yellow)}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.nav{gap:16px}.hero,.app-section,.guide,.about,.product-hero{grid-template-columns:1fr}.hero{padding-top:50px}.hero-image-wrap,.hero-image-wrap img{min-height:520px}.cards.four{grid-template-columns:1fr 1fr}.phones{min-height:620px}.stats{grid-template-columns:1fr 1fr}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}}@media(max-width:720px){.topbar{height:68px;padding:0 16px}.brand img{width:42px;height:42px}.menu-btn{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#080808;padding:20px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{min-height:auto;padding:55px 20px;gap:38px}.hero h1{font-size:62px}.hero-lead{font-size:36px}.hero-text{font-size:17px}.hero-image-wrap,.hero-image-wrap img{min-height:430px}.hero-points{display:grid;gap:8px}.section,.app-section,.guide,.about{padding:72px 20px}.cards.four{grid-template-columns:1fr}.stats article{padding:22px 12px}.stats strong{font-size:35px}.phones{min-height:500px;transform:scale(.8);margin:-40px -80px}.phone{width:220px}.phone img{height:490px}.phone-main{width:255px}.phone-main img{height:570px}.guide-list{grid-template-columns:1fr}.about-image img{height:460px}footer{grid-template-columns:1fr}.footer-contact{grid-column:auto}.product-shell{padding:55px 20px}.product-hero{gap:45px}.book h3,.book h1{font-size:48px}}

/* VR Coach Web V2 */
.hero-v2{position:relative;min-height:calc(100vh - 78px);display:flex;align-items:flex-end;padding:clamp(80px,10vw,140px) clamp(20px,7vw,100px);background-image:url('assets/cristian-hero.jpg');background-size:cover;background-position:center 34%;isolation:isolate}
.hero-v2 .hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.76) 42%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.72) 0%,transparent 48%)}
.hero-v2 .hero-copy{max-width:820px}
.hero-v2 h1{font-size:clamp(62px,8vw,126px);text-shadow:0 8px 34px rgba(0,0,0,.35)}
.hero-v2 .hero-lead{max-width:760px}
.hero-v2 .hero-text{max-width:700px}
.btn-glass{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.32);backdrop-filter:blur(12px)}
.hero-v2>.hero-badge{position:absolute;right:clamp(20px,6vw,90px);bottom:clamp(24px,6vw,75px);left:auto;display:flex;width:min(330px,calc(100% - 40px));padding:18px 20px;background:rgba(5,5,5,.78);border:1px solid rgba(245,180,0,.45);backdrop-filter:blur(14px);border-radius:18px;align-items:center;gap:14px}
.hero-v2>.hero-badge strong{font-family:'Barlow Condensed';font-size:44px;color:var(--yellow)}
.hero-v2>.hero-badge span{color:#ddd;font-size:13px;line-height:1.35}
.app-section{grid-template-columns:.78fr 1.22fr;align-items:start}
.app-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.phone-story{min-width:0}
.phone-story.featured{transform:translateY(34px)}
.phone-label{display:flex;align-items:center;gap:10px;margin:0 0 10px 8px;color:#fff}
.phone-label strong{font-family:'Barlow Condensed';font-size:28px;color:var(--yellow)}
.phone-label span{font-size:13px;font-weight:800;color:#bdbdbd}
.app-showcase .phone{width:100%;max-width:290px;margin:0 auto;border:9px solid #202020;border-radius:34px;overflow:hidden;background:#111;box-shadow:0 24px 60px rgba(0,0,0,.48)}
.app-showcase .phone img{width:100%;height:540px;object-fit:cover;object-position:top}
.about-image img{object-position:center 30%}
@media(max-width:1000px){.hero-v2{min-height:760px;background-position:center 28%}.hero-v2>.hero-badge{position:static;margin-top:30px}.app-section{grid-template-columns:1fr}.app-showcase{max-width:760px;margin:20px auto 0}.phone-story.featured{transform:none}}
@media(max-width:720px){.hero-v2{min-height:720px;align-items:flex-end;background-position:58% center;padding:88px 20px 48px}.hero-v2 .hero-overlay{background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.64) 58%,rgba(0,0,0,.18) 100%)}.hero-v2 h1{font-size:58px}.hero-v2 .hero-lead{font-size:34px}.hero-v2>.hero-badge{display:none}.app-showcase{grid-template-columns:1fr;gap:28px}.app-showcase .phone{max-width:315px}.app-showcase .phone img{height:auto;max-height:none}.phone-story.featured{transform:none}.about-image img{height:500px}}

/* Ajuste V2.1: mostrar completa la foto principal en escritorio */
@media (min-width:1001px){
  .hero-v2{
    background-color:#050505;
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:right center;
  }
  .hero-v2 .hero-overlay{
    background:
      linear-gradient(90deg,#050505 0%,rgba(5,5,5,.98) 34%,rgba(5,5,5,.78) 55%,rgba(5,5,5,.16) 82%,rgba(5,5,5,.04) 100%),
      linear-gradient(0deg,rgba(0,0,0,.55) 0%,transparent 45%);
  }
}
