/* Vuelve · Aprende Vuelve: misiones y "¿Por qué Vuelve?". */
/* ---------- Aprende Vuelve ---------- */
.acad-cta{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:14px 16px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);font:inherit;color:var(--ink);cursor:pointer;text-align:left;}
.acad-cta b{display:block;font-size:.95rem;}
.acad-cta .s{display:block;font-size:.8rem;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lvl-badge{width:56px;height:56px;border-radius:18px;background:var(--accent);color:#2A1C00;display:grid;place-items:center;flex-shrink:0;transform:rotate(-6deg);box-shadow:0 8px 18px -10px rgba(0,0,0,.5);}
.lvl-badge.sm{width:42px;height:42px;border-radius:13px;}
.xp-bar{display:block;height:8px;border-radius:999px;background:var(--brand-soft);overflow:hidden;}
.xp-bar span{display:block;height:100%;border-radius:999px;background:var(--brand);transition:width .6s ease;}
.xp-bar.light{background:rgba(255,255,255,.18);}
.xp-bar.light span{background:#E9C46A;}
.acad-hero{background:var(--brand);color:#fff;border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-lg);}
.acad-rank{font-family:var(--display);font-size:1.35rem;font-weight:700;line-height:1.15;}
.acad-sub{font-size:.8rem;color:#CFE0D8;}
.acad-pts{font-family:var(--display);font-size:1.6rem;font-weight:700;color:#F1D48A;line-height:1;}
.badges{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px;}
.badge-lvl{position:relative;aspect-ratio:1;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:rgba(255,255,255,.4);border:1px dashed rgba(255,255,255,.3);}
.badge-lvl.on{background:var(--accent);color:#2A1C00;border:1px solid var(--accent);}
.badge-lvl small{position:absolute;right:6px;bottom:3px;font-size:.62rem;font-weight:800;}
.next-mission{display:flex;gap:10px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:14px;background:#FFF1CF;color:#6B4700;font-size:.86rem;line-height:1.35;}
.next-mission svg{flex-shrink:0;}
.next-mission.done{background:var(--brand-soft);color:var(--brand);}
.lvl{margin-top:22px;}
.lvl-head{display:flex;gap:12px;align-items:center;margin-bottom:10px;}
.lvl-num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.9rem;background:var(--surface);border:2px solid var(--line);color:var(--ink-2);flex-shrink:0;}
.lvl-num.on{background:var(--ok);border-color:var(--ok);color:#fff;}
.lvl-title{font-weight:800;color:var(--ink);font-size:.95rem;}
.mission{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:8px;overflow:hidden;}
.mission.next{border:1.5px solid var(--accent);box-shadow:0 0 0 3px rgba(201,151,58,.16);}
.mission.done{background:var(--surface-2);}
.mission.done .m-title{color:var(--muted);text-decoration:line-through;}
.mission.locked{opacity:.7;}
.mission-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;border:none;background:none;font:inherit;color:var(--ink);cursor:pointer;}
.m-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex-shrink:0;color:#fff;box-sizing:border-box;}
.mission.done .m-dot{background:var(--ok);border-color:var(--ok);}
.mission.next .m-dot{border-color:var(--accent);}
.mission.locked .m-dot{color:var(--muted);}
.m-title{display:block;font-weight:700;font-size:.9rem;line-height:1.3;}
.m-prog{display:block;font-size:.76rem;color:var(--muted);margin-top:2px;}
.m-pts{font-size:.72rem;font-weight:800;color:#8A5B00;background:#FFF1CF;padding:3px 8px;border-radius:999px;white-space:nowrap;}
.mission.done .m-pts{color:var(--ok);background:var(--brand-soft);}
.mission-body{padding:0 14px 14px 50px;}
.m-steps{margin:0;padding-left:18px;font-size:.86rem;color:var(--ink-2);line-height:1.5;}
.m-steps li{margin-bottom:6px;}
.why-hero{background:var(--brand);border:none;}
.why-stats{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;}
.why-stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;}
.why-big{font-family:var(--display);font-size:1.6rem;font-weight:700;color:var(--brand);line-height:1.1;margin-bottom:4px;}
.why-src{font-size:.68rem;color:var(--muted);margin-top:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;}
.benefit{display:flex;gap:12px;align-items:flex-start;padding:10px 0;}
.benefit + .benefit{border-top:1px solid var(--line);}
.scene{border:1px solid var(--line);border-radius:14px;margin-bottom:8px;overflow:hidden;}
.scene-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 14px;border:none;background:var(--surface);font:inherit;color:var(--ink);cursor:pointer;}
.scene-ico{width:36px;height:36px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;flex-shrink:0;}
.scene-body{padding:0 14px 14px 62px;line-height:1.5;}
.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.calc-out{margin-top:14px;padding:14px;border-radius:14px;background:var(--brand-soft);display:grid;gap:8px;}
.calc-big{font-family:var(--display);font-size:2rem;font-weight:700;color:var(--brand);line-height:1.1;}
.calc-note{font-size:.84rem;color:var(--ink-2);line-height:1.45;}