/* ZERO ART · Demo de la gestión: carga, bienvenida, visita guiada y píldora «Demo». */
:root{--dm-ink:#211d1f;--dm-paper:#f3f1ea;--dm-card:#fffdf8;--dm-wine:#462235;--dm-violet:#6552df;--dm-citron:#e5ed9f;--dm-muted:#6d6669;--dm-ease:cubic-bezier(.16,1,.3,1)}
.dm-intro,.dm-intro *,.dm-tour,.dm-tour *,.dm-pill,.dm-pill *,.dm-splash,.dm-splash *,.dm-toast{box-sizing:border-box}

/* carga */
.dm-splash{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;align-content:center;gap:18px;background:var(--dm-paper);transition:opacity .5s,visibility .5s}
.dm-splash.is-out{opacity:0;visibility:hidden}
.dm-splash svg{width:84px;height:84px}
.dm-splash svg rect{fill:var(--dm-wine);transform-origin:center;animation:dm-pop .7s var(--dm-ease) both}
.dm-splash svg path{fill:none;stroke:var(--dm-citron);stroke-width:7;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:110;stroke-dashoffset:110;animation:dm-draw .9s .25s var(--dm-ease) forwards}
.dm-splash p{margin:0;font:500 11.5px 'DM Mono',ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--dm-muted);animation:dm-fade .6s .5s both}
.dm-splash b{display:block;font:700 22px 'DM Sans',system-ui,sans-serif;letter-spacing:-.03em;color:var(--dm-ink);text-align:center;animation:dm-fade .6s .4s both}
@keyframes dm-pop{from{transform:scale(.6) rotate(-8deg);opacity:0}}
@keyframes dm-draw{to{stroke-dashoffset:0}}
@keyframes dm-fade{from{opacity:0;transform:translateY(6px)}}

/* avisos */
.dm-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:2147483000;display:flex;gap:10px;align-items:flex-start;max-width:min(460px,calc(100vw - 24px));padding:12px 16px 12px 12px;border-radius:16px;background:var(--dm-ink);color:#fff;font:400 14px/1.45 'DM Sans',sans-serif;box-shadow:0 24px 50px -20px #000a;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:all .35s var(--dm-ease)}
.dm-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.dm-toast em{display:block;margin-top:6px;padding:8px 10px;border-radius:10px;background:#ffffff14;font-style:normal;font-size:13px;white-space:pre-wrap}
.dm-toast-i{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:var(--dm-citron);color:var(--dm-ink);font:700 12px 'DM Mono',monospace}
@media(min-width:901px){.dm-toast{bottom:28px}}


.dm-i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dm-i.is-big{width:64px;height:64px;stroke-width:1.3}
.dm-intro *,.dm-menu *,.dm-tour *,.dm-finale *,.dm-beacon{box-sizing:border-box}
.dm-k{display:block;font:500 11px 'DM Mono',ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--dm-violet)}

/* ---------- píldora + menú de retos ---------- */
.dm-pill{position:fixed;top:max(12px,env(safe-area-inset-top));right:14px;z-index:100030;font-family:'DM Sans',system-ui,sans-serif;transition:opacity .25s,transform .3s var(--dm-ease)}
.dm-pill-b{display:flex;align-items:center;gap:7px;height:36px;padding:0 10px 0 11px;border-radius:99px;border:0;background:var(--dm-ink);color:#fff;font:600 13px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 12px 28px -12px #000a;transition:transform .25s var(--dm-ease)}
.dm-pill-b:hover{transform:translateY(-1px)}.dm-pill-b:focus-visible{outline:2px solid var(--dm-citron);outline-offset:2px}
.dm-pill-b>i{width:8px;height:8px;border-radius:50%;background:var(--dm-citron);animation:dm-pulse 2.4s infinite}
.dm-pill-b small{font:600 11px 'DM Mono',monospace;color:var(--dm-citron)}
.dm-chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .3s}
.dm-pill.is-open .dm-chev{transform:rotate(180deg)}
.dm-ring-p{width:20px;height:20px;transform:rotate(-90deg)}.dm-ring-p circle{fill:none;stroke:#ffffff33;stroke-width:3}.dm-ring-p .v{stroke:var(--dm-citron);stroke-linecap:round;transition:stroke-dashoffset .6s var(--dm-ease)}
@keyframes dm-pulse{0%{box-shadow:0 0 0 0 #e5ed9f99}70%{box-shadow:0 0 0 7px #e5ed9f00}100%{box-shadow:0 0 0 0 #e5ed9f00}}
.dm-menu{position:absolute;right:0;top:calc(100% + 10px);width:min(380px,calc(100vw - 24px));max-height:min(78vh,720px);overflow:auto;overscroll-behavior:contain;padding:16px;border-radius:22px;background:var(--dm-card);color:var(--dm-ink);box-shadow:0 40px 90px -30px #000b,0 0 0 1px #211d1f14;animation:dm-drop .3s var(--dm-ease);font:400 14px/1.45 'DM Sans',sans-serif}
.dm-menu[hidden]{display:none}
@keyframes dm-drop{from{opacity:0;transform:translateY(-8px) scale(.98)}}
.dm-menu-h b{display:block;margin:4px 0 10px;font:700 20px/1.15 'DM Sans',sans-serif;letter-spacing:-.02em}
.dm-mbar{height:6px;border-radius:9px;background:#211d1f12;overflow:hidden}.dm-mbar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--dm-violet),#b9a9ff);transition:width .6s var(--dm-ease)}
.dm-ms{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.dm-ms li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 9px 9px 9px;border-radius:15px;background:#fff;border:1px solid #211d1f12;transition:background .3s}
.dm-ms-i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#ece9ff;color:var(--dm-violet)}
.dm-ms-t{display:grid;min-width:0}.dm-ms-t b{font-size:14px}.dm-ms-t small{font-size:12px;color:var(--dm-muted);line-height:1.35}
.dm-ms li button{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border-radius:99px;border:0;background:var(--dm-ink);color:#fff;font:600 12px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}
.dm-ms li button .dm-i{width:14px;height:14px}
.dm-ms li.is-done{background:#e9f5ee;border-color:transparent}.dm-ms li.is-done .dm-ms-i{background:#2f8a57;color:#fff}.dm-ms li.is-done b{text-decoration:line-through;text-decoration-color:#2f8a5766}
.dm-ms li.is-just .dm-ms-i{animation:dm-pop .5s var(--dm-ease)}
.dm-menu-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.dm-menu-acts button{display:grid;justify-items:center;gap:5px;padding:11px 6px;border-radius:14px;border:1px solid #211d1f14;background:transparent;font:600 12px 'DM Sans',sans-serif;color:var(--dm-ink);cursor:pointer;text-align:center}
.dm-menu-acts button:hover,.dm-menu-acts button:focus-visible{background:#211d1f08;outline:none}
.dm-menu-cta{display:flex;align-items:center;gap:12px;margin-top:10px;padding:13px 14px;border-radius:16px;background:var(--dm-wine);color:#fff;text-decoration:none}
.dm-menu-cta span{flex:1;display:grid}.dm-menu-cta b{font-size:14.5px}.dm-menu-cta small{font-size:12px;opacity:.75}
.dm-menu-note{margin:12px 2px 0;font-size:12px;color:var(--dm-muted)}.dm-menu-note a{color:inherit}

/* ---------- señal «está aquí» ---------- */
.dm-beacon{position:fixed;z-index:100025;pointer-events:none;border-radius:16px;box-shadow:0 0 0 3px var(--dm-violet),0 0 0 9999px #211d1f26;animation:dm-beacon 1.6s ease-in-out infinite;transition:opacity .3s}
.dm-beacon.is-out{opacity:0}
.dm-beacon span{position:absolute;left:0;top:calc(100% + 10px);max-width:min(300px,86vw);padding:9px 12px;border-radius:12px;background:var(--dm-ink);color:#fff;font:500 13px/1.4 'DM Sans',sans-serif;box-shadow:0 16px 30px -16px #000a}
.dm-beacon.is-up span{top:auto;bottom:calc(100% + 10px)}
.dm-beacon i{position:absolute;inset:-3px;border-radius:18px;border:3px solid var(--dm-violet);animation:dm-wave 1.6s ease-out infinite}
@keyframes dm-beacon{50%{box-shadow:0 0 0 3px var(--dm-violet),0 0 0 9999px #211d1f14}}
@keyframes dm-wave{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}

/* ---------- confeti ---------- */
.dm-confetti{position:fixed;left:50%;top:42%;z-index:2147483646;pointer-events:none}
.dm-confetti i{position:absolute;width:8px;height:12px;border-radius:2px;background:var(--c);animation:dm-conf 1.3s var(--d) cubic-bezier(.2,.7,.3,1) forwards;opacity:0}
@keyframes dm-conf{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 260px)) rotate(var(--r))}}

/* ---------- presentación ---------- */
.dm-intro{position:fixed;inset:0;z-index:2147483400;display:grid;place-items:center;padding:20px;background:#211d1f99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .35s;font-family:'DM Sans',system-ui,sans-serif}
.dm-intro.is-in{opacity:1}.dm-intro.is-out{opacity:0}
.dm-intro-card{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(880px,100%);height:min(560px,calc(100dvh - 40px));padding:18px 22px 18px;border-radius:30px;background:var(--dm-card);color:var(--dm-ink);box-shadow:0 60px 120px -40px #000;overflow:hidden;transform:translateY(16px) scale(.98);transition:transform .5s var(--dm-ease)}
.dm-intro.is-in .dm-intro-card{transform:none}
.dm-stories{display:flex;gap:5px;padding:0 92px 0 2px}
.dm-stories span{flex:1;height:4px;border-radius:9px;background:#211d1f14;overflow:hidden}.dm-stories i{display:block;height:100%;width:0;background:var(--dm-ink);border-radius:9px}
.dm-skip{position:absolute;top:10px;right:14px;z-index:3;height:32px;padding:0 14px;border-radius:99px;border:0;background:#211d1f0d;font:600 13px 'DM Sans',sans-serif;color:var(--dm-ink);cursor:pointer}
.dm-skip:hover{background:#211d1f17}
.dm-slides{position:relative;display:grid;min-height:0;margin-top:14px}
.dm-slide{grid-area:1/1;display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center;min-height:0;opacity:0;transform:translateX(40px);pointer-events:none;transition:opacity .45s,transform .6s var(--dm-ease)}
.dm-slide.is-past{transform:translateX(-40px)}.dm-slide.is-on{opacity:1;transform:none;pointer-events:auto}
.dm-art{position:relative;height:100%;min-height:0;display:grid;place-items:center;border-radius:24px;background:radial-gradient(120% 90% at 10% 0%,#ece9ff,#f3f1ea 55%,#eef2d4);overflow:hidden}
.dm-copy h2{margin:10px 0 12px;font:700 clamp(30px,4.2vw,44px)/1.02 'DM Sans',sans-serif;letter-spacing:-.04em}
.dm-copy h2 em{font:italic 400 1.1em 'Instrument Serif',Georgia,serif;color:var(--dm-wine);letter-spacing:-.01em}
.dm-copy p{margin:0;font-size:16px;line-height:1.55;color:var(--dm-muted);max-width:34ch}
.dm-intro-card>footer{display:flex;align-items:center;gap:10px;padding-top:14px}
.dm-count{flex:1;font:500 12px 'DM Mono',monospace;color:var(--dm-muted)}
.dm-intro.is-last .dm-intro-card>footer .dm-next{visibility:hidden}
.dm-next{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:15px;border:0;background:var(--dm-wine);color:#fff;font:600 15px 'DM Sans',sans-serif;cursor:pointer;text-decoration:none;box-shadow:0 14px 30px -16px #462235;transition:transform .25s var(--dm-ease),filter .2s}
.dm-next:hover{transform:translateY(-1px);filter:brightness(1.08)}.dm-next:focus-visible,.dm-back:focus-visible,.dm-ghost:focus-visible,.dm-path:focus-visible{outline:2px solid var(--dm-violet);outline-offset:3px}
.dm-back{width:48px;height:48px;border-radius:15px;border:1.5px solid #211d1f1f;background:transparent;display:grid;place-items:center;color:var(--dm-ink);cursor:pointer}
.dm-back .dm-i{transform:rotate(180deg)}.dm-back:disabled{opacity:.3;cursor:default}
.dm-ghost{height:44px;padding:0 16px;border-radius:14px;border:1.5px solid #211d1f1f;background:transparent;font:600 14px 'DM Sans',sans-serif;color:var(--dm-ink);cursor:pointer}
.dm-paths{display:grid;gap:8px;margin-top:20px}
.dm-path{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 14px;border-radius:18px;border:1.5px solid #211d1f17;background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer;animation:dm-fade .5s var(--d) var(--dm-ease) both;transition:transform .25s var(--dm-ease),border-color .2s,box-shadow .25s}
.dm-path span{grid-row:1/3;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#ece9ff;color:var(--dm-violet)}
.dm-path b{font-size:15.5px}.dm-path small{font-size:13px;color:var(--dm-muted)}
.dm-path:hover{transform:translateY(-2px);border-color:#211d1f3d;box-shadow:0 18px 36px -24px #0008}
.dm-path.is-main{background:var(--dm-ink);color:#fff;border-color:var(--dm-ink)}.dm-path.is-main span{background:var(--dm-citron);color:var(--dm-ink)}.dm-path.is-main small{color:#ffffffb3}
/* ilustraciones vivas */
.dm-a{position:relative;width:min(340px,86%);display:grid;gap:10px}
.dm-slide:not(.is-on) .dm-a *{animation-play-state:paused}
.dm-a-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#fff;box-shadow:0 18px 30px -24px #0007,0 0 0 1px #211d1f0f;animation:dm-in .6s var(--d,0s) var(--dm-ease) both}
.dm-a-row>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font:700 15px 'DM Sans',sans-serif;font-style:normal;background:hsl(var(--h) 50% 88%);color:hsl(var(--h) 40% 30%)}
.dm-a-row span{display:grid;min-width:0}.dm-a-row b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-a-row small{font-size:12px;color:var(--dm-muted)}
.dm-a-row em{font:600 11.5px 'DM Sans',sans-serif;font-style:normal;padding:4px 9px;border-radius:99px;background:#211d1f0d}
.dm-a-row em.is-ok{background:#ddf2e4;color:#2f8a57;animation:dm-pop .5s 1.2s var(--dm-ease) both}.dm-a-row em.is-v{background:#ece9ff;color:var(--dm-violet)}
.dm-a-row em.is-new{width:10px;height:10px;padding:0;background:var(--dm-violet);animation:dm-pulse 1.8s infinite}
.dm-a-row u{text-decoration:none;font:600 10.5px 'DM Sans',sans-serif;padding:2px 7px;margin-left:6px;border-radius:99px;background:#e5ed9f;color:#3c4310}
@keyframes dm-in{from{opacity:0;transform:translateY(14px) scale(.98)}}
.dm-a-kpi{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:20px;background:var(--dm-ink);color:#fff;animation:dm-in .6s var(--dm-ease) both}
.dm-a-kpi span{display:grid}.dm-a-kpi small{font-size:12px;opacity:.7}.dm-a-kpi b{font:700 30px 'DM Sans',sans-serif;letter-spacing:-.03em}
.dm-a-kpi svg{width:52px;height:52px;transform:rotate(-90deg)}.dm-a-kpi circle{fill:none;stroke:#ffffff26;stroke-width:5}.dm-a-kpi .v{stroke:var(--dm-citron);stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:113;animation:dm-ringv 1.6s .4s var(--dm-ease) forwards}
@keyframes dm-ringv{to{stroke-dashoffset:30}}
.dm-a-months{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.dm-a-months span{display:grid;place-items:center;height:28px;border-radius:8px;background:#fff;font:700 11px 'DM Mono',monospace;box-shadow:0 0 0 1px #211d1f12}
.dm-a-months .is-off{background:#fbe6e1;color:#c8452c;text-decoration:line-through;animation:dm-pop .5s 1.1s var(--dm-ease) both}
.dm-a-bars{display:flex;align-items:flex-end;gap:8px;height:170px;padding:12px;border-radius:18px;background:#fff;box-shadow:0 18px 30px -24px #0007,0 0 0 1px #211d1f0f}
.dm-a-bars span{position:relative;flex:1;height:var(--h);border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,#b9a9ff,#6552df);transform-origin:bottom;animation:dm-grow .8s var(--d) var(--dm-ease) both;display:grid;justify-items:center;align-content:start;padding-top:6px;color:#fff}
.dm-a-bars span.is-lock{background:linear-gradient(180deg,#5a2c45,#462235)}
.dm-a-bars b{position:absolute;bottom:calc(100% + 4px);font:700 11px 'DM Sans',sans-serif;color:var(--dm-ink);white-space:nowrap}
.dm-a-bars .dm-i{width:14px;height:14px;animation:dm-pop .5s 1.2s var(--dm-ease) both}
@keyframes dm-grow{from{transform:scaleY(0)}}
.dm-a-cap{display:flex;align-items:center;gap:6px;margin:0;font:600 12.5px 'DM Sans',sans-serif;color:#2f8a57;animation:dm-fade .5s 1.4s both}
.dm-a-fly{position:relative;height:70px}
.dm-a-file{position:absolute;left:8%;top:14px;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:#fff;font:600 12.5px 'DM Sans',sans-serif;box-shadow:0 14px 26px -18px #0008;animation:dm-fly 3.4s 1s var(--dm-ease) infinite}
.dm-a-cloud{position:absolute;right:10%;top:6px;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--dm-violet);color:#fff;box-shadow:0 18px 30px -16px #6552dfaa}
.dm-a-cloud .dm-i{width:28px;height:28px}
@keyframes dm-fly{0%{transform:none;opacity:1}55%{transform:translateX(150px) scale(.6);opacity:0}56%,100%{transform:none;opacity:0}75%,100%{opacity:1}}
.dm-a-zeta{justify-items:start}
.dm-a-zeta .zt-orb{width:62px;height:62px;margin-bottom:4px}
.dm-a-zeta em{max-width:86%;padding:10px 14px;border-radius:16px 16px 16px 6px;background:#fff;font:500 13.5px/1.4 'DM Sans',sans-serif;font-style:normal;box-shadow:0 14px 26px -20px #0008;animation:dm-in .5s var(--d) var(--dm-ease) both}
.dm-a-zeta em.me{justify-self:end;border-radius:16px 16px 6px 16px;background:var(--dm-ink);color:#fff}
.dm-a-doc{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:#ece9ff;color:var(--dm-violet);animation:dm-in .5s var(--d) var(--dm-ease) both}
.dm-a-doc .dm-i{grid-row:1/3;width:26px;height:26px}.dm-a-doc b{color:var(--dm-ink);font-size:14px}.dm-a-doc small{font-size:12px}
.dm-a-go{place-items:center;color:var(--dm-violet)}.dm-a-go .dm-i{animation:dm-spin 14s linear infinite}
@keyframes dm-spin{to{transform:rotate(360deg)}}

/* ---------- visita guiada ---------- */
.dm-tour{position:fixed;inset:0;z-index:2147483300;font-family:'DM Sans',system-ui,sans-serif;opacity:0;transition:opacity .3s}
.dm-tour.is-in{opacity:1}.dm-tour.is-out{opacity:0}
.dm-veil{position:absolute;inset:0;width:100%;height:100%;fill:#211d1fa6}
.dm-cut,.dm-ring{transition:all .55s var(--dm-ease)}
.dm-ring{position:absolute;border-radius:20px;box-shadow:0 0 0 3px var(--dm-citron),0 0 0 9px #e5ed9f33;pointer-events:none}
.dm-tour.is-moving .dm-ring{opacity:.4!important}
.dm-tip{position:absolute;width:400px;padding:16px 18px 16px;border-radius:24px;background:var(--dm-card);color:var(--dm-ink);box-shadow:0 40px 90px -30px #000c;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .3s,transform .45s var(--dm-ease),left .5s var(--dm-ease),top .5s var(--dm-ease)}
.dm-tip.is-show{opacity:1;transform:none}
.dm-tip.is-center{left:50%!important;top:50%!important;transform:translate(-50%,-46%);width:min(440px,calc(100vw - 32px))}
.dm-tip.is-center.is-show{transform:translate(-50%,-50%)}
.dm-chaps{display:flex;gap:4px;margin-bottom:14px}
.dm-chaps span{flex:1;height:4px;border-radius:9px;background:#211d1f12;overflow:hidden}.dm-chaps i{display:block;height:100%;width:0;background:var(--dm-violet);border-radius:9px;transition:width .5s var(--dm-ease)}
.dm-chaps span.is-done i{background:var(--dm-ink)}
.dm-tip-top{display:flex;align-items:center;gap:11px}
.dm-tip-ic{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;background:#ece9ff;color:var(--dm-violet)}
.dm-tip-ic .dm-i{width:21px;height:21px}
.dm-tip-k{flex:1;display:grid;min-width:0}.dm-tip-k b{font:500 11px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--dm-violet)}.dm-tip-k small{font:500 12px 'DM Mono',monospace;color:var(--dm-muted)}
.dm-x{width:34px;height:34px;border-radius:11px;border:0;background:#211d1f0b;display:grid;place-items:center;color:var(--dm-muted);cursor:pointer}.dm-x:hover{color:var(--dm-ink)}
.dm-x .dm-i{width:16px;height:16px}
.dm-tip h3{margin:12px 0 6px;font:700 21px/1.15 'DM Sans',sans-serif;letter-spacing:-.02em}
.dm-tip p{margin:0;font-size:14.5px;line-height:1.55;color:var(--dm-muted)}
.dm-tip-try{display:flex;align-items:center;gap:8px;margin-top:10px!important;padding:8px 11px;border-radius:12px;background:#f2f5da;color:#4b5212!important;font-weight:600;font-size:13px!important}
.dm-tip-try::before{content:'👆'}
.dm-tip footer{display:flex;align-items:center;gap:8px;margin-top:16px}
.dm-tip footer .dm-next{flex:1}
.dm-tip-alt{display:flex;gap:8px;width:100%}.dm-tip-alt .dm-ghost{flex:1}
.dm-tour.is-end .dm-tip footer{flex-direction:column;align-items:stretch}
.dm-tour.is-end .dm-tip-ic{background:#2f8a57;color:#fff}
.dm-tour.is-end .dm-chaps i{width:100%!important;background:var(--dm-ink)}

/* ---------- final de los retos ---------- */
.dm-finale{position:fixed;inset:0;z-index:2147483500;display:grid;place-items:center;padding:20px;background:#211d1f99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .3s;font-family:'DM Sans',system-ui,sans-serif}
.dm-finale.is-in{opacity:1}
.dm-finale-card{display:grid;justify-items:center;gap:10px;width:min(440px,100%);padding:30px 24px 22px;border-radius:28px;background:var(--dm-card);color:var(--dm-ink);text-align:center;box-shadow:0 60px 120px -40px #000}
.dm-finale-badge{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:var(--dm-citron);color:var(--dm-ink);animation:dm-pop .6s var(--dm-ease) both}
.dm-finale-badge .dm-i{width:38px;height:38px;stroke-width:2.4}
.dm-finale h2{margin:0;font:700 34px/1.02 'DM Sans',sans-serif;letter-spacing:-.04em}.dm-finale h2 em{font:italic 400 1.1em 'Instrument Serif',Georgia,serif;color:var(--dm-wine)}
.dm-finale p{margin:0 0 6px;color:var(--dm-muted);font-size:15px;line-height:1.5}
.dm-finale .dm-next,.dm-finale .dm-ghost{width:100%}

/* ---------- móvil ---------- */
@media(max-width:900px){
 .dm-pill{top:max(10px,env(safe-area-inset-top));right:10px}
 .dm-pill-b{height:32px;padding:0 9px;font-size:12px}
 .dm-pill-b>span{display:none}
 body:has(.za-drawer) .dm-pill,body:has(.ws-layer:not(.is-out)) .dm-pill,body.ws-ml-reading .dm-pill,body.ws-mc-open .dm-pill,body:has(.zt-panel) .dm-pill,body:has(.ws-chat.is-open) .dm-pill,body:has(.za-modal-wrap) .dm-pill{opacity:0;pointer-events:none;transform:translateY(-8px)}
 .dm-menu{position:fixed;left:0;right:0;top:auto;bottom:0;width:100%;max-height:86dvh;border-radius:26px 26px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));animation:dm-sheet .35s var(--dm-ease)}
 .dm-pill.is-open::before{content:'';position:fixed;inset:0;background:#211d1f73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
 @keyframes dm-sheet{from{transform:translateY(100%)}}
 .dm-intro{padding:0;place-items:stretch}
 .dm-intro-card{width:100%;height:100dvh;border-radius:0;padding:max(14px,env(safe-area-inset-top)) 18px max(16px,env(safe-area-inset-bottom))}
 .dm-slide{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:18px;align-content:stretch}
 .dm-art{min-height:200px}
 .dm-a{width:min(320px,88%);transform:scale(.92)}
 .dm-copy h2{font-size:31px;margin:8px 0 8px}
 .dm-copy p{font-size:15px}
 .dm-intro.is-last .dm-art{display:none}
 .dm-intro.is-last .dm-slide{grid-template-rows:auto}
 .dm-paths{margin-top:16px}
 .dm-intro-card>footer{padding-top:12px}
 .dm-tip{left:10px!important;right:10px;width:auto!important;bottom:calc(10px + env(safe-area-inset-bottom));top:auto!important;border-radius:24px;padding:14px 16px 14px}
 .dm-tip.is-top{bottom:auto;top:calc(10px + env(safe-area-inset-top))!important}
 .dm-tip.is-center{left:10px!important;right:10px;top:auto!important;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateY(10px);width:auto!important}
 .dm-tip.is-center.is-show{transform:none}
 .dm-tip h3{font-size:19px;margin-top:10px}
 .dm-tip p{font-size:14px}
 .dm-tip footer{margin-top:12px}
 .dm-toast{bottom:calc(84px + env(safe-area-inset-bottom))}
 .dm-beacon span{max-width:calc(100vw - 40px)}
}
@media(max-width:900px) and (max-height:700px){.dm-art{min-height:150px}.dm-a{transform:scale(.8)}.dm-copy h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.dm-tour *,.dm-intro *,.dm-splash *,.dm-pill *,.dm-menu *,.dm-beacon,.dm-beacon *,.dm-finale *{animation:none!important;transition:none!important}.dm-splash svg path{stroke-dashoffset:0}.dm-a-kpi .v{stroke-dashoffset:30}}
.dm-tip-try[hidden]{display:none!important}
@media(max-width:900px){
 .dm-pill-b>span{display:inline}
 .dm-toast{left:12px!important;right:12px;bottom:auto!important;top:calc(54px + env(safe-area-inset-top));max-width:none!important;transform:translateY(-10px)!important}
 .dm-toast.is-on{transform:none!important}
}
/* la píldora «Demo» no se pisa con la fecha ni con el saludo */
@media(max-width:782px){.za-view>.za-top .za-eyebrow{display:block;padding-right:120px;min-height:34px}}