.maelune-demo{background:var(--sand);min-height:100vh;color:var(--ink);font-family:var(--sans);padding-bottom:120px}.maelune-demo .demo-banner{background:var(--dark);color:var(--paper);text-align:center;padding:8px 16px;font-size:13px}.maelune-demo .demo-top{border-bottom:1px solid var(--line);background:var(--paper)}.maelune-demo .demo-top-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:16px;padding-bottom:16px;display:flex}.maelune-demo .brand{color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.maelune-demo .demo-steps{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.maelune-demo .demo-steps button{border:1px solid var(--line);font:inherit;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:flex}.maelune-demo .demo-steps button span{border:1px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:inline-grid}.maelune-demo .demo-steps button.active{background:var(--terracotta);border-color:var(--terracotta);color:var(--paper)}.maelune-demo .demo-steps button.done{color:var(--terracotta);border-color:var(--terracotta)}.maelune-demo .demo-steps button:disabled{opacity:.5;cursor:not-allowed}.maelune-demo .demo-main{max-width:920px;padding-top:48px}.maelune-demo .demo-card{padding:40px}.maelune-demo .demo-title{margin:12px 0 24px;font-size:clamp(34px,5vw,52px)}.maelune-demo .demo-h2{font-family:var(--serif);margin:0 0 6px;font-size:26px}.maelune-demo .demo-fields{gap:22px;display:grid}.maelune-demo .demo-range{gap:10px;display:grid}.maelune-demo .demo-range span{justify-content:space-between;display:flex}.maelune-demo .demo-range input{accent-color:var(--terracotta);width:100%}.maelune-demo .demo-chips{flex-wrap:wrap;gap:10px;display:flex}.maelune-demo .demo-chips button{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:10px 16px;transition:all .2s}.maelune-demo .demo-chips button.on{background:var(--terracotta);color:var(--paper);border-color:var(--terracotta)}.maelune-demo .demo-drop{border:1.5px dashed var(--terracotta);text-align:center;background:var(--paper);border-radius:20px;justify-items:center;gap:14px;padding:28px;display:grid}.maelune-demo .demo-drop.loaded{text-align:left;border-style:solid;justify-items:start}.maelune-demo .demo-drop ul{color:var(--muted);margin:0;padding-left:18px}.maelune-demo .demo-link{color:var(--terracotta);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.maelune-demo .demo-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.maelune-demo .btn:disabled{opacity:.6;cursor:wait}.maelune-demo .demo-grid{gap:24px;display:grid}.maelune-demo .demo-kpis{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.maelune-demo .demo-kpis>div{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px}.maelune-demo .demo-kpis small{color:var(--terracotta);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.maelune-demo .demo-kpis strong{font-family:var(--serif);margin-top:8px;font-size:32px;font-weight:400;display:block}.maelune-demo .demo-kpis strong.muted{color:var(--muted)}.maelune-demo .demo-pilares{gap:10px;margin:20px 0;padding:0;list-style:none;display:grid}.maelune-demo .demo-pilares li{background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.maelune-demo .demo-pilares li>span:first-child{flex:1;min-width:160px}.maelune-demo .tag{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px}.maelune-demo .tag-evaluado{color:var(--ink)}.maelune-demo .tag-no-evaluado{color:var(--muted);border-style:dashed}.maelune-demo .tag-prio{background:var(--terracotta);border-color:var(--terracotta);color:var(--paper)}.maelune-demo .demo-timeline{border-left:1px solid var(--terracotta);gap:0;margin:20px 0 0;padding:0;list-style:none;display:grid}.maelune-demo .demo-timeline li{padding:0 0 20px 22px;position:relative}.maelune-demo .demo-timeline li:before{content:"";background:var(--terracotta);border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:-6px}.maelune-demo .demo-timeline small{color:var(--terracotta);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.maelune-demo .demo-timeline strong{font-family:var(--serif);font-size:20px;font-weight:400;display:block}.maelune-demo .demo-timeline p{color:var(--muted);margin:2px 0 0;font-size:15px}.maelune-demo .demo-progress-head{justify-content:space-between;margin-bottom:8px;display:flex}.maelune-demo .demo-bar{background:var(--line);border-radius:999px;height:12px;overflow:hidden}.maelune-demo .demo-bar i{background:var(--terracotta);height:100%;transition:width .4s;display:block}.maelune-demo .demo-cheer{color:var(--terracotta);font-family:var(--serif);margin:10px 0 0;font-size:20px}.maelune-demo .demo-habitos{gap:10px;margin:24px 0 12px;padding:0;list-style:none;display:grid}.maelune-demo .demo-habitos label{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex}.maelune-demo .demo-habitos label.done span{color:var(--muted);text-decoration:line-through}.maelune-demo .demo-habitos input{accent-color:var(--terracotta);width:20px;height:20px}.maelune-demo .demo-habitos small{color:var(--terracotta);min-width:48px}.maelune-demo .demo-fab{background:var(--dark);color:var(--paper);font:inherit;cursor:pointer;box-shadow:0 10px 30px -10px var(--dark);z-index:40;border:0;border-radius:999px;padding:14px 22px;position:fixed;bottom:20px;right:20px}.maelune-demo .demo-chat{background:var(--paper);border:1px solid var(--line);width:min(380px,100vw - 40px);height:min(560px,100vh - 40px);box-shadow:0 20px 50px -20px var(--dark);z-index:50;border-radius:22px;flex-direction:column;display:flex;position:fixed;bottom:20px;right:20px;overflow:hidden}.maelune-demo .demo-chat-head{background:var(--dark);color:var(--paper);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.maelune-demo .demo-chat-head small{opacity:.8;font-size:12px;display:block}.maelune-demo .demo-chat-head button{color:var(--paper);cursor:pointer;background:0 0;border:0;font-size:26px;line-height:1}.maelune-demo .demo-chat-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.maelune-demo .bubble{border-radius:16px;max-width:85%;margin:0;padding:10px 14px;font-size:14px;line-height:1.5}.maelune-demo .bubble.ia{background:var(--sand);align-self:flex-start}.maelune-demo .bubble.yo{background:var(--terracotta);color:var(--paper);align-self:flex-end}.maelune-demo .demo-prompts{flex-direction:column;gap:6px;padding:0 16px 10px;display:flex}.maelune-demo .demo-prompts button{text-align:left;border:1px solid var(--line);font:inherit;color:var(--ink);cursor:pointer;background:0 0;border-radius:12px;padding:8px 12px;font-size:13px}.maelune-demo .demo-prompts button:disabled{opacity:.5}.maelune-demo .demo-chat-form{border-top:1px solid var(--line);gap:8px;padding:12px 16px;display:flex}.maelune-demo .demo-chat-form input{border:1px solid var(--line);font:inherit;background:var(--paper);color:var(--ink);border-radius:999px;flex:1;padding:10px 14px}.maelune-demo .demo-chat-form button{background:var(--terracotta);color:var(--paper);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 16px}@media (width<=700px){.maelune-demo .demo-card{padding:24px}.maelune-demo .demo-kpis{grid-template-columns:1fr}}
