.demo{--bg:#f8f5f0;--bg2:#fff;--card:#fff;--line:#e3dcd1;--txt:#141210;--muted:#5c554c;--accent:#76593a;--accent2:#5f4630;--ok:#15803d;--ok-bg:#e7f3ea;--warn:#8a5a00;--warn-bg:#f8efd9;--bad:#b42318;--bad-bg:#fbe9e7;--soft:#efede8;--chip-on:#141210;--chip-on-txt:#fff;--cta:#141210;--cta-txt:#fff;background:var(--bg);color:var(--txt);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100dvh;font-size:15px}.demo[data-tema=oscuro]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0d0c;--bg2:#171513;--card:#1b1916;--line:#2e2925;--txt:#f6f2ec;--muted:#b2a99d;--accent:#c9a87c;--accent2:#dcc29c;--ok:#4ade80;--ok-bg:#4ade801f;--warn:#f5c451;--warn-bg:#f5c4511f;--bad:#f87171;--bad-bg:#f8717124;--soft:#252220;--chip-on:#f6f2ec;--chip-on-txt:#141210;--cta:#f6f2ec;--cta-txt:#141210}.demo .btn-primary{background:var(--cta);color:var(--cta-txt)}.demo .btn-primary:hover{background:var(--cta);opacity:.92}.demo .check{border-color:#cfc5b6}.demo[data-tema=oscuro] .check{border-color:#4a443d}.demo .check.on{background:var(--ok);border-color:var(--ok);color:#fff}.demo[data-tema=oscuro] .check.on{color:#0e0d0c}.demo .ava{background:var(--soft)}.d-top{color:#fff;background:#000}.d-top .muted{color:#b9b0a4}.d-top .btn-ghost{color:#fff;border-color:#3a342e}.d-top .btn-ghost:hover{border-color:#fff}.d-top .ava{color:#fff;background:#2b2723}.d-chip{border:1px solid var(--line);min-height:40px;color:var(--txt);cursor:pointer;text-align:center;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.d-chip.on{background:var(--chip-on);border-color:var(--chip-on);color:var(--chip-on-txt)}.d-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.d-barra{background:var(--soft);border-radius:999px;height:8px;overflow:hidden}.d-barra>i{background:var(--accent);border-radius:999px;height:100%;display:block}.d-ok{color:var(--ok)}.d-pill{background:var(--soft);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.d-pill.ok{background:var(--ok-bg);color:var(--ok)}.d-pill.warn{background:var(--warn-bg);color:var(--warn)}.d-pill.rojo{background:var(--bad-bg);color:var(--bad)}.demo:not([data-tema=oscuro]) .d-pill.ok{color:#166534}.demo:not([data-tema=oscuro]) .d-pill.warn{color:#854d0e}.demo:not([data-tema=oscuro]) .d-pill.rojo{color:#9f1d14}.demo[data-tema=oscuro] .d-pill.rojo{color:#fca5a5}.d-renglon{border-top:1px solid var(--line);gap:12px;padding:12px 0;display:flex}.d-renglon:not(.flex-col){align-items:center}.d-renglon:first-child{border-top:0}.d-hoja-fondo{z-index:60;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.d-hoja{background:var(--bg2);width:100%;max-width:560px;max-height:88dvh;padding:8px 16px calc(20px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;overflow-y:auto}.d-hoja-asa{background:var(--line);border-radius:999px;width:44px;height:5px;margin:6px auto 12px}.d-segm{background:var(--soft);border-radius:8px;gap:6px;padding:4px;display:flex}.d-segm button{min-height:38px;color:var(--muted);border-radius:6px;flex:1;font-size:14px;font-weight:700}.d-segm button.on{background:var(--bg2);color:var(--txt);box-shadow:0 1px 4px #0000001f}.demo input[type=range]{accent-color:var(--accent);width:100%}.demo .input{background:var(--bg2)}.c-badge{background:var(--bad);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-12px}.demo[data-tema=oscuro] .c-badge{color:#0e0d0c}@media (min-width:900px){.demo.coach .wrap{max-width:720px}}.demo details>summary{list-style:none}.c-burbuja-mia{background:var(--accent);color:#fff}.demo[data-tema=oscuro] .c-burbuja-mia{color:#0e0d0c}