/* KlipTok v134 · DINERO (Cartera, Finanzas, Ver y ganar, Clic y gana, Descargas, Blog de pago, Acortador) con el formato de Blog/Wiki/Foros/Academia.
   Usa las variables --k18-* del hub (claro/oscuro) y el esqueleto k31 (menú izquierda · centro · panel derecha). Quitar: borrar este archivo y kt-v139-dinero.js. */
.k134 { --d-ok: #15803d; --d-warn: #b45309; --d-bad: #b91c1c; --d-okbg: rgba(34,197,94,.14); --d-warnbg: rgba(245,158,11,.16); --d-badbg: rgba(239,68,68,.14); }
.k18[data-kt-theme="dark"] .k134 { --d-ok: #86efac; --d-warn: #fcd34d; --d-bad: #fca5a5; }
.k134 .k31-wrap { grid-template-columns: 220px minmax(0, 1fr) 280px; }
.k134 .d-main { min-width: 0; }
.k134 .d-side { display: grid; gap: 1rem; position: sticky; top: .75rem; min-width: 0; }
.k134 .d-panel { background: var(--k18-card, #fff); border: 1px solid var(--k18-line, #e5e7eb); border-radius: 1rem; padding: 1rem; box-shadow: var(--k18-shadow); }
.k134 .d-panel h4 { margin: 0 0 .6rem; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; color: var(--k18-mute, #6b7280); }
.k134 .d-panel p, .k134 .d-panel li { font-size: .82rem; line-height: 1.45; color: var(--k18-mute, #6b7280); margin: 0 0 .4rem; }
.k134 .d-panel ul { margin: 0; padding-left: 1.1rem; }
.k134 .d-bal { display: flex; justify-content: space-between; align-items: baseline; gap: .6rem; padding: .35rem 0; border-bottom: 1px dashed var(--k18-line, #e5e7eb); font-size: .85rem; }
.k134 .d-bal:last-child { border-bottom: 0; }
.k134 .d-bal b { font-size: 1.05rem; }
.k134 .d-links { display: grid; gap: .15rem; }
.k134 .d-links button { text-align: left; border: 0; background: transparent; padding: .4rem .5rem; border-radius: .6rem; font-size: .85rem; color: inherit; cursor: pointer; }
.k134 .d-links button:hover { background: var(--k18-soft, #f3f4f6); }
.k134 .d-head { margin: 0 0 1.1rem; }
.k134 .d-head h2 { margin: 0; font-size: 1.5rem; font-weight: 800; letter-spacing: -.02em; }
.k134 .d-head p { margin: .3rem 0 0; color: var(--k18-mute, #6b7280); font-size: .9rem; }
.k134 .d-stats { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .7rem; margin: 0 0 1.1rem; }
.k134 .d-stat { padding: .8rem 1rem; border-radius: 1rem; background: var(--k18-soft, #f3f4f6); border: 1px solid var(--k18-line, #e5e7eb); }
.k134 .d-stat b { display: block; font-size: 1.35rem; line-height: 1.2; overflow-wrap: anywhere; }
.k134 .d-stat span { font-size: .75rem; color: var(--k18-mute, #6b7280); }
.k134 .d-stat.hi { background: var(--k18-grad, linear-gradient(90deg, #4f46e5, #db2777)); color: #fff; border-color: transparent; }
.k134 .d-stat.hi span { color: rgba(255,255,255,.85); }
.k134 .d-card, .k134 .d-box { background: var(--k18-card, #fff); border: 1px solid var(--k18-line, #e5e7eb); border-radius: 1rem; padding: 1rem 1.1rem; box-shadow: var(--k18-shadow); margin: 0 0 1rem; min-width: 0; }
.k134 .d-box h3 { margin: 0 0 .7rem; font-size: 1rem; }
.k134 .d-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; margin: 0 0 1rem; }
.k134 .d-grid .d-card { margin: 0; display: flex; flex-direction: column; gap: .5rem; position: relative; overflow: hidden; }
.k134 .d-grid .d-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--k18-grad, linear-gradient(90deg, #4f46e5, #db2777)); }
.k134 .d-card h3 { margin: 0; font-size: .98rem; line-height: 1.3; overflow-wrap: anywhere; }
.k134 .d-card p { margin: 0; font-size: .82rem; color: var(--k18-mute, #6b7280); }
.k134 .d-cover { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: .7rem; background: var(--k18-soft, #f3f4f6); display: block; }
.k134 .d-row { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.k134 .d-row.sp { justify-content: space-between; }
.k134 .d-row .grow { flex: 1; min-width: 8rem; }
.k134 .d-money { font-weight: 800; color: var(--d-ok); }
.k134 .d-neg { color: var(--d-bad); font-weight: 700; }
.k134 .d-pos { color: var(--d-ok); font-weight: 700; }
.k134 .d-badge { display: inline-block; font-size: .68rem; font-weight: 700; padding: .12rem .55rem; border-radius: 999px; background: var(--k18-pill-bg, #f3e8ff); color: var(--k18-pill-ink, #7e22ce); white-space: nowrap; }
.k134 .d-badge.ok { background: var(--d-okbg); color: var(--d-ok); }
.k134 .d-badge.warn { background: var(--d-warnbg); color: var(--d-warn); }
.k134 .d-badge.bad { background: var(--d-badbg); color: var(--d-bad); }
.k134 .d-scroll { overflow-x: auto; border: 1px solid var(--k18-line, #e5e7eb); border-radius: 1rem; background: var(--k18-card, #fff); margin: 0 0 1rem; }
.k134 table.d-tbl { width: 100%; border-collapse: collapse; font-size: .85rem; }
.k134 .d-tbl th { text-align: left; padding: .6rem .8rem; font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; color: var(--k18-mute, #6b7280); background: var(--k18-soft, #f3f4f6); white-space: nowrap; }
.k134 .d-tbl td { padding: .6rem .8rem; border-top: 1px solid var(--k18-line, #e5e7eb); vertical-align: top; overflow-wrap: anywhere; }
.k134 .d-form { display: grid; gap: .75rem; max-width: 38rem; }
.k134 .d-form.wide { max-width: none; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.k134 .d-form.wide .full { grid-column: 1 / -1; }
.k134 .d-form label { display: grid; gap: .25rem; font-size: .8rem; font-weight: 600; }
.k134 .d-form label small { font-weight: 400; color: var(--k18-mute, #6b7280); }
.k134 .d-form input, .k134 .d-form select, .k134 .d-form textarea, .k134 .d-in { font: inherit; width: 100%; box-sizing: border-box; padding: .55rem .75rem; border-radius: .7rem; border: 1px solid var(--k18-line, #e5e7eb); background: var(--k18-card, #fff); color: inherit; }
.k134 .d-form textarea { min-height: 9rem; resize: vertical; line-height: 1.5; }
.k134 .d-form input:focus, .k134 .d-form select:focus, .k134 .d-form textarea:focus, .k134 .d-in:focus { outline: 2px solid #a78bfa; outline-offset: 1px; }
.k134 .d-in.sm { width: 9rem; padding: .4rem .6rem; }
.k134 .d-chips { display: flex; gap: .4rem; flex-wrap: wrap; margin: 0 0 1rem; }
.k134 .d-chips button { font: inherit; font-size: .82rem; border: 1px solid var(--k18-line, #e5e7eb); background: var(--k18-card, #fff); color: inherit; padding: .3rem .75rem; border-radius: 999px; cursor: pointer; }
.k134 .d-chips button[aria-pressed="true"] { background: var(--k18-pill-bg, #f3e8ff); color: var(--k18-pill-ink, #7e22ce); border-color: transparent; font-weight: 700; }
.k134 .d-msg { margin: .6rem 0 0; padding: .6rem .8rem; border-radius: .7rem; font-size: .85rem; }
.k134 .d-msg.ok { background: var(--d-okbg); color: var(--d-ok); }
.k134 .d-msg.err { background: var(--d-badbg); color: var(--d-bad); }
.k134 .d-msg.info { background: var(--k18-soft, #f3f4f6); color: inherit; }
.k134 .d-bar { height: 10px; border-radius: 999px; background: var(--k18-soft, #e5e7eb); overflow: hidden; margin: .6rem 0; }
.k134 .d-bar i { display: block; height: 100%; width: 0; background: var(--k18-grad, linear-gradient(90deg, #4f46e5, #db2777)); transition: width .4s linear; }
.k134 .d-player { border-radius: 1rem; overflow: hidden; border: 1px solid var(--k18-line, #e5e7eb); background: #000; aspect-ratio: 16/9; }
.k134 .d-player iframe { width: 100%; height: 100%; border: 0; display: block; background: #fff; }
.k134 .d-opts { display: grid; gap: .5rem; margin: .7rem 0; }
.k134 .d-opts button { text-align: left; font: inherit; padding: .65rem .9rem; border-radius: .8rem; border: 1px solid var(--k18-line, #e5e7eb); background: var(--k18-card, #fff); color: inherit; cursor: pointer; }
.k134 .d-opts button:hover { border-color: #a78bfa; }
.k134 pre.d-code { margin: 0 0 .7rem; padding: .8rem; border-radius: .8rem; background: var(--k18-soft, #f3f4f6); border: 1px solid var(--k18-line, #e5e7eb); font: .78rem/1.5 ui-monospace, Menlo, Consolas, monospace; white-space: pre-wrap; word-break: break-all; }
.k134 .d-art { line-height: 1.7; font-size: 1rem; overflow-wrap: anywhere; }
.k134 .d-art img { max-width: 100%; height: auto; border-radius: .8rem; }
.k134 .d-empty { text-align: center; color: var(--k18-mute, #6b7280); padding: 2rem 1rem; border: 1px dashed var(--k18-line, #e5e7eb); border-radius: 1rem; margin: 0 0 1rem; }
.k134 .d-big { font-size: 1.6rem; font-weight: 800; }
.k134 dl.d-dl { display: grid; grid-template-columns: minmax(7rem, 14rem) 1fr; gap: .35rem .9rem; margin: 0; font-size: .85rem; }
.k134 dl.d-dl dt { color: var(--k18-mute, #6b7280); } .k134 dl.d-dl dd { margin: 0; overflow-wrap: anywhere; }
.k134 .k31-mi.d-staff { opacity: .85; }
@media (max-width: 1180px) { .k134 .k31-wrap { grid-template-columns: 210px minmax(0, 1fr); } .k134 .d-side { grid-column: 1 / -1; position: static; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } }
@media (max-width: 820px) { .k134 .k31-wrap { grid-template-columns: minmax(0, 1fr); } .k134 .k31-menu { position: static; flex-direction: row; flex-wrap: wrap; max-height: none; } .k134 .k31-mt { display: none; } .k134 .k31-mi { width: auto; padding: .45rem .75rem; } .k134 dl.d-dl { grid-template-columns: 1fr; } }
/* v139 · con el menú lateral de la app (ctx-merged) las secciones ya están a la izquierda: no se repiten en el panel derecho */
html.ctx-merged .k134 .d-more { display: none; }
.k134 .d-tbl .d-in.sm { width: 8.5rem; }
.k134 .d-tbl td .d-row { flex-wrap: nowrap; gap: .35rem; } .k134 .d-tbl td .k18-btn { white-space: nowrap; padding: .4rem .75rem; font-size: .8rem; }