/* KlipTok v14 · TEMA ALEGRE para todas las edades + modo libro verde-morado (kt-v14.css).
   Solo CSS: no cambia ningún código. Quitar: borrar este <link> del <head>. */
:root{
  --kt-bg:#f6f1ff; --kt-ink:#1e1b3a; --kt-mute:#5f5a80; --kt-line:rgba(99,60,200,.16);
  --kt-glass:rgba(255,255,255,.86); --kt-card:#ffffff; --kt-hover:rgba(16,185,129,.12);
  --kt-doodle:#7c3aed; --kt-doodle-o:.09; --kt-acc:#7c3aed; --kt-ok:#10b981;
  --kt-grad:linear-gradient(90deg,#10b981,#7c3aed 55%,#ec4899);
  --kt-shadow:0 18px 50px -12px rgba(91,33,182,.35);
  --k14-sun:#fbbf24; --k14-sky:#38bdf8; --k14-coral:#fb7185; --k14-mint:#34d399;
}
html.dark{
  --kt-bg:#150f2e; --kt-ink:#f1ecff; --kt-mute:#b3a9d6; --kt-line:rgba(196,181,253,.18);
  --kt-glass:rgba(21,15,46,.86); --kt-card:#201747; --kt-hover:rgba(52,211,153,.14);
  --kt-doodle:#c4b5fd; --kt-doodle-o:.07; --kt-acc:#c4b5fd; --kt-ok:#34d399;
  --kt-shadow:0 18px 50px -12px rgba(0,0,0,.7);
}
/* fondo: luces suaves de colores (menta, violeta, rosa, sol) */
body{
  background-image:
    radial-gradient(46rem 32rem at 0% 0%,rgba(52,211,153,.20),transparent 62%),
    radial-gradient(50rem 34rem at 100% 8%,rgba(167,139,250,.24),transparent 62%),
    radial-gradient(46rem 34rem at 100% 100%,rgba(244,114,182,.18),transparent 62%),
    radial-gradient(40rem 28rem at 0% 100%,rgba(251,191,36,.14),transparent 62%)!important;
}
html.dark body{
  background-image:
    radial-gradient(46rem 32rem at 0% 0%,rgba(16,185,129,.20),transparent 62%),
    radial-gradient(50rem 34rem at 100% 8%,rgba(124,58,237,.30),transparent 62%),
    radial-gradient(46rem 34rem at 100% 100%,rgba(236,72,153,.20),transparent 62%)!important;
}
/* cabecera con tira de colores */
#kt-top{background-image:linear-gradient(90deg,#34d399,#8b5cf6,#f472b6,#fbbf24,#38bdf8)!important;background-size:100% 3px!important;background-repeat:no-repeat!important;background-position:bottom!important}
/* lateral: menta → lavanda */
aside.w-64{background-image:linear-gradient(180deg,rgba(167,243,208,.38),rgba(221,214,254,.45))!important;border-color:var(--kt-line)!important}
html.dark aside.w-64{background-image:linear-gradient(180deg,rgba(16,185,129,.12),rgba(124,58,237,.18))!important}
aside.w-64 button{border-radius:.85rem;transition:background .2s,transform .15s}
aside.w-64 button:hover{background:rgba(124,58,237,.14)!important;transform:translateX(2px)}
/* botones y entradas con más redondez y alegría */
.kt-btn,.kt-ibtn,#kt-bkb{border-radius:9999px}
.kt-btn--pri{box-shadow:0 8px 20px -8px rgba(124,58,237,.7)}
.kt-btn:hover{border-color:var(--kt-ok)}
:focus-visible{outline:2px solid #10b981!important;outline-offset:2px}
::selection{background:#c4b5fd;color:#1e1b3a}
.feed-card{filter:drop-shadow(0 10px 22px rgba(91,33,182,.18))}
/* Pro Max destacado */
#kt-promax{background-image:linear-gradient(90deg,#10b981,#7c3aed)!important;color:#fff!important;border-radius:.85rem}
.k13 .pri{background:linear-gradient(90deg,#10b981,#7c3aed)!important;border-color:transparent!important}
.k13 .kpm button:hover,.k13 .blk:hover{border-color:#10b981}

/* ------------------ MODO LIBRO: páginas verde-morado ------------------ */
@media (min-width:1024px){
  body #kt-pl{background-image:linear-gradient(270deg,rgba(76,29,149,.25),transparent 14%),linear-gradient(160deg,rgba(209,250,229,.95),rgba(237,233,254,.97) 55%,rgba(221,214,254,.97))!important;border-color:rgba(124,58,237,.4)!important}
  body #kt-pr{background-image:linear-gradient(90deg,rgba(76,29,149,.25),transparent 14%),linear-gradient(200deg,rgba(237,233,254,.97),rgba(221,214,254,.97) 45%,rgba(167,243,208,.95))!important;border-color:rgba(124,58,237,.4)!important}
  html.dark body #kt-pl{background-image:linear-gradient(270deg,rgba(0,0,0,.35),transparent 14%),linear-gradient(160deg,rgba(6,78,59,.96),rgba(46,16,101,.97))!important;color:#ecfdf5}
  html.dark body #kt-pr{background-image:linear-gradient(90deg,rgba(0,0,0,.35),transparent 14%),linear-gradient(200deg,rgba(46,16,101,.97),rgba(6,78,59,.96))!important;color:#ecfdf5}
  .kt-pg h3{color:#6d28d9!important}
  html.dark .kt-pg h3{color:#6ee7b7!important}
  .kt-pg .k14h{margin:.55rem .2rem .1rem;font:800 .62rem system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#059669}
  html.dark .kt-pg .k14h{color:#a7f3d0}
  .kt-bi{background:rgba(255,255,255,.62)!important;border-color:rgba(124,58,237,.18)!important}
  html.dark .kt-bi{background:rgba(255,255,255,.08)!important}
  .kt-bi:hover{background:linear-gradient(90deg,rgba(16,185,129,.22),rgba(124,58,237,.22))!important;border-color:#10b981!important}
  .kt-bi em{color:#059669!important}
}