/* KlipTok v37 · ChatKlip como PÁGINA propia (chatklip/). El chat y la red se encajan en la página (sin ventana flotante). */
.kck { display: flex; flex-direction: column; gap: 10px; }
.kck-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.kck-top b { font-size: 1.15rem; font-weight: 800; }
.kck-nav { display: flex; gap: 6px; flex-wrap: wrap; margin-left: auto; }
.kck-nav button, .kck-nav a { border: 1px solid rgba(100,116,139,.35); background: rgba(100,116,139,.1); color: inherit; font: inherit; font-weight: 700; font-size: .85rem; padding: 8px 14px; border-radius: 999px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.kck-nav button.on { background: linear-gradient(135deg, #2563eb, #9333ea, #ec4899); color: #fff; border-color: transparent; }
.kck-nav a.crush { border-color: rgba(219,39,119,.5); color: #db2777; }
#kck-host { position: relative; min-height: 560px; height: calc(100vh - 190px); }
/* el chat deja de ser ventana flotante: ocupa el hueco de la página */
#kck-host #ktc.ktc { position: relative; inset: auto; display: block !important; height: 100%; z-index: auto; }
#kck-host #ktc .ktc-bg { display: none; }
#kck-host #ktc .ktc-shell { position: relative; inset: auto; height: 100%; box-shadow: none; border-radius: 18px; }
#kck-host #ktc [data-act="close"] { display: none; }
/* sin lanzadores flotantes dentro de esta página: ya estás en ChatKlip */
body.k18-page #ktc-fab, body.k18-page #ktc-side, body.k18-page #ktc-red-side { display: none !important; }
@media (max-width: 700px) { #kck-host { height: calc(100vh - 150px); min-height: 480px; } .kck-nav { margin-left: 0; width: 100%; } }