/* Patrão do Pix pilot mascot: presentation only. */
header div:has(>img[data-brand-logo]){width:142px;height:44px}
#pp-dialog .pp-auth-brand{width:190px;height:61px}
#pp-dialog:has([data-auth-hero]){padding:0;width:470px;background:#031327;border-color:#21477b}
#pp-dialog:has([data-auth-hero])>.pp-close{top:0;right:0;z-index:3;width:40px;height:40px;background:#001025bd;border-radius:0 0 0 16px}
.pp-auth-hero{position:relative;min-height:180px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 50%,#086fb7,transparent 64%),linear-gradient(120deg,#062253,#153bd0);border-bottom:1px solid #4379c3}
.pp-auth-hero:before{content:'';position:absolute;z-index:-1;inset:-40% 10% -40% 45%;border:1px solid #8bccff40;border-radius:50%;transform:rotate(30deg)}
.pp-auth-hero-copy{position:relative;z-index:1;padding:22px 26px;width:57%}
.pp-auth-hero-copy img{display:block;width:118px;height:auto;margin:0 0 12px}
.pp-auth-hero-copy strong{font-size:25px;line-height:1.05;font-weight:850;display:block;letter-spacing:-.6px}
.pp-auth-hero-copy small{display:block;color:#accdf4;font-size:8px;margin-top:12px}
.pp-auth-hero-mascot{position:absolute;right:4px;bottom:-4px;width:49%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 12px #02092560)}
.pp-auth-content{padding:22px 28px 26px}
#pp-dialog .pp-auth-content h2{font-size:23px;margin:0 0 8px}
#pp-dialog .pp-auth-content .pp-auth-intro{font-size:13px;margin:0 0 18px}
#pp-dialog .pp-auth-content .pp-auth-switch{font-size:12px;margin:0 0 18px}
#pp-dialog .pp-deposit-banner:has(.pp-deposit-mascot){min-height:216px}
#pp-dialog .pp-deposit-banner>div:first-child{max-width:56%}
#pp-dialog .pp-deposit-banner img.pp-deposit-mascot{position:absolute;right:-3px;bottom:-3px;width:51%;height:95%;margin:0;object-fit:contain;object-position:center bottom;z-index:1;filter:drop-shadow(0 6px 10px #00132f60)}
.pp-reward-banner:has(.pp-reward-mascot)>span:first-child{max-width:calc(100% - 56px)}
.pp-reward-banner .pp-reward-mascot{width:82px;height:94px;right:-12px;bottom:-2px;opacity:1;object-fit:contain;object-position:bottom}
.pp-reward-banner:has(.pp-reward-mascot) strong{font-size:17px}.pp-reward-banner:has(.pp-reward-mascot) em{font-size:9px}
.pp-rewards .pp-reward-hero{padding-right:112px;background:url('assets/brand/mascot-pilot-v1.webp') right -10px bottom / 120px auto no-repeat,linear-gradient(125deg,#173762,#25267a)}
.pp-rewards .pp-reward-hero strong{font-size:23px}
@media(max-width:767px){header div:has(>img[data-brand-logo]){width:112px;height:38px}}
@media(max-width:350px){
  .local-mobile header>div:first-child{padding-left:8px;padding-right:8px;gap:4px}
  .local-mobile header>div:first-child>a>div:has(>img[data-brand-logo]){width:80px;height:30px}
  .local-mobile header button[aria-label="Abrir busca"]{width:32px;height:40px}
  .local-mobile header [data-demo-balance]{font-size:11px}
}
@media(max-width:380px){header div:has(>img[data-brand-logo]){width:100px;height:34px}.pp-auth-hero{min-height:156px}.pp-auth-hero-copy{padding:20px;width:57%}.pp-auth-hero-copy img{width:95px}.pp-auth-hero-copy strong{font-size:21px}.pp-auth-hero-copy small{font-size:7px;max-width:125px}.pp-auth-hero-mascot{right:-1px;width:47%}.pp-auth-content{padding:20px}.pp-rewards .pp-reward-hero{padding-right:95px;background-size:105px auto,auto}.pp-rewards .pp-reward-hero strong{font-size:21px}#pp-dialog .pp-deposit-banner strong{font-size:26px}}