/* KlipTok v175 · Panel derecho plegable + sin hueco a la izquierda con el menú cerrado */
/* El margen de 15rem del antiguo menú de sección ya no tiene sentido: el menú único es una columna normal. */
html.ks-closed body.k23-on #k23-sec{margin-left:0!important}
/* v176 · Con el menú cerrado la columna ocupaba 264 px vacíos: la regla de kt-v160-menu.css (html.ks-closed #kt-side) perdía frente a
   «html aside#kt-side.kt-aside» (más específica). Aquí gana, y la portada / secciones usan todo el ancho. */
@media (min-width:1024px){html.ks-closed aside#kt-side.kt-aside{flex:0 0 0!important;width:0!important;min-width:0!important;max-width:0!important;padding-left:0!important;padding-right:0!important;border-width:0!important;overflow:hidden!important;visibility:hidden}}
#kt-rside{position:fixed;top:3.4rem;right:0;bottom:0;width:min(16rem,86vw);z-index:60;display:flex;flex-direction:column;gap:.2rem;padding:.7rem .6rem 1rem;overflow-y:auto;
  background:rgba(255,255,255,.97);color:#0f172a;border-left:1px solid #e2e8f0;box-shadow:-8px 0 28px rgba(15,23,42,.12);transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s}
html.dark #kt-rside{background:rgba(15,23,42,.97);color:#e2e8f0;border-color:#1e293b}
html.kr-open #kt-rside{transform:none;visibility:visible;transition:transform .25s ease}
#kt-rside h3{margin:.5rem .3rem .2rem;font:800 .68rem system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#8b5cf6}
#kt-rside a,#kt-rside button.kr-i{display:flex;align-items:center;gap:.55rem;width:100%;padding:.5rem .6rem;border-radius:.7rem;border:1px solid transparent;background:rgba(148,163,184,.12);color:inherit;text-decoration:none;font:600 .8rem system-ui,sans-serif;text-align:left;cursor:pointer}
#kt-rside a:hover,#kt-rside button.kr-i:hover{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.5)}
#kt-rside .kr-empty{margin:.4rem .3rem;font:500 .75rem system-ui,sans-serif;color:#64748b}
#kt-rtab{position:fixed;top:45%;right:0;z-index:61;width:1.35rem;height:3rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:.7rem 0 0 .7rem;
  background:linear-gradient(135deg,#7c3aed,#0891b2);color:#fff;cursor:pointer;box-shadow:-2px 2px 10px rgba(0,0,0,.25);transition:right .25s ease,opacity .2s;opacity:.85}
#kt-rtab:hover,#kt-rtab:focus-visible{opacity:1}
#kt-rtab svg{width:.85rem;height:.85rem;transition:transform .25s}
html.kr-open #kt-rtab{right:min(16rem,86vw)}html.kr-open #kt-rtab svg{transform:rotate(180deg)}
@media (min-width:1024px){html.kr-open body.k23-on #k23-sec{margin-right:16rem}}
@media (max-width:767px){#kt-rside{top:3rem}#kt-rtab{height:2.6rem}}
@media print{#kt-rside,#kt-rtab{display:none}}
/* v177 · Portada del INICIO (/): la imagen es más alta que la pantalla y el contenedor tenía overflow:hidden, así que se veía recortada y
   sin barra. Ahora el contenedor de la portada se desplaza (barra a la derecha, igual que en /social/) y la imagen no se encoge. */
#k23-sec.k23-home .k23-host{overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;display:block!important}
#k23-sec.k23-home .k23-host>.kp{flex:0 0 auto;min-height:0}
/* /social/ (pestaña Portada): mismo comportamiento garantizado */
.km-host .kp{flex:0 0 auto}

/* v177 · la flechita azul del borde derecho baja bastante (antes a media altura): queda en el tercio inferior, sobre el botón «+» de publicar */
#kt-rtab{top:68%!important}
@media (max-width:767px){#kt-rtab{top:64%!important}}