/* Portada con video vertical: conserva la identidad de ImportPro. */
.hero{min-height:0;padding:132px 0 42px}
.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:72px;align-items:center}
.hero h1{font-size:clamp(45px,5.4vw,68px);line-height:1.08;letter-spacing:-2.6px;max-width:660px;margin-bottom:26px}
.hero h1 em{letter-spacing:-2.6px}
.hero .lead{max-width:540px;font-size:20px;line-height:1.7;margin-bottom:26px}
.hero-copy .eyebrow{font-size:11px;letter-spacing:1.7px;margin-bottom:25px}
.hero-outcomes{display:grid;gap:12px;color:#e4e1eb;font-size:16px;margin:0 0 28px}
.hero-outcomes span{display:flex;align-items:center;gap:12px}
.hero-outcomes span:before{content:'✓';color:var(--gold-light);font-size:15px}
.hero-meta{font-size:14px;gap:16px;margin-top:0;line-height:1.6}
.hero-meta span+span{padding-left:16px}
.hero-experience{font-size:15px;line-height:1.7;color:#b9b9c8;max-width:490px;margin:25px 0 19px}
.hero-copy .quiet-link{display:inline-block;font-size:14px;padding:5px 0 9px}
.hero-video{width:100%;max-width:350px;justify-self:end;position:relative;z-index:3}
.video-intro{font-size:14px;color:#dad5e5;text-align:center;margin:0 0 12px}
.video-frame{position:relative;border-radius:16px;overflow:hidden;background:#08080c;border:1px solid #D4AF3745;box-shadow:0 24px 75px #0005;aspect-ratio:9/16}
.video-start{display:none;position:absolute;inset:0;margin:auto;width:max-content;height:max-content;max-width:90%;padding:17px 22px;border:1px solid #ffffff60;border-radius:40px;background:#08080ce8;color:white;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;align-items:center;gap:12px;box-shadow:0 8px 30px #0006}
.js .video-start{display:flex}
.video-start[hidden]{display:none}
.video-start span{color:var(--gold-light);font-size:23px}
.video-start:focus-visible{outline:3px solid var(--gold-light);outline-offset:4px}
.video-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#08080c}
.hero-video .video-cta{display:flex;justify-content:space-between;width:100%;margin-top:16px;padding:17px 20px;font-size:15px;line-height:1.35;gap:12px;border-radius:8px;min-height:56px}
.video-price{text-align:center;color:#c7c4d0;font-size:14px;line-height:1.5;margin:12px 0 4px}
.video-price strong{color:white;font-weight:600}
.video-trust{color:#aaa5b8;text-align:center;font-size:12px;line-height:1.5;margin:0}
.scroll-note{margin-top:28px}
.teacher-copy .teacher-countries{font-size:14px;line-height:1.8;color:#747480;margin-top:16px}
.teacher-countries strong{display:block;color:var(--dark);font-weight:600;margin-bottom:5px}
@media(max-width:1050px){.hero-grid{gap:38px}.hero h1{font-size:52px}.hero-video{max-width:320px}}
@media(max-width:800px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.hero-copy{max-width:580px;margin:auto}.hero-video{justify-self:center;max-width:330px}.hero h1{font-size:54px}.hero-experience{max-width:100%}.hero{padding-top:122px}}
@media(max-width:600px){
  .hero{padding:110px 0 32px}
  .hero-grid{gap:24px}
  .hero-copy .eyebrow{font-size:10px;letter-spacing:1.1px;margin-bottom:18px}
  .hero h1{font-size:clamp(35px,9.2vw,46px);line-height:1.12;letter-spacing:-1.5px;margin-bottom:17px}
  .hero h1 em{letter-spacing:-1.5px}
  .hero .lead{font-size:17px;line-height:1.65;margin-bottom:0}
  .hero-outcomes,.hero-copy .hero-meta,.hero-experience,.hero-copy .quiet-link{display:none}
  .hero-video{max-width:310px;justify-self:center}
  .video-intro{font-size:13px;margin-bottom:10px}
  .video-frame{border-radius:12px}
  .hero-video .video-cta{font-size:15px;margin-top:12px;padding:16px 17px}
  .video-price{font-size:14px}
  .video-trust{font-size:12px}
  .whatsapp-float{bottom:92px;right:14px;width:48px;height:48px}
  .mobile-buy{gap:14px;padding:12px 20px}
  .teacher-copy .teacher-countries{font-size:14px}
}