/* Two distinct demonstrations. Original training/game animations are untouched. */
.team-evolution,.sales-demo{--board-ink:#344f28;--board-strong:#243e2c;--board-bg:#fffefa;--board-accent:#82a94d;padding-block:70px;scroll-margin-top:100px}
.split-results-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.split-results-heading h2{font-size:clamp(32px,4vw,49px);line-height:1.1;letter-spacing:-1.4px;font-weight:950;margin:12px 0}
.split-results-heading h2 span{color:#587b32}
.split-results-heading p{color:#66715d;font-size:15px;line-height:1.7;margin:0;max-width:510px}
.result-number{display:inline-grid;place-items:center;width:33px;height:33px;font-weight:900;font-size:12px;border-radius:11px;background:#e9f0df;color:#58713b}
.demo-label{font-size:10px;line-height:1.5;color:#6a7361;border:1px solid #dde5d1;border-radius:20px;padding:7px 12px;max-width:260px;flex-shrink:0}
.evolution-board{padding:30px;border:1px solid #dce5cf;background:#fffefa;border-radius:27px;box-shadow:0 5px 0 #eaf0df}
.learning-filter{display:flex;justify-content:flex-end;margin-bottom:23px}
.learning-filter label,.sales-metric-picker label{display:block;font-size:11px;color:#68745e;font-weight:700;min-width:190px}
.learning-filter select,.sales-metric-picker select{display:block;margin-top:6px}
.team-evolution .insight-metrics{margin:0 0 30px}
.team-evolution .topic-panel h3{font-size:17px;font-weight:850;margin:0}
.team-evolution .knowledge-topic{padding-block:15px}
.team-evolution .knowledge-topic small{display:none}
.team-evolution .reinforcement-card{background:#ecf5dc;border-color:#d4e4ba;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.next-mission-label{font-size:11px;font-weight:850;color:#668048}
.team-evolution .reinforcement-card h3{font-size:23px;line-height:1.2;color:#304727;letter-spacing:-.5px;margin:14px 0 10px}
.team-evolution .reinforcement-action{margin-bottom:0;padding-top:13px}
.team-evolution .reinforcement-action strong{color:#456335;margin-top:0}
.sales-demo{padding-top:35px}
.sales-arena{padding:28px;border-radius:28px;border:1px solid #dce5cf;background:#fbfcf4;box-shadow:0 6px 0 #e3ebd5}
.sales-showcase{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:center}
.podium-scene{position:relative;border-radius:23px;min-width:0;background:radial-gradient(ellipse at 50% 45%,#dff4b8 0,transparent 64%),linear-gradient(160deg,#f4f9e9,#eaf1dd);overflow:hidden;border:1px solid #e0e9d0;padding:20px 15px 0}
.podium-title{position:relative;text-align:center;font-size:12px;font-weight:800;color:#66804d;margin:0;z-index:1}
.sales-podium{list-style:none;position:relative;margin:0;padding:0;height:335px;z-index:2}
.podium-team{position:absolute;bottom:0;left:0;width:33.3333%;transform:translateX(var(--podium-x));display:flex;flex-direction:column;align-items:center;padding-inline:4px;box-sizing:border-box}
.podium-team[data-place="1"]{z-index:3}.podium-team[data-place="2"]{z-index:2}.podium-team[data-place="3"]{z-index:1}
.podium-character{position:relative;width:100%;display:flex;justify-content:center;transform-origin:50% 100%}
.podium-character .avatar-sprite{width:104px;max-width:100%;flex-shrink:1;margin-bottom:-5px;filter:drop-shadow(0 6px 3px #334d2720)}
.podium-crown{position:absolute;top:-15px;left:calc(50% - 17px);width:34px;height:25px;background:#d9a321;clip-path:polygon(0 12%,28% 42%,50% 0,72% 42%,100% 12%,86% 90%,14% 90%);opacity:0;transform:translateY(7px) rotate(-8deg)}
.podium-team[data-place="1"] .podium-crown{opacity:1;transform:translateY(0) rotate(-8deg)}
.podium-step{width:100%;height:var(--podium-height);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 5px 10px;text-align:center;border-radius:14px 14px 0 0;background:linear-gradient(110deg,#c7dab3,#b0c69b);border:1px solid #a8bf91;border-bottom:0;box-shadow:inset -6px 0 0 #53783912;color:#35512a}
.podium-team[data-place="1"] .podium-step{background:linear-gradient(120deg,#d8f78e,#b7e459);border-color:#a5ce53;color:#2b421d}
.podium-team[data-place="3"] .podium-step{background:linear-gradient(120deg,#e6d4ad,#d4bd92);border-color:#c7ae7e;color:#59462b}
.podium-place{display:grid;place-items:center;font-size:26px;font-weight:1000;line-height:1;width:45px;height:43px;border-radius:50%;background:#ffffff6b;margin-bottom:10px}
.podium-team-name{font-size:12px;line-height:1.2;font-weight:900;white-space:normal}
.podium-value{font-size:12px;font-weight:800;margin-top:4px;line-height:1.3}
.podium-team[data-place="3"] .podium-step{padding-top:9px}.podium-team[data-place="3"] .podium-place{font-size:20px;height:26px;margin-bottom:5px}
.podium-ground{height:15px;position:relative;background:#304d2b;border-radius:10px 10px 0 0;z-index:4;box-shadow:0 -3px 0 #ffffff9c}
.podium-spark{position:absolute;color:#b3cf78;opacity:.7;font-size:36px;line-height:1}
.spark-one{left:8%;top:24%}.spark-two{right:9%;top:16%;font-size:55px}.spark-three{right:5%;bottom:26%;font-size:25px}
.sales-metric-picker{display:flex;justify-content:flex-end;margin-bottom:15px}
.sales-metric-picker label{width:100%}
.ranking-criterion{display:block;font-size:11px;color:#718163;margin-bottom:12px}
.sales-scoreboard .sales-ranking{gap:13px}
.sales-scoreboard .sales-ranking-row{display:block;padding:13px 14px;background:#fffefa;border-color:#e1e7d8;box-shadow:none}
.sales-scoreboard .ranking-heading{font-size:12px;gap:10px}.sales-scoreboard .ranking-heading strong{font-size:13px}.sales-scoreboard .ranking-track{height:7px;margin:10px 0 0}
.sales-scoreboard .ranking-track>span{background:#7ca643}
.sales-totals{display:grid;grid-template-columns:1.45fr 1fr .9fr;gap:10px;border-top:1px solid #dce5cf;padding-top:20px;margin-top:21px}
.sales-totals>div{min-width:0}.sales-totals span{font-size:9px;line-height:1.5;display:block;color:#718163}.sales-totals strong{display:block;color:#344d2b;font-size:clamp(14px,1.5vw,20px);font-weight:950;line-height:1.4;white-space:nowrap}
.sales-action-row{display:flex;justify-content:space-between;gap:22px;align-items:center;padding-top:25px;margin-top:25px;border-top:1px solid #dce5cf}
.sale-announcement{font-size:13px;line-height:1.6;max-width:460px;color:#456335;font-weight:750}
.sales-actions{display:flex;gap:16px;align-items:center;flex-shrink:0;max-width:100%;box-sizing:border-box}.sales-actions .button{min-height:49px;font-size:13px}
.sales-reset{border:0;background:transparent;padding:12px 2px;color:#627451;font-size:11px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.sales-actions button:disabled{opacity:.65;cursor:default}
.sales-reset:focus-visible{outline:3px solid #526f2e;outline-offset:3px;border-radius:5px}
.sales-demo .results-footer{margin-top:30px}
/* Motion is opt-in through the existing site preference and pauses offscreen. */
.motion-ready:not(.motion-off) .sales-podium[data-ready="true"] .podium-team{transition:transform 1.05s cubic-bezier(.22,.8,.25,1)}
.motion-ready:not(.motion-off) .sales-podium[data-ready="true"] .podium-step{transition:height 1.05s cubic-bezier(.22,.8,.25,1),background .8s}
.motion-ready:not(.motion-off) .podium-crown{transition:opacity .4s,transform .7s}
.motion-ready:not(.motion-off) .podium-character{animation:podium-breathe 3.7s ease-in-out infinite;animation-play-state:paused}
.motion-ready:not(.motion-off) .sales-demo[data-visible="true"] .podium-character{animation-play-state:running}
.podium-team[data-team="aurora"] .podium-character{animation-delay:-1.2s}.podium-team[data-team="pulso"] .podium-character{animation-delay:-2.4s}
@keyframes podium-breathe{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-4px) rotate(.5deg)}}
.theme-preview{display:grid;grid-template-columns:1fr 1.7fr;gap:30px;align-items:center;padding:20px 24px;margin:25px 0 30px;border:1px solid #dde5d2;border-radius:22px;background:#fffefa}
.theme-preview label{font-size:12px;font-weight:750;color:#657552;display:block}.theme-preview select{margin-top:8px;max-width:280px}
.theme-mini-scene{--scene-bg:#edf5dc;--scene-ink:#517b32;display:flex;align-items:center;gap:15px;padding:10px 18px;border-radius:16px;background:var(--scene-bg);color:var(--scene-ink);min-width:0;overflow:hidden}
.theme-mini-scene>.avatar-sprite{width:70px;flex-shrink:0}.theme-mini-scene strong{font-size:13px;line-height:1.4;min-width:0}
.theme-mini-path{position:relative;display:flex;gap:10px;align-items:center}.theme-mini-path:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:2px dashed currentColor;opacity:.4}.theme-mini-path i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:10px;font-weight:850;font-style:normal;background:var(--scene-bg);border:2px solid currentColor;z-index:1}.theme-mini-path i:nth-child(2){transform:translateY(-9px)}
.theme-preview[data-universe="orbital"] .theme-mini-scene{--scene-bg:#ece7f8;--scene-ink:#72569b;background:radial-gradient(circle at 20% 20%,#fff 1px,transparent 2px) 0 0/23px 23px,var(--scene-bg)}
.theme-preview[data-universe="vendas"] .theme-mini-scene{--scene-bg:#fff0dc;--scene-ink:#b77928}.theme-preview[data-universe="vendas"] .theme-mini-path i{border-radius:6px}
@media(max-width:1000px){.sales-showcase{gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.sales-arena{padding:22px}.podium-scene{padding-inline:9px}.podium-team-name{font-size:11px}.podium-character .avatar-sprite{width:86px}.sales-podium{height:315px}.sales-totals{grid-template-columns:1fr 1fr}.sales-totals>div:first-child{grid-column:1/-1}.sales-totals strong{font-size:19px}}
@media(max-width:800px){.split-results-heading{display:block}.demo-label{display:inline-block;margin-top:15px;max-width:none}.sales-showcase{grid-template-columns:1fr}.sales-scoreboard{display:grid;grid-template-columns:1fr;min-width:0}.sales-metric-picker{justify-content:flex-start}.sales-metric-picker label{max-width:270px}.sales-totals{grid-template-columns:1.3fr 1fr 1fr}.sales-totals>div:first-child{grid-column:auto}.podium-character .avatar-sprite{width:105px}.sales-podium{height:335px}.sales-action-row{align-items:flex-start;flex-direction:column}.sales-actions{flex-wrap:wrap}.theme-preview{gap:18px;grid-template-columns:1fr 1.4fr}.theme-mini-path{display:none}}
@media(max-width:680px){.team-evolution,.sales-demo{padding-block:40px}.split-results-heading h2{font-size:35px}.split-results-heading p{font-size:13px}.evolution-board{padding:20px 17px;border-radius:22px}.learning-filter{justify-content:flex-start}.learning-filter label{width:100%}.team-evolution .insight-metrics{gap:9px}.team-evolution .insight-metrics>div{padding:13px 9px}.team-evolution .insight-metrics span{font-size:9px}.team-evolution .insight-metrics strong{font-size:28px}.sales-arena{padding:15px;border-radius:22px}.sales-showcase{gap:20px}.sales-podium{height:300px}.podium-scene{padding:17px 5px 0}.podium-character .avatar-sprite{width:85px}.podium-team{padding-inline:2px}.podium-team-name{font-size:10px}.podium-value{font-size:10px}.podium-place{font-size:23px;width:35px;height:34px;margin-bottom:9px}.podium-step{padding-inline:3px}.podium-title{font-size:11px}.sales-totals strong{font-size:16px}.sales-totals span{font-size:9px}.sales-actions .button{font-size:12px}.theme-preview{grid-template-columns:1fr;padding:18px}.theme-mini-path{display:flex}.theme-mini-scene{gap:10px;padding-inline:10px}.theme-mini-scene strong{font-size:12px}.theme-mini-path i{width:22px;height:22px}.theme-mini-path{gap:6px}.theme-mini-scene>.avatar-sprite{width:58px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-ready) .sales-demo *{animation:none!important;transition:none!important}}
.motion-off .sales-demo *{animation:none!important;transition:none!important}

/* v37: prévia fixa, sem seletor de tema. */
.home-page .theme-preview{grid-template-columns:1fr}
.home-page .theme-mini-scene{justify-content:center}
