@keyframes mock-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mock-celular{aspect-ratio:320/660;flex:none;position:relative;overflow:hidden}.mock-celular .escala{transform-origin:0 0;width:320px;height:660px;transform:scale(var(--mock-escala,.6));position:absolute;top:0;left:0}.mock-celular .ph{box-sizing:border-box;width:320px;height:660px;font-family:var(--font-hanken),"Helvetica Neue",Arial,sans-serif;color:#1c1b1a;text-align:left;background:#fbf8f3;border:1px solid #1c1b1a40;border-radius:36px;font-size:16px;line-height:normal;position:relative;overflow:hidden}.mock-celular .ph *{box-sizing:content-box}.mock-celular .scr{color:#1c1b1a;background:#fbf8f3;width:320px;height:660px;position:absolute;top:0;left:0;overflow:hidden}.mock-celular .rise{animation:.32s cubic-bezier(.22,1,.36,1) backwards mock-rise}.mock-celular .armado{opacity:0}@media (prefers-reduced-motion:reduce){.mock-celular .armado{opacity:1}.mock-celular .rise{animation:none}}
@keyframes mock-p1-tap{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes mock-p1-press{0%{background:#fbf8f3}to{background:#efe6db}}@keyframes mock-p1-slout{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes mock-p1-slin{0%{transform:translate(100%)}to{transform:translate(0)}}.mock-p1 .ph:not(.anim) .s2{transform:translate(100%)}.mock-p1 .anim .s1{animation:.52s cubic-bezier(.22,1,.36,1) 1.75s both mock-p1-slout}.mock-p1 .anim .s2{animation:.52s cubic-bezier(.22,1,.36,1) 1.75s both mock-p1-slin}.mock-p1 .anim .c1{animation:.2s ease-out 1.1s both mock-p1-press}.mock-p1 .rp{box-sizing:border-box;background:#1c1b1a1f;border:1.5px solid #1c1b1a;border-radius:50%;width:34px;height:34px;margin-top:-17px;display:none;position:absolute;top:50%;right:24px}.mock-p1 .anim .rp{opacity:0;animation:.7s ease-out 1s both mock-p1-tap;display:block}.mock-p1 .card{background:#fbf8f3;border:1px solid #1c1b1a1f;border-radius:14px;gap:12px;margin-bottom:10px;padding:12px;display:flex;position:relative}.mock-p1 .tl{font-size:13px;font-weight:600;line-height:1.3}.mock-p1 .ds{color:#4a4741;margin-top:3px;font-size:11px;line-height:1.45}.mock-p1 .chip{color:#4a4741;border:1px solid #1c1b1a40;border-radius:999px;margin-top:8px;padding:1px 8px;font-size:10px;line-height:1.5;display:inline-block}.mock-p1 .tile{width:44px;height:44px;font-family:var(--font-playfair),Georgia,serif;background:#e8dfd0;border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:20px;font-style:italic;display:flex}@media (prefers-reduced-motion:reduce){.mock-p1 .s1{display:none}.mock-p1 .ph:not(.anim) .s2,.mock-p1 .anim .s2{animation:none;transform:none}.mock-p1 .anim .c1,.mock-p1 .anim .rp{animation:none}.mock-p1 .anim .rp{display:none}}
@keyframes mock-p2-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mock-p2-slx{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:none}}@keyframes mock-p2-slxy{0%{opacity:0;transform:translate(-50px,-40px)scale(.9)}to{opacity:1;transform:none}}@keyframes mock-p2-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes mock-p2-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mock-p2-fillx{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mock-p2-filly{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mock-p2-selbg{0%{background:#fbf8f3;border-color:#1c1b1a40}to{background:#efe6db;border-color:#1c1b1a}}.mock-p2{font-family:var(--font-hanken),"Helvetica Neue",Arial,sans-serif;color:#1c1b1a;text-align:left;font-size:16px;line-height:normal}.mock-p2 *{box-sizing:content-box}.mock-p2 svg{display:inline}.mock-p2 .tr{stroke-dasharray:1}.mock-p2 .fx{transform-origin:0}.mock-p2 .fy{transform-box:fill-box;transform-origin:bottom}.mock-p2 .pp{transform-box:fill-box;transform-origin:50%}.mock-p2.anim .r{animation:mock-p2-rise .36s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p2.anim .slx{animation:mock-p2-slx .65s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p2.anim .slxy{animation:mock-p2-slxy .6s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p2.anim .pp{animation:mock-p2-pop .36s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p2.anim .tr{animation:mock-p2-trace var(--t,.6s)cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p2.anim .fx{animation:mock-p2-fillx var(--t,.5s)cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p2.anim .fy{animation:mock-p2-filly .6s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p2.anim .sel{animation:mock-p2-selbg .3s ease-out var(--d,0s)backwards}.mock-p2.armed:not(.anim) :is(.slx,.slxy,.r,.pp,.tr,.fx,.fy){visibility:hidden}.mock-p2 .ph{box-sizing:border-box;color:#1c1b1a;background:#fbf8f3;border:1px solid #1c1b1a40;border-radius:36px;width:320px;height:660px;position:absolute;overflow:hidden}.mock-p2 .opt{box-sizing:border-box;background:#fbf8f3;border:1px solid #1c1b1a40;border-radius:10px;align-items:center;gap:10px;height:36px;margin-top:8px;padding:0 12px;display:flex}.mock-p2 .rad{box-sizing:border-box;border:1.5px solid #1c1b1a;border-radius:50%;flex:none;justify-content:center;align-items:center;width:14px;height:14px;display:flex}@media (prefers-reduced-motion:reduce){.mock-p2.anim :is(.slx,.slxy,.r,.pp,.tr,.fx,.fy,.sel){animation:none}.mock-p2.armed:not(.anim) :is(.slx,.slxy,.r,.pp,.tr,.fx,.fy){visibility:visible}}
.mock-p3{--p3-verde:#2f9e62;--p3-verde-texto:#1f7a4a;--p3-verde-medio:#8ccba5;--p3-verde-claro:#e0f3e8;--p3-vermelho:#d0473f;--p3-vermelho-medio:#eba9a3;--p3-vermelho-claro:#fbe4e1}@keyframes mock-p3-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mock-p3-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes mock-p3-fillx{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mock-p3-redbg{0%{background:0 0}to{background:var(--p3-vermelho-claro)}}@keyframes mock-p3-redbar{0%{background:#ddd3c4}to{background:var(--p3-vermelho-medio)}}@keyframes mock-p3-cur{0%{opacity:0;transform:translate(600px,470px)}6%{opacity:1;transform:translate(560px,440px)}25%{transform:translate(430px,268px)}31%{transform:translate(430px,268px)}53%{transform:translate(340px,418px)}61%{transform:translate(340px,418px)}78%{transform:translate(655px,520px)}86%{opacity:1;transform:translate(655px,520px)}to{opacity:0;transform:translate(660px,526px)}}@keyframes mock-p3-fadeout{0%{opacity:1}to{opacity:0}}@keyframes mock-p3-dimto{0%{opacity:1}to{opacity:.4}}@keyframes mock-p3-tap{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes mock-p3-btnpress{0%{transform:scale(1)}40%{transform:scale(.96)}to{transform:scale(1)}}.mock-p3{font-family:var(--font-hanken),"Helvetica Neue",Arial,sans-serif;color:#1c1b1a;text-align:left;font-size:16px;line-height:normal}.mock-p3 *{box-sizing:content-box}.mock-p3 svg{display:inline}.mock-p3 .fx{transform-origin:0}.mock-p3 .pp{transform-box:fill-box;transform-origin:50%}.mock-p3.anim .r{animation:mock-p3-rise .36s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p3.anim .pp{animation:mock-p3-pop .36s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p3.anim .fx{animation:mock-p3-fillx var(--t,.5s)cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p3.armed:not(.anim) :is(.r,.pp,.fx){visibility:hidden}.mock-p3 .chip1{opacity:0}.mock-p3 .redrow{background:var(--p3-vermelho-claro)}.mock-p3 .redbar{background:var(--p3-vermelho-medio)}.mock-p3 .cursor{z-index:5;pointer-events:none;display:none;position:absolute;top:0;left:0}.mock-p3.anim .cursor{animation:3.6s cubic-bezier(.45,0,.2,1) 1s both mock-p3-cur;display:block}.mock-p3.anim .redrow{animation:mock-p3-fillx var(--t,.5s)cubic-bezier(.22,1,.36,1)var(--d,0s)backwards,mock-p3-redbg .3s ease 2s backwards}.mock-p3.anim .redbar{animation:.3s 2s backwards mock-p3-redbar}.mock-p3 .dim{opacity:.4}.mock-p3.anim .chip1{animation:mock-p3-fadeout .22s ease var(--d,0s)both}.mock-p3.anim .dim{animation:mock-p3-dimto .3s ease var(--d,0s)both}.mock-p3.anim .tapr{animation:mock-p3-tap .7s ease-out var(--d,0s)both}.mock-p3.anim .bp{animation:mock-p3-btnpress .26s ease-out var(--d,0s)backwards}.mock-p3 .tapr{display:none}.mock-p3.anim .tapr{display:block}.mock-p3.armed:not(.anim) .tapr{visibility:hidden}.mock-p3 .lblr{letter-spacing:.06em;text-transform:uppercase;color:#4a4741;align-items:center;gap:6px;margin:0 0 8px;font-size:10px;font-weight:600;line-height:14px;display:flex}.mock-p3 .lrow{align-items:center;height:16px;margin-top:6px;display:flex}.mock-p3 .lrow:first-child{margin-top:0}.mock-p3 .box{background:#fff;border:1px solid #1c1b1a1f;border-radius:12px;padding:14px;position:relative}@media (prefers-reduced-motion:reduce){.mock-p3.anim :is(.r,.pp,.fx){animation:none}.mock-p3.armed:not(.anim) :is(.r,.pp,.fx){visibility:visible}.mock-p3.anim :is(.cursor,.redrow,.redbar){animation:none;display:none}.mock-p3.anim :is(.chip1,.dim,.tapr,.bp){animation:none}}
@keyframes mock-p4-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mock-p4-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes mock-p4-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mock-p4-fillx{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mock-p4-filly{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mock-p4-slr{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:none}}@keyframes mock-p4-ring{0%{stroke-dasharray:0 1}to{stroke-dasharray:.72 .28}}@keyframes mock-p4-tap{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes mock-p4-rowpress{0%{background:#fff}to{background:#f3eee6}}.mock-p4{font-family:var(--font-hanken),"Helvetica Neue",Arial,sans-serif;color:#1c1b1a;text-align:left;font-size:16px;line-height:normal}.mock-p4 *{box-sizing:content-box}.mock-p4 svg{display:inline}.mock-p4 .tr{stroke-dasharray:1}.mock-p4 .fx{transform-origin:0}.mock-p4 .fy{transform-box:fill-box;transform-origin:bottom}.mock-p4 .pp{transform-box:fill-box;transform-origin:50%}.mock-p4 .ringa{stroke-dasharray:.72 .28}.mock-p4 .rowp{background:#f3eee6}.mock-p4 .tapr{display:none}.mock-p4.anim .r{animation:mock-p4-rise .36s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p4.anim .pp{animation:mock-p4-pop .36s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p4.anim .tr{animation:mock-p4-trace var(--t,.6s)cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p4.anim .fx{animation:mock-p4-fillx var(--t,.5s)cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p4.anim .fy{animation:mock-p4-filly .6s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p4.anim .slr{animation:mock-p4-slr .65s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p4.anim .ringa{animation:mock-p4-ring .9s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p4.anim .rowp{animation:mock-p4-rowpress .2s ease-out var(--d,0s)both}.mock-p4.anim .tapr{opacity:0;animation:mock-p4-tap .7s ease-out var(--d,0s)both;display:block}.mock-p4.armed:not(.anim) :is(.r,.pp,.tr,.fx,.fy,.slr,.ringa,.tapr){visibility:hidden}.mock-p4 .ph{box-sizing:border-box;color:#1c1b1a;background:#fff;border:1px solid #1c1b1a40;border-radius:36px;width:320px;height:660px;position:absolute;overflow:hidden}.mock-p4 .card{box-sizing:border-box;background:#fff;border:1px solid #1c1b1a1f;border-radius:12px;overflow:hidden}@media (prefers-reduced-motion:reduce){.mock-p4.anim :is(.r,.pp,.tr,.fx,.fy,.slr,.ringa,.rowp,.tapr){animation:none}.mock-p4.anim .tapr{display:none}.mock-p4.armed:not(.anim) :is(.r,.pp,.tr,.fx,.fy,.slr,.ringa){visibility:visible}}
@keyframes mock-p5-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mock-p5-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes mock-p5-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mock-p5-sll{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}@keyframes mock-p5-drop{0%{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:none}}@keyframes mock-p5-fade{0%{opacity:0}to{opacity:1}}@keyframes mock-p5-tap{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes mock-p5-btnpress{0%{transform:scale(1)}40%{transform:scale(.96)}to{transform:scale(1)}}.mock-p5{font-family:var(--font-hanken),"Helvetica Neue",Arial,sans-serif;color:#1c1b1a;text-align:left;font-size:16px;line-height:normal}.mock-p5 *{box-sizing:content-box}.mock-p5 svg{display:inline}.mock-p5 .tr{stroke-dasharray:1}.mock-p5 .pp{transform-box:fill-box;transform-origin:50%}.mock-p5 .tapr{display:none}.mock-p5.anim .r{animation:mock-p5-rise .36s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p5.anim .pp{animation:mock-p5-pop .36s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p5.anim .tr{animation:mock-p5-trace var(--t,.6s)cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p5.anim .sll{animation:mock-p5-sll .65s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p5.anim .drop{animation:mock-p5-drop .75s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p5.anim .fd{animation:mock-p5-fade .45s ease var(--d,0s)backwards}.mock-p5.anim .bp{animation:mock-p5-btnpress .26s ease-out var(--d,0s)backwards}.mock-p5.anim .tapr{opacity:0;animation:mock-p5-tap .7s ease-out var(--d,0s)both;display:block}.mock-p5.armed:not(.anim) :is(.r,.pp,.tr,.sll,.drop,.fd,.tapr){visibility:hidden}.mock-p5 .ph{box-sizing:border-box;color:#1c1b1a;background:#fff;border:1px solid #1c1b1a40;border-radius:36px;width:320px;height:660px;position:absolute;overflow:hidden}.mock-p5 .card{box-sizing:border-box;background:#fff;border:1px solid #1c1b1a1f;border-radius:12px}@media (prefers-reduced-motion:reduce){.mock-p5.anim :is(.r,.pp,.tr,.sll,.drop,.fd,.bp,.tapr){animation:none}.mock-p5.anim .tapr{display:none}.mock-p5.armed:not(.anim) :is(.r,.pp,.tr,.sll,.drop,.fd){visibility:visible}}
@keyframes mock-p6-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mock-p6-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes mock-p6-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mock-p6-filly{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mock-p6-slr{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:none}}@keyframes mock-p6-ring{0%{stroke-dasharray:0 1}to{stroke-dasharray:.72 .28}}@keyframes mock-p6-tap{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes mock-p6-notif{0%{opacity:0;transform:translateY(-96px)}14%{opacity:1;transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-28px)}}@keyframes mock-p6-fade{0%{opacity:0}to{opacity:1}}@keyframes mock-p6-spin{0%{transform:rotate(-360deg)}to{transform:none}}@keyframes mock-p6-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.mock-p6{font-family:var(--font-hanken),"Helvetica Neue",Arial,sans-serif;color:#1c1b1a;text-align:left;font-size:16px;line-height:normal}.mock-p6 *{box-sizing:content-box}.mock-p6 svg{display:inline}.mock-p6 .tr{stroke-dasharray:1}.mock-p6 .fy{transform-box:fill-box;transform-origin:bottom}.mock-p6 .pp{transform-box:fill-box;transform-origin:50%}.mock-p6 .ringa{stroke-dasharray:.72 .28}.mock-p6 .tapr{display:none}.mock-p6 .notif{z-index:5;opacity:0;position:absolute;top:10px;left:10px;right:10px}.mock-p6 .pulse{transform-box:fill-box;transform-origin:50%}.mock-p6.anim .r{animation:mock-p6-rise .36s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p6.anim .pp{animation:mock-p6-pop .36s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p6.anim .tr{animation:mock-p6-trace var(--t,.6s)cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p6.anim .fy{animation:mock-p6-filly .6s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p6.anim .slr{animation:mock-p6-slr .65s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p6.anim .ringa{animation:mock-p6-ring .9s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p6.anim .tapr{opacity:0;animation:mock-p6-tap .7s ease-out var(--d,0s)both;display:block}.mock-p6.anim .fd{animation:mock-p6-fade .45s ease var(--d,0s)backwards}.mock-p6.anim .spin{animation:mock-p6-spin 1.3s cubic-bezier(.22,1,.36,1)var(--d,0s)backwards}.mock-p6.anim .notif{animation:mock-p6-notif 2s cubic-bezier(.22,1,.36,1)var(--d,0s)both}.mock-p6.anim .pulse{animation:mock-p6-pulse 1.6s ease-out var(--d,0s)infinite}.mock-p6.armed:not(.anim) :is(.r,.pp,.tr,.fy,.slr,.ringa,.tapr,.fd,.notif){visibility:hidden}.mock-p6 .ph{box-sizing:border-box;color:#1c1b1a;background:#fff;border:1px solid #1c1b1a40;border-radius:36px;width:320px;height:660px;position:absolute;overflow:hidden}.mock-p6 .card{box-sizing:border-box;background:#fff;border:1px solid #1c1b1a1f;border-radius:12px;overflow:hidden}@media (prefers-reduced-motion:reduce){.mock-p6.anim :is(.r,.pp,.tr,.fy,.slr,.ringa,.tapr,.fd,.spin){animation:none}.mock-p6.anim .tapr{display:none}.mock-p6.anim .notif{animation:none;display:none}.mock-p6 .pulse,.mock-p6.anim .pulse{opacity:0;animation:none}.mock-p6.armed:not(.anim) :is(.r,.pp,.tr,.fy,.slr,.ringa,.fd){visibility:visible}}