#como-funciona.pi-nfc-section{box-sizing:border-box;padding:clamp(58px,6.5vw,86px) 24px;scroll-margin-top:124px;color:#25262b;background:transparent}
#como-funciona .pi-nfc-wrap{display:block;max-width:1080px;margin:0 auto}
#como-funciona *,#como-funciona *:before,#como-funciona *:after{box-sizing:border-box}
#como-funciona [hidden]{display:none!important}
#como-funciona .pi-nfc-heading{max-width:650px;margin:0 auto 30px;text-align:center}
#como-funciona .pi-nfc-eyebrow{margin:0 0 12px;color:var(--pi-muted);font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.04em}
#como-funciona h2{margin:0;font-size:clamp(33px,4.3vw,51px);font-weight:650;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}
#como-funciona .pi-nfc-heading>p:last-child{max-width:525px;margin:17px auto 0;color:var(--pi-muted);font-size:18px;letter-spacing:-.02em;line-height:1.5;text-wrap:pretty}
#como-funciona .pi-nfc-experience{margin:0;overflow:hidden;border:1px solid #ffffffed;border-radius:32px;background:var(--pi-glass);box-shadow:var(--pi-glass-shadow);backdrop-filter:blur(24px) saturate(115%);-webkit-backdrop-filter:blur(24px) saturate(115%)}
#como-funciona .pi-nfc-stage{position:relative;isolation:isolate;height:400px;max-width:850px;margin:0 auto;overflow:hidden}
#como-funciona .pi-nfc-stage:before{content:"";position:absolute;z-index:-1;left:9%;right:9%;bottom:40px;height:125px;border-radius:50%;background:radial-gradient(ellipse,#c5cbd94a,transparent 70%);transform:scaleY(.35)}
#como-funciona .pi-nfc-plate{position:absolute;left:15%;bottom:52px;width:290px;height:340px;transition:filter .5s}
#como-funciona .pi-nfc-plate img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 14px 12px #1d263719)}
#como-funciona .pi-nfc-phone{position:absolute;z-index:2;left:61%;bottom:76px;width:142px;height:280px;padding:4px;border:1px solid #5f6269;border-radius:27px;background:linear-gradient(115deg,#e0e1e4,#60636c 14%,#202228 40%,#c7c9cc 79%,#45474e);box-shadow:inset 0 0 0 1px #ffffff5c,0 15px 24px -10px #1d253b4a;transform:translateX(var(--nfc-drag,0px));transition:transform .65s cubic-bezier(.22,.74,.2,1)}
#como-funciona .pi-nfc-phone:before{content:"";position:absolute;z-index:5;top:11px;left:calc(50% - 18px);width:36px;height:10px;background:#08090b;border-radius:10px;pointer-events:none}
#como-funciona .pi-nfc-phone-screen{height:100%;overflow:hidden;border:2px solid #0c0d10;border-radius:23px;background:#101722}
#como-funciona .pi-nfc-phone-idle{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:30px 4px 18px;border:0;background:
  radial-gradient(ellipse 155% 76% at -40% 88%,#26308f 47%,#5464ec 53%,#a597fa 56%,#4a63d6 60%,transparent 61%),
  radial-gradient(ellipse 158% 73% at 135% 61%,#141a4a 37%,#3b58c7 49%,#718ffc 54%,#36459f 58%,transparent 59%),
  linear-gradient(155deg,#0e132e 5%,#252958 40%,#242f84 70%,#101634);color:#f6f7fb;font:inherit;text-align:center;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
#como-funciona .pi-nfc-phone-idle:disabled{cursor:default}
#como-funciona .pi-nfc-phone-time{font-size:42px;line-height:1;font-weight:600;letter-spacing:-.055em;text-shadow:0 2px 12px #0c123b5c}
#como-funciona .pi-nfc-phone-home{position:absolute;bottom:9px;left:calc(50% - 28px);width:56px;height:3px;border-radius:3px;background:#ffffff91}
#como-funciona .pi-nfc-card{display:flex;flex-direction:column;height:100%;padding-top:17px;background:linear-gradient(90deg,#999792,#817a75 16%,#837c7a 54%,#7f7972);animation:pi-nfc-reveal .45s ease-out}
#como-funciona .pi-nfc-card-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:#817a75}
#como-funciona .pi-nfc-card-scroll::-webkit-scrollbar{display:none}
/* End the preview at the storefront photo, above the capture’s blank margin. */
#como-funciona .pi-nfc-card-scroll img{display:block;width:100%;height:auto;aspect-ratio:380/844;object-fit:cover;object-position:top}
#como-funciona .pi-nfc-signal{position:absolute;z-index:1;top:90px;left:47%;display:flex;align-items:center;gap:4px;height:42px;opacity:0;transition:opacity .2s}
#como-funciona .pi-nfc-signal i{width:8px;height:18px;border-right:2px solid #497c77;border-radius:0 100% 100% 0}
#como-funciona .pi-nfc-signal i:nth-child(2){height:29px;opacity:.7}
#como-funciona .pi-nfc-signal i:nth-child(3){height:40px;opacity:.4}
#como-funciona[data-nfc-phase="approaching"] .pi-nfc-phone{transform:translateX(calc(-1 * var(--nfc-travel,120px)))}
#como-funciona[data-nfc-phase="approaching"] .pi-nfc-signal{opacity:1}
#como-funciona[data-nfc-phase="open"] .pi-nfc-phone{transform:translateX(0)}
#como-funciona[data-nfc-dragging="true"] .pi-nfc-phone{transition:none}
#como-funciona[data-nfc-dragging="true"] .pi-nfc-phone-idle{cursor:grabbing}
#como-funciona .pi-nfc-controls{position:relative;padding:17px 24px 25px;border-top:1px solid #ffffffba;background:linear-gradient(180deg,#ffffff42,#e9edf533);text-align:center}
#como-funciona .pi-nfc-status{min-height:20px;margin:0 auto 14px;color:#666c78;font-size:13px;line-height:1.5;text-wrap:pretty}
#como-funciona[data-nfc-phase="open"] .pi-nfc-status{color:#2e6a5b}
#como-funciona .pi-nfc-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
#como-funciona .pi-nfc-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 23px;border:1px solid #ffffff3d;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff21,0 4px 10px #2229380d;color:#fff;font:inherit;font-size:13px;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
#como-funciona .pi-nfc-button-primary{border-color:#2e3440;background:var(--pi-glass-action)}
#como-funciona .pi-nfc-button-primary:hover{background:#343e4f;color:#fff;text-decoration:none}
#como-funciona .pi-nfc-button-primary:disabled{opacity:.6;cursor:wait}
#como-funciona .pi-nfc-button-reset{border-color:transparent;background:transparent;box-shadow:none;color:#606775;font-weight:500}
#como-funciona .pi-nfc-button-reset:hover{background:#ffffffa6;color:#303846}
#como-funciona .pi-nfc-button:active{transform:scale(.98)}
#como-funciona .pi-nfc-button:focus-visible,#como-funciona .pi-nfc-phone-idle:focus-visible,#como-funciona .pi-nfc-card-scroll:focus-visible{outline:3px solid #677c9d;outline-offset:4px}
#como-funciona .pi-nfc-phone-idle:focus-visible,#como-funciona .pi-nfc-card-scroll:focus-visible{outline-offset:-4px}
#como-funciona .pi-nfc-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;gap:40px;margin:24px auto 0;padding:0 16px;text-align:left}
#como-funciona .pi-nfc-methods p{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:14px;margin:0;color:var(--pi-muted);font-size:15px;line-height:1.45;letter-spacing:-.01em}
#como-funciona .pi-nfc-methods img{grid-row:span 2;align-self:center;width:80px;height:80px;object-fit:contain}
#como-funciona .pi-nfc-methods strong{display:block;align-self:end;margin-bottom:4px;color:#3e4551;font-size:17px;line-height:1.25;font-weight:600}
#como-funciona .pi-nfc-methods span{display:block;align-self:start;max-width:350px}
#como-funciona .pi-nfc-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes pi-nfc-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
  #como-funciona.pi-nfc-section{padding:60px 20px}
  #como-funciona .pi-nfc-heading{max-width:460px;margin-bottom:26px}
  #como-funciona .pi-nfc-heading>p:last-child{max-width:350px;font-size:16px}
  #como-funciona .pi-nfc-experience{max-width:520px;margin:0 auto;border-radius:26px}
  #como-funciona .pi-nfc-stage{height:clamp(296px,58vw,323px)}
  #como-funciona .pi-nfc-plate{left:4%;bottom:40px;width:51%;height:256px}
  #como-funciona .pi-nfc-phone{left:61%;bottom:58px;width:26.5%;max-width:106px;height:auto;aspect-ratio:196/386;border-radius:20px;padding:3px}
  #como-funciona .pi-nfc-phone-screen{position:relative;height:100%;aspect-ratio:186/374;border-radius:16px;border-width:2px}
  #como-funciona .pi-nfc-phone-idle{position:absolute;inset:0;padding:23px 3px 15px}
  #como-funciona .pi-nfc-phone:before{top:8px;left:calc(50% - 13px);width:26px;height:7px}
  #como-funciona .pi-nfc-phone-time{font-size:clamp(24px,7.5vw,32px)}
  #como-funciona .pi-nfc-card{position:absolute;inset:0;padding-top:13px}
  #como-funciona .pi-nfc-signal{top:88px;left:46%;transform:scale(.8)}
  #como-funciona .pi-nfc-controls{padding:17px 16px 22px}
  #como-funciona .pi-nfc-status{max-width:320px;font-size:12px;min-height:36px;margin-bottom:10px}
  #como-funciona .pi-nfc-actions{gap:5px}
  #como-funciona .pi-nfc-button{padding:11px 17px;font-size:12px}
  #como-funciona .pi-nfc-methods{max-width:480px;gap:22px;padding:0 7px}
  #como-funciona .pi-nfc-methods p{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:14px}
  #como-funciona .pi-nfc-methods img{margin-bottom:5px}
  #como-funciona .pi-nfc-methods strong,#como-funciona .pi-nfc-methods span{align-self:center;text-wrap:balance}
  #como-funciona .pi-nfc-methods strong{font-size:16px}
}
@media(max-width:390px){
  #como-funciona.pi-nfc-section{padding-right:14px;padding-left:14px}
  #como-funciona .pi-nfc-stage{height:270px}
  #como-funciona .pi-nfc-plate{height:222px}
  #como-funciona .pi-nfc-methods{gap:17px}
}
@media(prefers-reduced-motion:reduce){
  #como-funciona .pi-nfc-phone,#como-funciona .pi-nfc-plate,#como-funciona .pi-nfc-signal,#como-funciona .pi-nfc-button{transition:none}
  #como-funciona .pi-nfc-card{animation:none}
}
