/* KlipTok v16 · barra de retorno + modo claro por defecto (Pro Max, Vista 3D, OmniBuilder) (kt-v16.css).
   Solo añade reglas; el modo oscuro original sigue disponible con data-kt-theme="dark". */
:root { --ktn-h: 46px; }

/* ===== Barra superior de retorno ===== */
#kt-navbar { position: fixed; left: 0; right: 0; top: var(--ktn-top, 0px); height: var(--ktn-h); z-index: 100000; display: none; align-items: center; gap: .5rem; padding: 0 .75rem; box-sizing: border-box;
  background: rgba(255,255,255,.97); color: #1e1b3a; border-bottom: 1px solid rgba(99,60,200,.18); box-shadow: 0 6px 18px -10px rgba(91,33,182,.4); font: 600 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif; animation: ktn-in .18s ease-out; }
body.ktn-on #kt-navbar { display: flex; }
#kt-navbar[data-tone="dark"] { background: rgba(15,18,36,.97); color: #e8ebf7; border-bottom-color: rgba(255,255,255,.12); box-shadow: 0 6px 18px -10px #000; }
@keyframes ktn-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
#kt-navbar button { font: inherit; cursor: pointer; border-radius: 9999px; padding: .42rem .85rem; border: 1px solid rgba(99,60,200,.28); background: transparent; color: inherit; white-space: nowrap; }
#kt-navbar[data-tone="dark"] button { border-color: rgba(255,255,255,.25); }
#kt-navbar button:hover { background: rgba(16,185,129,.14); }
#kt-navbar button:focus-visible { outline: 2px solid #10b981; outline-offset: 2px; }
#kt-navbar .ktn-back { display: inline-flex; align-items: center; gap: .4rem; background: linear-gradient(90deg,#10b981,#7c3aed); color: #fff; border-color: transparent; }
#kt-navbar .ktn-back:hover { filter: brightness(1.08); background: linear-gradient(90deg,#10b981,#7c3aed); }
#kt-navbar .ktn-back b { font-weight: 700; }
#kt-navbar .ktn-crumbs { flex: 1; min-width: 0; display: flex; align-items: center; margin: 0; padding: 0; list-style: none; overflow: hidden; white-space: nowrap; opacity: .85; }
#kt-navbar .ktn-crumbs li { overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
#kt-navbar .ktn-crumbs li + li::before { content: "›"; margin: 0 .5rem; opacity: .5; }
#kt-navbar .ktn-crumbs li:last-child { font-weight: 700; opacity: 1; }
@media (max-width: 640px) { #kt-navbar .ktn-crumbs li:not(:last-child), #kt-navbar .ktn-alt span, #kt-navbar .ktn-back b { display: none; } #kt-navbar .ktn-crumbs li + li::before { content: none; } }

/* ===== Pro Max (.k13): CLARO por defecto ===== */
.k13:not([data-kt-theme="dark"]) { background: #f6f1ff; color: #1e1b3a; }
.k13:not([data-kt-theme="dark"]) header, .k13:not([data-kt-theme="dark"]) aside { border-color: rgba(99,60,200,.16); }
.k13:not([data-kt-theme="dark"]) main { background: #ece6fb; }
.k13:not([data-kt-theme="dark"]) button, .k13:not([data-kt-theme="dark"]) select, .k13:not([data-kt-theme="dark"]) input, .k13:not([data-kt-theme="dark"]) textarea { color: #1e1b3a; background: #fff; border-color: #d9cff7; }
.k13:not([data-kt-theme="dark"]) .blk { border-color: #d9cff7; background: #fff; }
.k13:not([data-kt-theme="dark"]) .kpt .on { color: #fff; }
.k13:not([data-kt-theme="dark"]) .kpm .soon { background: transparent; }
.k13:not([data-kt-theme="dark"]) canvas { box-shadow: 0 8px 30px rgba(91,33,182,.25); }
.k13:not([data-kt-theme="dark"]) .pri, .k13:not([data-kt-theme="dark"]) .kpt .on { background: linear-gradient(90deg,#10b981,#7c3aed); color: #fff; border-color: transparent; }   /* conserva el degradado de los botones activos/primarios */

/* ===== Vista 3D: CLARO por defecto ===== */
#v3d:not([data-kt-theme="dark"]) { color: #1e1b3a; background: radial-gradient(ellipse at 50% 40%, #ffffff 0%, #ece6fb 50%, #d8f3e8 100%) !important; }
#v3d[data-kt-bg="ocean"]:not([data-kt-theme="dark"]) { background: radial-gradient(ellipse at 50% 40%, #ffffff 0%, #dff1fb 55%, #c9e6f7 100%) !important; }
#v3d[data-kt-bg="sunset"]:not([data-kt-theme="dark"]) { background: radial-gradient(ellipse at 50% 40%, #ffffff 0%, #ffe7ec 55%, #ffd9c9 100%) !important; }
#v3d[data-kt-bg="neon"]:not([data-kt-theme="dark"]) { background: radial-gradient(ellipse at 50% 40%, #ffffff 0%, #dcf7ea 55%, #bff0d8 100%) !important; }
#v3d[data-kt-bg="black"]:not([data-kt-theme="dark"]) { background: #f4f4f7 !important; }
#v3d:not([data-kt-theme="dark"]) #v3d-bar { background: rgba(99,60,200,.15); }
#v3d:not([data-kt-theme="dark"]) #v3d-count { color: #6b6490 !important; -webkit-text-fill-color: #6b6490 !important; }
#v3d:not([data-kt-theme="dark"]) .v3d-btn, #v3d:not([data-kt-theme="dark"]) .v3d-nav { background: rgba(255,255,255,.88); color: #1e1b3a; border-color: rgba(99,60,200,.25); }
#v3d:not([data-kt-theme="dark"]) .v3d-btn:hover, #v3d:not([data-kt-theme="dark"]) .v3d-nav:hover { background: #fff; }
#v3d:not([data-kt-theme="dark"]) .v3d-card .v3d-btn { background: rgba(0,0,0,.5); color: #fff; border-color: rgba(255,255,255,.15); }   /* sobre el contenido se mantiene el cristal oscuro */
#v3d:not([data-kt-theme="dark"]) .v3d-card { color: #fff; }
#v3d:not([data-kt-theme="dark"]) #v3d-dash { background: rgba(255,255,255,.9); color: #1e1b3a; border-color: rgba(99,60,200,.2); }
#v3d:not([data-kt-theme="dark"]) .vd-t { color: #6b6490; }
#v3d:not([data-kt-theme="dark"]) .vd-chip { background: rgba(99,60,200,.08); color: #1e1b3a; border-color: rgba(99,60,200,.22); }
#v3d:not([data-kt-theme="dark"]) .vd-chip.on { background: linear-gradient(90deg,#2563eb,#9333ea,#ec4899); color: #fff; border-color: transparent; }
#v3d:not([data-kt-theme="dark"]) .vd-s span { color: #4b4670; }
#v3d:not([data-kt-theme="dark"]) .vd-s em { color: #7c3aed; }
#v3d:not([data-kt-theme="dark"]) #vd-cubewrap { background: rgba(99,60,200,.06); }
#v3d:not([data-kt-theme="dark"]) .vd-dot { border-color: rgba(99,60,200,.3); }
#v3d:not([data-kt-theme="dark"]) .vd-dot.on { border-color: #1e1b3a; }

/* OmniBuilder (.ko): sus estilos van dentro de kt-omni.js; el tema claro/oscuro lo gestiona KTNav con data-kt-theme. */