/* Primeiro acesso por código (parts/primeiro-acesso.php). Mobile primeiro; as cores da loja (verde de ação, rosa clarinho). */
.pp-pa { margin: 0 0 20px; }
.pp-pa[hidden] { display: none !important; }
.pp-pa-caixa { position: relative; background: #fff; border: 2px solid #8FD3B6; border-radius: 14px; padding: 20px 18px 16px; box-shadow: 0 6px 24px rgba(54, 179, 118, .12); }
.pp-pa-titulo { margin: 0 0 8px; padding-right: 52px; font-size: 21px; line-height: 1.25; color: #2b2b2b; }
.pp-pa-frase { margin: 0 0 14px; font-size: 15px; line-height: 1.5; color: #4a4a4a; }
.pp-pa-passo[hidden] { display: none !important; }
.pp-pa-rotulo { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 600; color: #2b2b2b; }
.pp-pa-campo { display: block; width: 100%; box-sizing: border-box; height: 48px; padding: 0 14px; font-size: 17px; border: 1.5px solid #c9c9c9; border-radius: 10px; background: #fff; color: #2b2b2b; }
.pp-pa-campo:focus { outline: none; border-color: #36B376; box-shadow: 0 0 0 3px rgba(54, 179, 118, .22); }
.pp-pa-codigo { text-align: center; font-size: 28px; letter-spacing: 10px; font-variant-numeric: tabular-nums; }
.pp-pa-botao { display: block; width: 100%; margin: 14px 0 0; height: 50px; border: 0; border-radius: 10px; background: #36B376; color: #fff; font-size: 17px; font-weight: 700; cursor: pointer; }
.pp-pa-botao:hover:not(:disabled) { background: #2d9a65; }
.pp-pa-botao:disabled { opacity: .65; cursor: default; }
.pp-pa-texto { margin: 0 0 12px; font-size: 15px; line-height: 1.5; color: #2b2b2b; }
.pp-pa-dica { margin: 12px 0 0; font-size: 13px; color: #6b6b6b; }
.pp-pa-links { display: flex; justify-content: space-between; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.pp-pa-link { background: none; border: 0; padding: 6px 0; color: #1F4F7A; font-size: 14px; text-decoration: underline; cursor: pointer; }
.pp-pa-link:disabled { color: #8a8a8a; text-decoration: none; cursor: default; }
.pp-pa-senha-caixa { position: relative; }
.pp-pa-senha-caixa .pp-pa-campo { padding-right: 90px; }
.pp-pa-olho { position: absolute; right: 6px; top: 6px; height: 36px; padding: 0 12px; border: 0; border-radius: 8px; background: #EEF9F3; color: #2F5E47; font-size: 14px; font-weight: 600; cursor: pointer; }
.pp-pa-medidor { height: 8px; margin: 10px 0 4px; border-radius: 8px; background: #ececec; overflow: hidden; }
.pp-pa-medidor span { display: block; height: 100%; width: 0; background: #d94f4f; transition: width .2s, background .2s; }
.pp-pa-medidor span.f2 { background: #E0A100; }
.pp-pa-medidor span.f3 { background: #36B376; }
.pp-pa-medidor-texto { margin: 0 0 12px; font-size: 13px; color: #6b6b6b; }
.pp-pa-erro { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; background: #FFF0F4; color: #8A2F4D; font-size: 14px; line-height: 1.45; }
.pp-pa-erro[hidden] { display: none !important; }
.pp-pa-fechar { position: absolute; top: 10px; right: 12px; background: none; border: 0; color: #6b6b6b; font-size: 13px; cursor: pointer; text-decoration: underline; }
.pp-pa-aviso-login { margin: 0 0 14px; padding: 10px 12px; border-radius: 10px; background: #EEF9F3; color: #2F5E47; font-size: 14px; line-height: 1.45; text-align: center; }
@media (min-width: 640px) { .pp-pa-caixa { padding: 24px 24px 18px; } }
.pp-pa-campo-erro { margin: 6px 0 0; font-size: 13px; line-height: 1.4; color: #8A2F4D; }
.pp-pa-campo-erro[hidden] { display: none !important; }
.pp-pa-botao:disabled { opacity: .55; cursor: not-allowed; }
.pp-pa-conta { margin: 0 0 14px; font-size: 14px; color: #6b6b6b; }
.pp-pa-ajuda { margin: 6px 0 0; font-size: 14px; line-height: 1.4; color: #2F5E47; }