/* KlipTok v200 · Geometría del escenario «tablet» para los Reels de escritorio (≥1024 px).
   Lo carga siempre (es mínimo) para que la tarjeta ya tenga su forma definitiva ANTES de que se descargue la tablet:
   así el cambio de dispositivo no provoca saltos de maquetación.
   Qué hace: una tarjeta marcada por el detector como data-k200="tablet" pasa a ser un «escenario» de la altura completa del
   visor (una por pantalla, sin asomar la siguiente) con una pantalla 16:9 centrada y hueco debajo para la barra de controles.
   La pantalla es SIEMPRE 16:9: un 2,4:1 se ve con barras negras y un vertical con laterales; nada se estira.
   Quitar: borrar este archivo, kt-v200-media-core.js, kt-v200-tablet.* y sus etiquetas en index.html. */
:root { --k200-chin: 64px; --k200-sb: 12px; --k200-tb: 14px; --k200-gap: 12px; --k200-rail: 6.6rem; }
@media (min-width: 1024px) {
  body.kt-reels:not(.kt-book-on) #feed-container #dynamic-feed > .feed-card[data-k200="tablet"] {
    height: calc(100cqh - .25rem) !important;
    width: min(calc(100% - 2 * var(--k200-sb) - var(--k200-rail)), calc((100cqh - .25rem - var(--k200-chin) - var(--k200-tb) - var(--k200-gap)) * 1.7778)) !important;
    min-width: 0 !important; max-width: 100% !important; flex: 0 0 auto !important; aspect-ratio: auto !important;
    margin-right: var(--k200-rail) !important;   /* hueco a la derecha para la columna de botones de colores y los botones físicos */
    background: transparent !important;
  }
  /* la pantalla: 16:9 exacto; los márgenes reservan el marco superior y el hueco de controles (el conjunto queda centrado) */
  body.kt-reels:not(.kt-book-on) #feed-container #dynamic-feed > .feed-card[data-k200="tablet"] > .group {
    height: auto !important; aspect-ratio: 16 / 9; flex: 0 0 auto; margin-top: var(--k200-tb); margin-bottom: var(--k200-chin);
  }
  /* la columna de botones de colores se aparta del marco de la tablet (el del móvil usa body.k196-fr) */
  body[data-kt-device="tablet"].kt-reels #feed-container .feed-card[data-k200="tablet"] .k130-rail { left: calc(100% + var(--k200-sb) + 1.1rem); }
}
