/* KlipTok v26 · páginas informativas con enlace propio (/terminos/, /privacidad/, /cookies/, /aviso-legal/, /ayuda/, /contacto/, /empleo/, /mapa-del-sitio/, /comunidad/)
   Se pintan dentro del marco del hub (kt-v18-hub.js → vInfo). Todo va acotado a .k26-info para no tocar blog/foro/wiki. */
.k26-src { display: none; }
.k26-info [hidden] { display: none !important; }
.k26-info h1 { margin: 0 0 .3rem; font: 800 clamp(1.6rem, 5vw, 2.3rem)/1.15 Inter, system-ui, sans-serif; background: var(--k18-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.k26-info .lead { color: var(--k18-mute); margin: 0 0 1.4rem; }
.k26-info h2 { font-size: 1.2rem; margin: 1.8rem 0 .4rem; }
.k26-info h3 { font-size: 1rem; margin: 1rem 0 .3rem; }
.k26-info p, .k26-info li { line-height: 1.65; }
.k26-info ul, .k26-info ol { padding-left: 1.4rem; }
.k26-info .card { background: var(--k18-soft); border: 1px solid var(--k18-line); border-radius: .9rem; padding: .9rem 1.1rem; margin: .8rem 0; }
.k26-info .card h3 { margin-top: 0; }
.k26-info .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .7rem; }
.k26-info .grid .card { margin: 0; }
.k26-info .grid a.card { display: block; text-decoration: none; color: inherit; transition: transform .15s, border-color .15s; }
.k26-info .grid a.card:hover { transform: translateY(-2px); border-color: var(--k18-a); }
.k26-info .grid .card b { display: block; }
.k26-info .grid .card span { color: var(--k18-mute); font-size: .85rem; }
.k26-info .soon { opacity: .65; border-style: dashed; }
.k26-info details { background: var(--k18-soft); border: 1px solid var(--k18-line); border-radius: .7rem; padding: .65rem 1rem; margin: .55rem 0; }
.k26-info summary { cursor: pointer; font-weight: 600; }
.k26-info kbd { background: var(--k18-card); border: 1px solid var(--k18-line); border-radius: .3rem; padding: .05rem .35rem; font-size: .85em; }
.k26-info .upd { font-size: .8rem; color: var(--k18-mute); }