/* =========================================================
   Ajustes finales: rótulos más sobrios (tipo Apple) y móvil
   Se carga el último.
   ========================================================= */

/* ---------- rótulos: frase normal, sin mayúsculas espaciadas ni guiones ---------- */
.ks .eyebrow{font:600 clamp(17px,1.5vw,21px)/1.25 var(--sans);letter-spacing:-.012em;text-transform:none;gap:0;color:var(--ks2)}
.ks .eyebrow::before{display:none}
.tour-step .n{font:600 clamp(17px,1.5vw,20px)/1.2 var(--sans);letter-spacing:-.01em;color:var(--ks2)}
.compat-strip span{font:500 clamp(15px,1.4vw,18px) var(--sans);letter-spacing:-.005em;text-transform:none}
.ctable th{font:600 13px var(--sans);letter-spacing:0;text-transform:none;color:var(--mute)}
.ok{font:500 13px var(--sans)}
.dev-label{font:500 12px var(--sans)!important;letter-spacing:0!important;text-transform:none!important}
.vs-col>small{font:600 13px var(--sans);letter-spacing:0;text-transform:none;color:var(--mute)}
.chain span{font:500 13px var(--sans)}
.ks .lang{font:600 13px var(--sans)}
.supp small,.drawer a small{display:none}

/* ---------- recorrido: las imágenes del móvil siempre visibles ---------- */
.tour .mshot .scr img{opacity:1!important;transform:none!important}

/* ---------- lista de espera ---------- */
.wl{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;border-radius:32px;padding:clamp(28px,5vw,64px);border:1px solid rgba(227,38,45,.35);background:radial-gradient(90% 120% at 100% 0%,rgba(227,38,45,.22),transparent 60%),var(--bg2)}
.wl h2{font-size:clamp(36px,4.6vw,64px);margin:14px 0 14px}
.wl p.lead{margin:0}
.wl-count{margin-top:18px;color:var(--mute);font-size:15px}
.wl form{display:grid;gap:12px}
.wl label{font:600 14px var(--sans);color:var(--ink2)}
.wl input[type=email],.wl select{width:100%;font:400 17px var(--sans);color:var(--ink);background:#0d0d0f;border:1px solid var(--line2);border-radius:14px;padding:15px 16px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.wl select{background-image:linear-gradient(45deg,transparent 50%,#999 50%),linear-gradient(135deg,#999 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.wl input:focus,.wl select:focus{border-color:var(--ks2);box-shadow:0 0 0 4px rgba(227,38,45,.2)}
.wl .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wl .btn{justify-content:center;width:100%;padding:17px}
.wl .btn[disabled]{opacity:.6;pointer-events:none}
.wl small.legal{font-size:12.5px;color:var(--dim);line-height:1.5}
.wl small.legal a{color:var(--mute)}
.wl-msg{min-height:1.4em;font-size:15px;margin:0}
.wl-msg.ok{color:#5cf08a}.wl-msg.err{color:#ff8a80}
.wl.done form{display:none}
.wl-thanks{display:none;text-align:center;padding:20px 0}
.wl.done .wl-thanks{display:block}
.wl-thanks b{display:block;font:400 clamp(28px,3vw,40px)/1.1 var(--serif);margin-bottom:10px}
@media (max-width:900px){.wl{grid-template-columns:1fr}}

/* =========================================================
   MÓVIL
   ========================================================= */
@media (max-width:900px){
  /* escena en una sola pantalla: pestañas en una línea, iPad y equipo debajo */
  .scene-sec{padding-top:70px;padding-bottom:70px}
  .scene-sec .shead{margin-bottom:22px}
  .scene-sec .h2{font-size:clamp(32px,9vw,48px)}
  .sc-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;border-radius:999px;width:auto;margin:0 calc(var(--gut) * -1) 16px;padding:6px var(--gut);border:0;background:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .sc-tabs::-webkit-scrollbar{display:none}
  .sc-tabs{position:sticky;top:72px;z-index:6;background:rgba(9,9,11,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .sc-tabs button{flex:none!important;padding:9px 15px!important;font-size:14px!important;border:1px solid var(--line2);scroll-snap-align:center}
  .sc-tabs button.on{border-color:transparent}
  .scene{grid-template-areas:"ipad" "ped" "devs";padding-bottom:28px;transform:none!important}
  .devs{flex-direction:row!important;flex-wrap:nowrap;align-items:flex-start!important;justify-content:center!important;gap:12px!important;margin-top:34px!important}
  .dev{flex:1 1 0;min-width:0}
  .mode-solo .kb-nord{flex:0 1 78%}
  .mode-mac .dev-mac{width:auto!important;flex:1 1 0;align-self:flex-start}
  .mode-multi .kb-bs2{width:auto!important;align-self:flex-start!important}
  .mode-multi .kb-rev2 .kb-body{margin:0 3cqw}
  .dev-label{bottom:-22px;font-size:11px!important}
  .dev-ped{margin:18px 0 0!important}
  .bt-pedal{padding:7px;gap:7px;border-radius:12px}
  .bt-pedal .p-sw{width:44px;height:32px;border-radius:9px}
  .bt-pedal .p-bt{width:24px;height:24px}.bt-pedal .p-bt svg{width:14px;height:14px}
  .sc-cap{margin-top:30px;font-size:15.5px;min-height:4.6em}
  .midi-tag{font-size:10px;padding:3px 6px}

  /* comparativa compacta, siempre en dos columnas */
  .vs{grid-template-columns:1fr 1fr!important;gap:10px}
  .vs-col{padding:14px 12px;gap:8px;border-radius:16px}
  .vs-col>small{font-size:12px}
  .vs-col ul{gap:6px}
  .vs-col li{padding:7px 8px;font-size:12.5px;border-radius:8px}
  .vs-col li b,.vs-prog b{font-size:10px;padding:2px 4px;margin-right:4px}
  .vs-prog{padding:9px 10px;font-size:13.5px;border-radius:10px}
  .after li{flex-direction:column;gap:1px;margin-left:10px}
  .after li em{font-size:11px}
  .after li::before{left:-9px;width:6px}
  .vs-count{font-size:12px}
  .edit-grid .h2{font-size:clamp(32px,8.5vw,44px)}
  .perks li{padding:12px 0 12px 30px}

  /* tabla de teclados: en tarjetas, sin cortes */
  .ctable thead{display:none}
  .ctable,.ctable tbody{display:block}
  .ctable tr{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:14px 12px;border-bottom:1px solid var(--line)}
  .ctable td{display:block!important;padding:0!important;border:0!important;background:none!important;white-space:normal!important}
  .ctable td:nth-child(1){font-size:16px}
  .ctable td:nth-child(2){grid-column:1/-1;grid-row:2;font-size:13px;color:var(--mute)}
  .ctable td:nth-child(3){display:none!important}
  .ctable tr.tested{background:linear-gradient(90deg,rgba(48,209,88,.10),rgba(48,209,88,.02));box-shadow:inset 3px 0 0 #30d158;border-radius:4px}
  .live-ok{padding:6px 10px;font-size:12px}
}
.ks-hero .appic{height:auto!important;aspect-ratio:1/1;object-fit:cover}