/* KlipTok v23 · sección dentro de la app */
#k23-sec { display: none; flex: 1 1 0; min-width: 0; min-height: 0; flex-direction: column; position: relative; background: var(--kt-bg, #f8fafc); }
body.k23-on #k23-sec { display: flex; }
body.k23-on #feed-container { display: none !important; }
body.k23-on .kt-pg, body.k23-on .k19-nav, body.k23-on .k19-fab { display: none !important; }
#k23-sec[hidden] { display: none !important; }
.k23-frame { flex: 1 1 auto; width: 100%; border: 0; min-height: 0; background: transparent; }
.k23-load { position: absolute; inset: 40px 0 0; display: flex; align-items: center; justify-content: center; color: #64748b; font-size: .9rem; pointer-events: none; }
.k23-load[hidden] { display: none; }
.k23-bar { display: none; }
@media (max-width: 767px) {
  .k23-bar { display: flex; align-items: center; gap: .6rem; padding: .45rem .6rem .45rem 3.4rem; min-height: 52px; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(100,116,139,.25); position: relative; z-index: 2; }
  .dark .k23-bar { background: rgba(15,23,42,.96); color: #e2e8f0; }
  .k23-back { border: 0; border-radius: 10px; padding: .45rem .75rem; font-weight: 700; font-size: .85rem; color: #fff; background: linear-gradient(90deg,#4f46e5,#db2777); cursor: pointer; }
  .k23-title { flex: 1; font-size: .95rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .k23-load { inset: 56px 0 0; }
  body.k23-on .k22-barsbtn { display: none; }
}
/* enlace de sección activo (cabecera y menú) */
a.k23-act { background: linear-gradient(90deg, rgba(79,70,229,.14), rgba(219,39,119,.14)); border-radius: .6rem; font-weight: 700 !important; }

/* v101.7 · Secciones a pantalla útil: sin menú de clips ni pie ni scroll lila */
body.k23-on aside.w-64,
body.k23-on aside.kt-aside:not(.kt-pg),
body.k23-on > footer,
body.k23-on #kt-footer,
body.k23-on #upload-bottom,
body.k23-on #kt-scroll-rail,
body.k23-on .k39-fab {
  display: none !important;
}
body.k23-on #k23-sec {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}
body.k23-on .k23-host,
body.k23-on .k23-host .k18-hosted,
body.k23-on .k23-host .km-host {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}
/* Estudios (constructor, juegos, audio…): máximo espacio bajo la barra superior */
body.k23-on[data-k23sec="constructor-web"] .k23-bar,
body.k23-on[data-k23sec="estudio-juegos"] .k23-bar,
body.k23-on[data-k23sec="creador-juegos"] .k23-bar,
body.k23-on[data-k23sec="estudio-audio"] .k23-bar,
body.k23-on[data-k23sec="estudio-foto-video"] .k23-bar {
  /* se mantiene la barra «▶ Vídeos» para volver; el resto del chrome global ya está oculto */
}

/* v101.8 · menú contextual al lado de la sección */
body.k23-on #k23-sec { flex: 1 1 auto; }
/* parent flex: index feed column becomes section host */
body.k23-on .flex-1.flex.flex-col.min-w-0,
body.k23-on #app-main,
body.k23-on main {
  /* no fuerza */
}