/* Escala de la portada en computadora. Se carga después de los estilos de profundidad. */
@media (min-width:761px){
  .nav{top:16px;height:64px;padding:6px 10px 6px 18px}
  .nav-logo img{width:132px;height:46px}
  .nav-cta{padding:12px 20px}

  .hero{min-height:min(740px,100svh);padding-top:130px;padding-bottom:80px}
  .hero-topline{top:102px}
  .hero-copy{padding-bottom:0}
  .hero-copy .eyebrow{margin-bottom:18px}
  .hero h1{font-size:clamp(52px,6vw,96px);line-height:.98;letter-spacing:-.065em}
  .hero-sub{font-size:16px;margin-top:22px}
  .hero-cta{gap:22px;margin-top:24px}
  .hero-cta .button{padding:16px 22px;font-size:13px}
  .hero-small{margin-top:18px}
  .hero-stage{width:100%;max-width:500px;height:460px;justify-self:center}
  .hero-product{width:104%;left:-2%;top:-8%}
  .hero-stage[data-model=samsung] .hero-product{width:92%;left:4%;top:1%}
  .hero-switch{top:-44px;bottom:auto}
  .product-label{top:0;font-size:10px;padding:10px 13px}
  .hero-price{right:0;bottom:24px;width:190px;padding:16px 18px}
  .hero-price-number{font-size:44px}
  .hero-art-note{bottom:-2px}
  .hero-bottom{bottom:24px;padding-top:16px}
  .brand-ribbon{padding-top:23px;padding-bottom:23px}

  .section-pad{padding-top:clamp(64px,5vw,88px);padding-bottom:clamp(64px,5vw,88px)}
  .section-top{margin-bottom:32px}
  .section-top h2,.rhythm h2,.sim-intro h2,.how h2{font-size:clamp(38px,4.1vw,64px)}
  .rhythm{height:100svh;min-height:640px}
  .rhythm-sticky{height:min(700px,100svh);min-height:560px;padding-top:72px;padding-bottom:68px}
  .rhythm-number>span:first-child{font-size:clamp(190px,19vw,280px)}
  .rhythm-caption strong{font-size:24px}

  .grid{gap:24px}
  .card.depth-card{padding:20px 18px 18px}
  .card.depth-card .shot{height:190px;margin:12px 0 15px}
  .card.depth-card .shot img{max-height:180px}
  .card-name{font-size:21px;min-height:48px}
  .sim-preview.showcase{height:360px;max-width:420px;margin-top:22px}
  .sim-preview.showcase img.showcase-phone{height:250px;max-width:340px}
  .showcase-platform{bottom:80px;height:88px}
  .sim-box{padding:25px}
  .sim-main-result strong{font-size:clamp(40px,3.6vw,56px)}
  .how-intro{top:112px}
  .step,.step:last-child{padding:21px 20px;gap:18px}
  .step h3{font-size:23px;margin-bottom:9px}
  .faq summary{padding:18px 20px}

  .final-cta{min-height:540px;padding-top:65px;padding-bottom:65px}
  .final-copy h2{font-size:clamp(64px,7.5vw,116px)}
  .final-mascot{height:370px}
  .final-mascot img{height:340px}
  .final-mascot-go{font-size:240px}
}

@media (min-width:761px) and (max-width:1100px){
  .nav{gap:16px}
  .nav-links{gap:14px}
  .nav-links a{font-size:11px}
  .nav-actions{gap:12px}
  .nav-cta{padding:12px 16px;gap:14px}
  .hero{min-height:min(680px,100svh)}
  .hero-stage{height:370px;max-width:400px}
  .hero-cta{gap:15px;flex-wrap:wrap}
  .hero-cta .button{font-size:12px;padding:15px 18px}
  .hero-cta .text-link{font-size:11px}
  .hero-price{width:176px;padding:14px 16px}
  .hero-price-number{font-size:40px}
  .card.depth-card .shot{height:165px}
  .card.depth-card .shot img{max-height:155px}
  .card-name{font-size:18px;min-height:43px}
  .sim-preview.showcase{height:330px}
  .sim-preview.showcase img.showcase-phone{height:225px}
}