[data-modulo=habitos]{--m-bg: #FAFAF7;--m-surface: #FFFFFF;--m-surface-2: #F1F3F8;--m-fg: #2D3748;--m-muted: #6B7280;--m-accent: #3B4ED9;--m-accent-text: #3B4ED9;--m-ok: #1D9E75;--m-warn: #EF9F27;--m-danger: #D4537E;--m-champagne: #8A6F3D;--m-line: rgba(45, 55, 72, .12);--m-line-soft: rgba(45, 55, 72, .06);--m-warn-bg: #FBEFD9;--m-warn-fg: #7A4E12;--m-shadow: 0 6px 14px rgba(45, 55, 72, .13), inset 0 -3px 6px rgba(45, 55, 72, .07), inset 0 2px 3px rgba(255, 255, 255, .9);--m-shadow-sm: 0 3px 8px rgba(45, 55, 72, .12);--m-font-macro: "Nunito", var(--os-font-display, sans-serif);--m-font-rounded: "Nunito", var(--os-font-body, "Inter", sans-serif);--m-font-mono: var(--m-font-rounded);background:var(--m-bg);color:var(--m-fg);min-height:100%;padding:1rem;margin:-1rem;font-family:var(--m-font-rounded)}@media(min-width:640px){[data-modulo=habitos]{padding:1.5rem;margin:-1.5rem}}[data-theme=dark] [data-modulo=habitos]{--m-bg: #0E1738;--m-surface: #1A2B6B;--m-surface-2: #131F4A;--m-fg: #E8EAF0;--m-muted: #9AA0BE;--m-accent: #3B4ED9;--m-accent-text: #6B7AE8;--m-ok: #35C79A;--m-warn: #EF9F27;--m-danger: #E8709A;--m-champagne: #B5985A;--m-line: rgba(232, 234, 240, .12);--m-line-soft: rgba(232, 234, 240, .07);--m-warn-bg: rgba(239, 159, 39, .16);--m-warn-fg: #F0C070;--m-shadow: 0 8px 18px rgba(0, 0, 0, .45), inset 0 -3px 6px rgba(0, 0, 0, .3), inset 0 2px 3px rgba(255, 255, 255, .05);--m-shadow-sm: 0 4px 10px rgba(0, 0, 0, .4)}[data-modulo=habitos] .m-eyebrow{font-family:var(--m-font-rounded);font-size:11px;font-weight:600;letter-spacing:.01em;color:var(--m-muted);margin:0 0 4px}[data-modulo=habitos] .m-h1{font-family:var(--m-font-macro);font-weight:800;letter-spacing:normal;line-height:1.02;color:var(--m-fg);margin:0;font-size:clamp(1.75rem,6vw,2.75rem)}[data-modulo=habitos] .m-hud{border:none;border-radius:20px;background:var(--m-surface);box-shadow:var(--m-shadow);padding:1rem 1.1rem}[data-modulo=habitos] .m-hud-label{font-family:var(--m-font-rounded);font-size:11px;letter-spacing:.01em;color:var(--m-muted);margin:0 0 2px}[data-modulo=habitos] .m-hud-num{font-family:var(--m-font-macro);font-weight:800;letter-spacing:normal;line-height:.95;color:var(--m-fg);font-size:clamp(3rem,22vw,7rem);margin:0;word-break:break-all}[data-modulo=habitos] .m-hud-num.is-riesgo{color:var(--m-warn)}[data-modulo=habitos] .m-telemetria{font-family:var(--m-font-rounded);font-size:clamp(11px,3vw,13px);letter-spacing:normal;color:var(--m-muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}[data-modulo=habitos] .m-telemetria strong{color:var(--m-fg);font-weight:700}[data-modulo=habitos] .m-bar{height:8px;width:100%;background:var(--m-line-soft);border-radius:999px;overflow:hidden;margin-top:8px}[data-modulo=habitos] .m-bar-fill{height:100%;background:var(--m-accent);border-radius:999px;transition:width .3s}[data-modulo=habitos] .m-banda-alerta{position:relative;border:none;border-radius:16px;background:var(--m-warn-bg);color:var(--m-warn-fg);box-shadow:var(--m-shadow-sm);padding:.7rem .9rem;display:flex;align-items:center;gap:8px}[data-modulo=habitos] .m-banda-alerta p{font-family:var(--m-font-rounded);font-size:13px;font-weight:600;letter-spacing:normal;color:var(--m-warn-fg);margin:0;line-height:1.4}[data-modulo=habitos] .m-section-title{font-family:var(--m-font-rounded);font-size:12px;font-weight:700;letter-spacing:normal;color:var(--m-muted);margin:0 0 10px}[data-modulo=habitos] .m-mission{border:none;border-radius:20px;background:var(--m-surface);box-shadow:var(--m-shadow);padding:.75rem 1rem;display:flex;align-items:center;gap:12px}[data-modulo=habitos] .m-checkbox{width:20px;height:20px;min-width:44px;min-height:44px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}[data-modulo=habitos] .m-checkbox-box{width:22px;height:22px;border-radius:8px;border:1px solid var(--m-line);background:var(--m-surface);box-shadow:var(--m-shadow-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--m-font-rounded);font-weight:700;font-size:13px;transition:background .15s,border-color .15s}[data-modulo=habitos] .m-checkbox-box.is-checked{background:var(--m-champagne);border-color:var(--m-champagne)}[data-modulo=habitos] .m-estado{font-family:var(--m-font-rounded);font-size:12px;letter-spacing:normal;color:var(--m-muted);white-space:nowrap}[data-modulo=habitos] .m-estado.is-ok{color:var(--m-champagne)}[data-modulo=habitos] .m-glyph-btn{width:44px;height:44px;border:none;border-radius:14px;background:var(--m-surface);box-shadow:var(--m-shadow-sm);color:var(--m-fg);font-family:var(--m-font-rounded);font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s,transform .1s}[data-modulo=habitos] .m-glyph-btn:active{transform:translateY(1px)}[data-modulo=habitos] .m-glyph-btn.is-mas:hover,[data-modulo=habitos] .m-glyph-btn.is-menos:hover{color:var(--m-accent-text)}[data-modulo=habitos] .m-glyph-count{font-family:var(--m-font-rounded);font-size:11px;color:var(--m-muted);text-align:center}[data-modulo=habitos] .m-terminal-line{font-family:var(--m-font-rounded);font-size:13px;font-weight:600;letter-spacing:normal;color:var(--m-champagne);margin:6px 0 0;border-radius:8px;transition:background .3s,color .3s}@keyframes m-flash{0%{background:color-mix(in srgb,var(--m-accent) 16%,transparent);color:var(--m-fg)}to{background:transparent;color:var(--m-champagne)}}[data-modulo=habitos] .m-terminal-line.is-flash{animation:m-flash .6s ease-out 1}[data-modulo=habitos] .m-btn{background:var(--m-accent);color:#fff;border:none;border-radius:14px;box-shadow:var(--m-shadow-sm);padding:.75rem 1.1rem;min-height:44px;font-family:var(--m-font-rounded);font-size:13px;font-weight:700;letter-spacing:normal;cursor:pointer;transition:transform .1s}[data-modulo=habitos] .m-btn:active{transform:translateY(1px)}[data-modulo=habitos] .m-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}[data-modulo=habitos] .m-btn-ghost{background:transparent;color:var(--m-accent-text);border:1px solid var(--m-line);border-radius:14px;padding:.6rem .9rem;min-height:44px;font-family:var(--m-font-rounded);font-size:12px;letter-spacing:normal;cursor:pointer;transition:transform .1s}[data-modulo=habitos] .m-btn-ghost:active{transform:translateY(1px)}[data-modulo=habitos] .m-btn-ghost.is-danger{color:var(--m-danger);border-color:color-mix(in srgb,var(--m-danger) 35%,transparent)}[data-modulo=habitos] .m-label{font-family:var(--m-font-rounded);font-size:11px;font-weight:700;letter-spacing:normal;color:var(--m-muted);margin-bottom:6px;display:block}[data-modulo=habitos] .m-input{background:var(--m-surface);border:1px solid var(--m-line);border-radius:14px;box-shadow:inset 0 2px 4px color-mix(in srgb,var(--m-accent) 8%,transparent);padding:.65rem .7rem;min-height:44px;font-size:14px;color:var(--m-fg);font-family:var(--m-font-rounded);outline:none;width:100%}[data-modulo=habitos] .m-input:focus{border-color:var(--m-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-accent) 30%,transparent)}[data-modulo=habitos] .m-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem .9rem;border-radius:999px;font-family:var(--m-font-rounded);font-size:12.5px;font-weight:700;letter-spacing:normal;cursor:pointer;border:none;background:var(--m-surface-2);color:var(--m-muted);box-shadow:var(--m-shadow-sm);transition:background .12s,color .12s}[data-modulo=habitos] .m-pill.is-activo{background:var(--m-accent);color:#fff}[data-modulo=habitos] .m-montana-title{font-family:var(--m-font-rounded);font-size:13px;font-weight:700;letter-spacing:normal;color:var(--m-muted);margin:0 0 10px}[data-modulo=habitos] .m-journey-card{border:none;border-radius:20px;background:var(--m-surface);box-shadow:var(--m-shadow);padding:1rem}[data-modulo=habitos] .m-journey-estado{font-family:var(--m-font-rounded);font-size:11px;font-weight:600;letter-spacing:normal;padding:3px 10px;border:none;border-radius:999px;background:color-mix(in srgb,var(--m-muted) 16%,transparent);color:var(--m-muted)}[data-modulo=habitos] .m-journey-estado.en-curso{background:#ef9f2729;color:#96650f}[data-modulo=habitos] .m-journey-estado.bloqueado{background:color-mix(in srgb,var(--m-muted) 16%,transparent);color:var(--m-muted)}[data-modulo=habitos] .m-journey-estado.completo{background:color-mix(in srgb,var(--m-champagne) 16%,transparent);color:var(--m-champagne)}[data-modulo=habitos] .m-journey-estado.disponible{background:color-mix(in srgb,var(--m-accent-text) 16%,transparent);color:var(--m-accent-text)}[data-modulo=habitos] details.m-carta summary{font-family:var(--m-font-rounded);font-size:13px;font-weight:700;letter-spacing:normal;color:var(--m-fg);cursor:pointer}[data-modulo=habitos] details.m-carta{border:none;border-radius:20px;background:var(--m-surface);box-shadow:var(--m-shadow);padding:.75rem 1rem}[data-modulo=habitos] .m-hp-bar{display:flex;gap:4px;height:14px}[data-modulo=habitos] .m-hp-seg{flex:1;border-radius:5px;background:var(--m-line-soft);border:1px solid var(--m-line)}[data-modulo=habitos] .m-hp-seg.is-lleno{background:var(--m-accent);border-color:var(--m-accent)}[data-modulo=habitos] .m-hp-seg.is-critico{background:var(--m-danger);border-color:var(--m-danger)}[data-modulo=habitos] .m-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;border-radius:20px;background:var(--m-surface);box-shadow:var(--m-shadow);padding:.75rem 1rem}[data-modulo=habitos] .m-switch{position:relative;width:52px;height:28px;min-width:52px;border:none;background:color-mix(in srgb,var(--m-muted) 30%,transparent);border-radius:999px;cursor:pointer;flex-shrink:0;padding:0;transition:background .15s}[data-modulo=habitos] .m-switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:var(--m-shadow-sm);transition:transform .15s}[data-modulo=habitos] .m-switch.is-on{background:var(--m-accent)}[data-modulo=habitos] .m-switch.is-on .m-switch-knob{background:#fff;transform:translate(24px)}[data-modulo=habitos] .m-switch:disabled{opacity:.5;cursor:not-allowed}[data-modulo=habitos] .m-tienda-row{border:none;border-radius:20px;background:var(--m-surface);box-shadow:var(--m-shadow);padding:.75rem 1rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap}[data-modulo=habitos] .m-precio{font-family:var(--m-font-rounded);font-size:13px;font-weight:700;letter-spacing:normal;color:var(--m-fg);white-space:nowrap}