/* Ecrã «Escolha o seu pacote» */
.pg-pacotes{background:#040817}
.pk-top .wrap{gap:14px}
.pk-voltar{display:grid;place-items:center;width:40px;height:40px;margin-left:-8px;border-radius:12px;color:#DCE6FF;text-decoration:none}
.pk-voltar .ico{width:26px;height:26px;stroke-width:2.2}
.pk-voltar:hover{background:rgba(255,255,255,.06)}
.pk-top .logo{font-size:1.05rem}

.pk{position:relative;overflow:hidden;min-height:calc(100vh - 70px)}
.pk-ceu{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 40% at 100% 0%,rgba(46,123,255,.28),transparent 70%),radial-gradient(60% 30% at 0% 100%,rgba(31,90,255,.18),transparent 70%)}
.pk-ceu::before{content:"";position:absolute;width:150vw;max-width:1400px;aspect-ratio:1;right:-95vw;top:-75vw;border-radius:50%;
  border:2px solid rgba(140,200,255,.75);box-shadow:0 0 18px rgba(89,170,255,.8),0 0 60px rgba(46,123,255,.5),inset 0 0 40px rgba(46,123,255,.35)}
@media (min-width:700px){.pk-ceu::before{right:-60%;top:-70%;width:900px}}

.pk-wrap{position:relative;max-width:520px;margin:0 auto;padding:30px max(16px,env(safe-area-inset-left)) 40px}
.pk h1{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(2.3rem,1.6rem + 3.2vw,3rem);line-height:1.02;letter-spacing:-.025em;color:#fff}
.pk h1 .script{display:inline-block;position:relative;font-family:var(--script);font-weight:400;font-size:1.32em;letter-spacing:0;color:#9BE0FF;padding:0 .08em;margin-left:.04em;line-height:.9;
  text-shadow:0 0 4px #CDEFFF,0 0 12px rgba(89,200,255,.9),0 0 26px rgba(46,123,255,.85);transform:rotate(-5deg) translateY(.02em)}
.pk h1 .script::after{content:"";position:absolute;left:2%;right:4%;bottom:-.08em;height:.08em;border-radius:50%;
  background:linear-gradient(90deg,transparent,#9BE0FF 20%,#CDEFFF 60%,transparent);box-shadow:0 0 10px #3D8BFF,0 0 20px #1F6BFF;transform:rotate(-2deg)}
.pk-sub{margin:12px 0 22px;font-size:1.05rem;line-height:1.4;color:#C9D6F5}

/* cartão «Preços» */
.pk-precos{padding:18px 14px 16px;border-radius:20px;
  background:linear-gradient(160deg,rgba(14,34,88,.88),rgba(5,12,34,.94)) padding-box,linear-gradient(140deg,#8FD0FF,#2F7BFF 45%,#8FD0FF) border-box;
  border:1.5px solid transparent;box-shadow:0 0 0 1px rgba(89,170,255,.2),0 0 28px rgba(46,123,255,.5),0 14px 30px rgba(0,0,0,.45)}
.pk-cab{display:flex;align-items:flex-start;gap:14px;padding:0 4px 14px}
.pk-ic{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:12px;background:linear-gradient(180deg,#3483FF,#1556E6);box-shadow:0 0 0 1px rgba(140,185,255,.55) inset,0 0 18px rgba(46,123,255,.55)}
.pk-ic .ico{width:28px;height:28px;color:#BFE6FF;stroke-width:2}
.pk-cab h2{margin:2px 0 0;font-family:var(--display);font-weight:800;font-size:1.5rem;line-height:1.1;color:#fff}
.pk-cab p{margin:6px 0 0;font-size:.92rem;line-height:1.35;color:#C9D6F5}

.pk-opcoes{display:flex;flex-direction:column;gap:10px}
.pk-op{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px;border-radius:16px;cursor:pointer;text-align:left;font:inherit;color:inherit;
  background:rgba(6,16,46,.85);border:1px solid rgba(130,190,255,.32);-webkit-tap-highlight-color:transparent}
.pk-op[aria-checked="true"]{border:1.5px solid #8FD0FF;box-shadow:0 0 0 1px rgba(89,170,255,.25),0 0 18px rgba(46,123,255,.45);background:rgba(10,26,70,.9)}
.pk-doc{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(180deg,#2B74FF,#0F3DB0);box-shadow:0 0 12px rgba(46,123,255,.45)}
.pk-doc .ico{width:22px;height:22px;color:#DFF1FF}
.pk-op-tx b{display:block;font-family:var(--display);font-weight:700;font-size:1.08rem;line-height:1.15;color:#fff}
.pk-op-tx small{display:block;margin-top:3px;font-size:.84rem;color:#B9C8EC}
.pk-preco{display:flex;flex-direction:column;align-items:center;gap:5px}
.pk-pill{display:block;min-width:104px;padding:9px 14px;border-radius:11px;text-align:center;font-family:var(--display);font-weight:800;font-size:1.12rem;color:#1556E6;background:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.9) inset,0 0 16px rgba(140,200,255,.45)}
.pk-selo{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-family:var(--display);font-weight:700;font-size:.72rem;color:#8FD8FF;white-space:nowrap;
  background:rgba(31,107,255,.16);border:1px solid rgba(130,190,255,.65)}
.pk-selo .ico{width:14px;height:14px;color:#FFC861;fill:rgba(255,200,97,.35);stroke-width:2}

.pk-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;margin-top:14px;border:0;border-radius:13px;cursor:pointer;
  font:inherit;font-family:var(--display);font-weight:700;font-size:1.05rem;color:#1556E6;text-decoration:none;background:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.9) inset,0 0 22px rgba(140,200,255,.45)}
.pk-btn .ico{width:20px;height:20px;stroke-width:2.4;color:#1556E6}
.pk-btn:active{transform:translateY(1px)}

.pk-aviso{margin-top:14px;padding:14px;border-radius:14px;text-align:center;background:rgba(10,24,62,.92);border:1px solid rgba(255,200,97,.55);box-shadow:0 0 16px rgba(245,165,36,.18)}
.pk-aviso b{display:block;font-family:var(--display);font-size:.95rem;color:#FFE2A8}
.pk-aviso span{display:block;margin-top:4px;font-size:.86rem;color:#DCE6FF}
.pk-btn-2{margin-top:12px;min-height:44px;font-size:.92rem}

.pk-info{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.pk-info a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:rgba(8,18,50,.8);border:1px solid rgba(130,190,255,.28);color:inherit;text-decoration:none}
.pk-info a>div{flex:1;min-width:0}
.pk-info .ico{width:30px;height:30px;color:#59C8FF;filter:drop-shadow(0 0 6px rgba(89,200,255,.55));flex-shrink:0}
.pk-info .pk-seta{width:18px;height:18px;color:#8FB4F0;filter:none}
.pk-info b{display:block;font-family:var(--display);font-weight:700;font-size:.92rem;color:#F2F6FF}
.pk-info span{display:block;margin-top:2px;font-size:.8rem;line-height:1.35;color:#B9C8EC}

.pk-app{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px;border-radius:16px;
  background:linear-gradient(160deg,rgba(14,32,80,.75),rgba(5,12,34,.92));border:1px solid rgba(130,190,255,.4)}
.pk-app[hidden]{display:none}
.pk-app-ic{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:14px;background:linear-gradient(180deg,#3483FF,#1556E6);box-shadow:0 0 0 1px rgba(140,185,255,.55) inset,0 0 16px rgba(46,123,255,.5)}
.pk-app-ic .ico{width:28px;height:28px;color:#fff}
.pk-app>div{flex:1;min-width:0}
.pk-app b{display:block;font-family:var(--display);font-weight:700;font-size:1rem;color:#fff}
.pk-app>div span{display:block;margin-top:2px;font-size:.88rem;color:#8FD0FF}
.pk-app-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;cursor:pointer;font:inherit;font-family:var(--display);font-weight:700;font-size:.95rem;color:#fff;
  background:linear-gradient(180deg,#3483FF,#1556E6);border:0;box-shadow:0 0 0 1px rgba(140,185,255,.55) inset,0 0 18px rgba(46,123,255,.5);white-space:nowrap}
.pk-app-btn .ico{width:18px;height:18px;stroke-width:2.3}
.pk-app-aviso{margin:10px 2px 0;font-size:.84rem;color:#DCE6FF;text-align:center}

@media (max-width:374px){
  .pk-op{gap:9px;padding:10px}
  .pk-doc{width:36px;height:36px}
  .pk-op-tx b{font-size:.98rem}
  .pk-op-tx small{font-size:.76rem}
  .pk-pill{min-width:84px;padding:8px 10px;font-size:1rem}
  .pk-app{gap:10px;padding:12px}
  .pk-app-ic{width:44px;height:44px}
  .pk-app-btn{padding:0 12px;font-size:.88rem}
}
@media (prefers-reduced-motion:reduce){.pk-btn:active{transform:none}}
.pk-pill{min-width:96px}
.pk-selo{font-size:.66rem;padding:3px 8px;gap:4px}
.pk-selo .ico{width:12px;height:12px}
@media (max-width:374px){
  .pk-doc{display:none}
  .pk-op{grid-template-columns:minmax(0,1fr) auto}
  .pk-pill{min-width:78px}
  .pk-app b{font-size:.92rem}
  .pk-app>div span{font-size:.8rem}
}
.pk-op-tx small{white-space:nowrap;font-size:.8rem}
.pk-op{gap:10px}
@media (max-width:374px){ .pk-op-tx small{font-size:.72rem} }
/* coroa invertida: fundo branco, coroa azul */
.pk-ic{background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.9) inset,0 0 18px rgba(140,200,255,.5)}
.pk-ic .ico{color:#1556E6;stroke-width:2.2}
/* «Como funciona» */
.pk-como{margin:0 0 16px;padding:14px 12px 12px;border-radius:16px;background:rgba(8,18,50,.78);border:1px solid rgba(130,190,255,.32)}
.pk-como h2{margin:0 2px 10px;font-family:var(--display);font-weight:800;font-size:1.08rem;color:#fff}
.pk-como ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pk-como li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:10px 6px;border-radius:12px;background:rgba(10,26,70,.7);border:1px solid rgba(130,190,255,.22)}
.pk-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-family:var(--display);font-weight:800;font-size:.9rem;color:#fff;background:linear-gradient(180deg,#3483FF,#1556E6);box-shadow:0 0 12px rgba(46,123,255,.8)}
.pk-como li b{font-family:var(--display);font-weight:700;font-size:.8rem;line-height:1.2;color:#F2F6FF}
.pk-como li span:last-child{font-size:.72rem;line-height:1.3;color:#B9C8EC}
@media (max-width:374px){ .pk-como li{padding:9px 4px} .pk-como li b{font-size:.74rem} .pk-como li span:last-child{font-size:.66rem} }
/* ícone da app = logótipo */
.pk-app-ic.logo-mark{width:52px;height:52px;border-radius:14px}
.pk-app-ic.logo-mark .ico{width:28px;height:28px;color:#fff;stroke-width:2.4}
@media (max-width:374px){ .pk-app-ic.logo-mark{width:44px;height:44px} }
/* «Como funciona» por baixo dos preços, no estilo dos cartões de informação */
.pk-como{margin:22px 0 0;padding:0;border:0;background:none}
.pk-como h2{margin:0 2px 10px;font-family:var(--display);font-weight:800;font-size:1.15rem;color:#fff}
.pk-como ol{display:flex;flex-direction:column;gap:10px;grid-template-columns:none}
.pk-como li{flex-direction:row;align-items:center;text-align:left;gap:14px;padding:12px 14px;border-radius:14px;background:rgba(8,18,50,.8);border:1px solid rgba(130,190,255,.28)}
.pk-como li>div{flex:1;min-width:0}
.pk-n{width:30px;height:30px;flex-shrink:0;font-size:.95rem}
.pk-como li b{display:block;font-size:.92rem;line-height:1.25}
.pk-como li div span{display:block;margin-top:3px;font-size:.8rem;line-height:1.38;color:#B9C8EC}
.pk-como li span:last-child{font-size:inherit}
@media (max-width:374px){ .pk-como li{padding:11px 12px;gap:11px} .pk-como li b{font-size:.86rem} .pk-como li div span{font-size:.76rem} }
.pk-como + .pk-info{margin-top:10px}
.pk-como li div span:last-child{font-size:.8rem;line-height:1.38}
@media (max-width:374px){ .pk-como li div span:last-child{font-size:.76rem} }
.pk-como{margin-top:4px}
.pk-como + .pk-btn{margin-top:18px}
/* ===== ilustração e versão de computador ===== */
.pk-ilus{display:none}
.pk-nav{display:none}
.pk-top .btn{display:none}
.pk-rodape{display:block}
@media (min-width:961px){
  .pk-top .wrap{gap:28px}
  .pk-voltar{display:none}
  .pk-nav{display:flex;margin-left:auto}
  .pk-nav a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 #3D8BFF}
  .pk-top .btn{display:inline-flex}
  .pk-wrap{max-width:1180px;padding:40px 32px 60px}
  .pk-topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:24px;margin-bottom:6px}
  .pk h1{font-size:4.4rem}
  .pk-sub{font-size:1.35rem;margin-bottom:0}
  .pk-ilus{display:block;width:100%;height:auto}
  .pk-precos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;column-gap:22px;align-items:center;padding:22px 26px}
  .pk-cab{grid-column:1/-1;padding-bottom:16px}
  .pk-cab h2{font-size:1.7rem}
  .pk-cab p{font-size:1rem}
  .pk-opcoes{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .pk-op{padding:16px 18px}
  .pk-op-tx b{font-size:1.2rem}
  .pk-pill{font-size:1.3rem;min-width:118px}
  .pk-precos>.pk-btn{grid-column:3;margin:0;width:auto;min-width:300px;min-height:58px;font-size:1.2rem;position:relative}
  .pk-precos>.pk-btn::before{content:"";position:absolute;left:-12px;top:-6px;bottom:-6px;border-left:1px solid rgba(130,190,255,.35)}
  .pk-aviso{grid-column:1/-1}
  .pk-rodape{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:22px}
  .pk-info{display:contents}
  .pk-info li{display:flex}
  .pk-info a{align-items:flex-start;padding:18px 16px;width:100%}
  .pk-info a>div{padding-top:2px}
  .pk-info .pk-seta{align-self:center}
  .pk-app{margin:0;flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding:16px}
  .pk-app>div{flex:1}
  .pk-app-btn{margin-left:66px;margin-top:4px}
}
@media (min-width:961px) and (max-width:1180px){
  .pk-rodape{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pk-precos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pk-precos>.pk-btn{grid-column:1/-1;margin-top:16px;width:100%}
  .pk-precos>.pk-btn::before{display:none}
}
@media (min-width:961px){
  .pk-info a{gap:11px;padding:16px 12px 16px 14px}
  .pk-info .ico{width:26px;height:26px}
  .pk-info .pk-seta{width:16px;height:16px}
  .pk-info b{font-size:.9rem;line-height:1.25}
  .pk-info span{font-size:.78rem}
  .pk-app{gap:12px;padding:16px 14px}
  .pk-app-ic.logo-mark{width:46px;height:46px}
  .pk-app b{font-size:.92rem}
  .pk-app>div span{font-size:.8rem}
  .pk-app-btn{margin-left:58px;min-height:40px;font-size:.9rem}
  .pk h1{line-height:.98}
}
@media (min-width:961px){ .pk-titulo .pk-sub{margin-top:50px} }
@media (min-width:961px){ .pk-topo{margin-bottom:30px} }
/* páginas de explicação (Como funciona, Relatórios guardados, Código, Pagamento) */
.pk-wrap:not(:has(.pk-precos)) .pk-sub{margin-top:30px}
@media (min-width:961px){ .pk-wrap:not(:has(.pk-precos)){max-width:860px} }
/* ===== compra MB WAY e «A minha conta» ===== */
.pk-compra{grid-column:1/-1;margin-top:16px}
.pk-form{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:rgba(6,16,46,.9);border:1px solid rgba(130,190,255,.4)}
.pk-form-t{font-family:var(--display);font-weight:800;font-size:1.1rem;color:#fff}
.pk-form-s{margin:-6px 0 0;font-size:.88rem;color:#C9D6F5}
.pk-form label{display:flex;flex-direction:column;gap:6px;font-size:.86rem;font-weight:600;color:#DCE6FF}
.pk-form input[type=email],.pk-form input[type=tel],.pk-form input[type=text]{min-height:50px;padding:0 14px;border-radius:12px;border:1.5px solid rgba(140,190,255,.6);background:#fff;color:#0A1A40;font:inherit;font-size:1.02rem}
.pk-form input:focus{outline:2px solid #59C8FF;outline-offset:1px}
.pk-form .pk-aceito{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500;font-size:.84rem;line-height:1.4;color:#C9D6F5}
.pk-aceito input{width:20px;height:20px;margin-top:1px;flex-shrink:0;accent-color:#3483FF}
.pk-aceito a{color:#8FD0FF}
.pk-form .pk-btn{margin-top:4px}
.pk-form-msg{margin:0;font-size:.86rem;color:#C9D6F5;min-height:1em}
.pk-form-msg.err{color:#FF9DA0}
.pk-espera{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:16px;text-align:center;background:rgba(6,16,46,.9);border:1px solid rgba(130,190,255,.4)}
.pk-espera b{font-family:var(--display);font-size:1.05rem;line-height:1.3;color:#fff}
.pk-espera p{margin:0;font-size:.9rem;color:#C9D6F5}
.pk-espera.ok{border-color:rgba(124,240,180,.6);box-shadow:0 0 20px rgba(34,181,115,.25)}
.pk-espera.ok b{color:#7CF0B4}
.pk-espera.err{border-color:rgba(255,138,141,.55)}
.pk-espera .pk-btn{margin-top:8px}
.pk-mbway{padding:6px 14px;border-radius:10px;font-family:var(--display);font-weight:800;font-size:.95rem;letter-spacing:.04em;color:#fff;background:#D9262E;box-shadow:0 0 14px rgba(217,38,46,.45)}
.pk-tempo{font-family:var(--display);font-weight:800;color:#fff}
.pk-link{display:inline-block;margin-top:10px;padding:6px;border:0;background:none;cursor:pointer;font:inherit;font-size:.9rem;color:#8FD0FF;text-decoration:underline;text-underline-offset:3px}
.pk-conta{display:flex;flex-direction:column;gap:12px}
.pk-conta>.pk-btn{margin-top:0}
.pk-saldo{display:flex;align-items:center;gap:16px;padding:18px;border-radius:18px;
  background:linear-gradient(160deg,rgba(14,34,88,.88),rgba(5,12,34,.94)) padding-box,linear-gradient(140deg,#8FD0FF,#2F7BFF 45%,#8FD0FF) border-box;border:1.5px solid transparent;box-shadow:0 0 24px rgba(46,123,255,.45)}
.pk-saldo-n{display:grid;place-items:center;min-width:64px;height:64px;padding:0 10px;border-radius:16px;font-family:var(--display);font-weight:800;font-size:2rem;color:#1556E6;background:#fff;box-shadow:0 0 18px rgba(140,200,255,.5)}
.pk-saldo b{display:block;font-family:var(--display);font-size:1.1rem;color:#fff}
.pk-saldo small{display:block;margin-top:3px;font-size:.84rem;color:#B9C8EC}
.pk-h2{margin:14px 2px 0;font-family:var(--display);font-weight:800;font-size:1.15rem;color:#fff}
.pk-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pk-lista a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(8,18,50,.8);border:1px solid rgba(130,190,255,.28);color:inherit;text-decoration:none}
.pk-lista a>span{flex:1;min-width:0}
.pk-lista b{display:block;font-family:var(--display);font-size:.95rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-lista small{display:block;font-size:.8rem;color:#9FB2DC}
.pk-lista .pk-seta{width:16px;height:16px;color:#8FB4F0}
.pk-vazio{margin:0;font-size:.9rem;color:#B9C8EC}
@media (min-width:961px){ .pk-compra .pk-form,.pk-compra .pk-espera{max-width:560px;margin:0 auto} }
.pk-compra{scroll-margin-top:90px}