.demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:34px;display:grid}@media (max-width:760px){.demo{grid-template-columns:minmax(0,1fr);gap:20px}.demo__palco-wrap{order:-1}}.demo__passos{counter-reset:p;margin:0;padding:0;list-style:none}.demo__passos li{counter-increment:p;opacity:.45;padding:12px 0 12px 52px;transition:opacity .35s,transform .35s;position:relative}.demo__passos li:before{content:counter(p);width:36px;height:36px;font-family:var(--disp);background:var(--verde-claro);color:var(--verde-escuro);border-radius:11px;place-items:center;font-weight:800;transition:background .35s,color .35s;display:grid;position:absolute;top:12px;left:0}.demo__passos li.on{opacity:1;transform:translate(4px)}.demo__passos li.on:before{background:var(--verde);color:#fff}.demo__passos b{font-family:var(--disp);font-size:18px;display:block}.demo__passos span{color:var(--meio);font-size:14.5px}@media (max-width:760px){.demo__passos{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.demo__passos li{padding:6px 0 6px 40px}.demo__passos li:before{width:28px;height:28px;font-size:14px;top:6px}.demo__passos b{font-size:15px}.demo__passos span{display:none}}.demo__palco-wrap{position:relative}.demo__scaler{transform-origin:0 0;width:360px;height:720px}.cel{background:#1b1f1c;border-radius:46px;width:360px;height:720px;padding:14px;position:relative;box-shadow:0 30px 60px #232a2447,inset 0 0 0 2px #2c332e}.cel__notch{z-index:5;background:#0d100e;border-radius:99px;width:92px;height:24px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.tela{background:var(--papel);font-family:var(--corpo);color:var(--tinta);border-radius:34px;padding:58px 20px 20px;position:absolute;inset:14px;overflow:hidden}.tela.escura{color:#f4f7f2;background:#1e2a20}.cel__saud{font-family:var(--disp);color:var(--meio);margin:0 0 10px;font-size:14px;font-weight:700}.cel__vez{color:#fff;background:linear-gradient(150deg,#4e9e4e,#3b7c3b);border-radius:20px;padding:16px}.cel__vez-top{letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:800;display:flex}.d-badge{background:#fff3;border-radius:99px;padding:3px 9px;display:inline-block}.cel__vez b{font-family:var(--disp);margin-top:10px;font-size:25px;line-height:1.05;display:block}.cel__vez small{opacity:.9;font-weight:700}.cel__vez p{background:#ffffff24;border-radius:12px;margin:10px 0 12px;padding:9px 11px;font-size:13.5px}.cel__btn{text-align:center;font-family:var(--disp);color:var(--verde-escuro);background:#fff;border-radius:12px;padding:11px;font-weight:800;display:block}.cel__btn.verde{color:#102512;background:#6fc36f;position:absolute;bottom:22px;left:20px;right:20px}.cel__card{border:1px solid var(--fio);background:#fff;border-radius:16px;margin-top:12px;padding:12px 14px;font-size:14px}.cel__card i{background:var(--fio);border-radius:99px;height:9px;margin-top:9px;display:block}.cel__card i:nth-child(3){width:80%}.cel__card i:nth-child(4){width:60%}.cel__qual{color:#9fd49f;letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:800}.cel__etapa{font-family:var(--disp);margin-top:2px;font-size:28px;display:block}.cel__tempo{font-family:var(--disp);font-variant-numeric:tabular-nums;margin:8px 0;font-size:76px;font-weight:800;line-height:1}.cel__barra{background:#ffffff21;border-radius:99px;height:7px;overflow:hidden}.cel__barra i{background:#6fc36f;width:0;height:100%;display:block}.cel__cola{background:#ffffff12;border-radius:14px;min-height:150px;margin:14px 0 0;padding:12px 13px;font-size:14.5px;line-height:1.5}.cel__cri{border-bottom:1px solid var(--fio);align-items:center;gap:11px;padding:9px 2px;font-weight:700;display:flex;position:relative}.cel__box{border:2px solid #c9c4b8;border-radius:6px;flex:none;width:22px;height:22px}.d-ok{background:var(--verde);color:#fff;border-radius:6px;place-items:center;width:22px;height:22px;font-size:14px;font-weight:900;display:grid;position:absolute;left:2px}.cel__cont{border:1px solid var(--fio);background:#fff;border-radius:12px;justify-content:space-between;margin-top:14px;padding:11px 14px;font-weight:700;display:flex}.cel__cont b{font-family:var(--disp);color:var(--verde-escuro);font-size:20px}.cel__nums{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cel__nums div{border:1px solid var(--fio);text-align:center;background:#fff;border-radius:12px;padding:10px}.cel__nums b{font-family:var(--disp);color:var(--verde-escuro);font-size:28px;line-height:1.05;display:block}.cel__nums span{color:var(--meio);font-size:12px}.cel__zap{background:#dcf8c6;border-radius:14px 14px 4px;margin-top:16px;padding:10px 12px;font-size:13.5px;line-height:1.45}.cel__zap small{color:#1fa855;margin-bottom:3px;font-weight:800;display:block}.cel__zap em{text-align:right;color:#53bdeb;margin-top:2px;font-size:11px;font-style:normal;font-weight:700;display:block}