/* Superbites Academy · landing — pulido móvil (se carga al final del <head>, después de styles.css).
   Solo ajustes de celular/tablet: zona segura del iPhone, toques de 44 px, textos que no se cortan.
   Además: la línea discreta del reembolso (.refund-line) y el precio a una columna sin la tarjeta de garantía. */

/* línea de reembolso: presente, pero sin fuerza */
.refund-line{margin:0 0 10px;font-size:12.5px;line-height:1.55;color:var(--t50);opacity:.85;max-width:900px}
.refund-line a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(var(--fg),.25)}
.refund-line a:hover{color:var(--t72)}
.foot .refund-line{padding-top:22px;border-top:1px solid var(--line)}
.foot .refund-line + .legal{padding-top:6px;border-top:0}

/* sin la tarjeta de garantía, el precio queda solo y centrado */
.price-wrap:not(:has(.guarantee)){grid-template-columns:minmax(0,620px);justify-content:center}

/* zona segura (iPhone con muesca / isla, horizontal) */
.nav{padding-top:max(18px,env(safe-area-inset-top));padding-left:max(var(--gut),env(safe-area-inset-left));padding-right:max(var(--gut),env(safe-area-inset-right))}
.nav.scrolled{padding-top:max(11px,env(safe-area-inset-top))}
.nav-panel{padding-top:calc(96px + env(safe-area-inset-top,0px))}
.foot{padding-bottom:calc(44px + env(safe-area-inset-bottom,0px))}
.to-top{right:max(clamp(14px,2.2vw,28px),env(safe-area-inset-right))}
.pay-back{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}
.pay-card{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overscroll-behavior:contain}

@media (max-width:960px){
  /* el fondo "fixed" repinta en cada scroll en Android y iOS lo ignora */
  body,:root[data-theme=light] body{background-attachment:scroll}
  /* toques cómodos */
  .nav-burger{width:44px;height:44px}
  .nav-burger span:nth-child(1){top:15px}.nav-burger span:nth-child(2){top:21px}.nav-burger span:nth-child(3){top:27px}
  .nav.menu-on .nav-burger span:nth-child(1),.nav.menu-on .nav-burger span:nth-child(3){top:21px}
  .nav .btn-sm{min-height:44px}
  .np-links a{padding-block:14px}
  .foot-col{gap:0}
  .foot-col h4{margin-bottom:4px}
  .foot-col a{display:flex;align-items:center;min-height:44px}
  .foot-social{gap:12px}
  .foot-social a{width:46px;height:46px}
  .legal a,.refund-line a{display:inline-block;padding-block:6px}
  label.check{min-height:44px;align-items:flex-start}
  label.check input,.pay-card label.check input{width:22px;height:22px;margin-top:0}
  .pay-x{width:44px;height:44px}
  .q button{min-height:56px}
  .link-btn{min-height:44px;padding-inline:4px}
  .cur button{min-height:40px}
  /* inputs: 16 px como mínimo para que iOS no haga zoom al tocarlos */
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}
  /* imágenes y videos nunca más anchos que la pantalla */
  img,video,iframe{max-width:100%}
  .shot video,.shot img{height:auto}
}

/* teléfonos */
@media (max-width:560px){
  h1,h2,h3{overflow-wrap:break-word;hyphens:manual}
  .section{padding-block:clamp(56px,14vw,80px)}
  .head .sub,.sub{font-size:clamp(16px,4.4vw,18px)}
  .lead{font-size:clamp(16.5px,4.6vw,18px)}
  .btn-lg{min-height:54px}
  .btn{min-height:44px}
  .closer h2{font-size:clamp(34px,10vw,52px)}
  .foot-bottom span{overflow-wrap:anywhere}
}

/* teléfonos angostos (360 px, Android comunes): que la marca no quede tapada por el botón del campus */
@media (max-width:400px){
  .nav{gap:8px}
  /* la marca pasa a dos líneas (SUPERBITES / ACADEMY) en vez de quedar cortada */
  .nav .brand{letter-spacing:.14em;gap:8px;font-size:10px;min-width:0;min-height:44px}
  .nav .brand span{white-space:normal;line-height:1.25;max-width:11ch}
  .nav-right{gap:6px}
  .nav .btn-sm{padding:9px 12px;font-size:13px}
  .hero-facts li{padding:0 10px}
}
@media (max-width:340px){
  .brand span{display:none}
}

/* tablet vertical */
@media (min-width:561px) and (max-width:960px){
  .cards3{gap:18px}
}