/* PedPronto · visual padrão das páginas secundárias (04/10/2026)
   Vale para login, cadastro, contato, esqueci, redefinir, verificar, descadastro (cadastro.css)
   e para as páginas legais (legal.css). Carregar DEPOIS desses arquivos.
   Só aparência: cor, borda, raio, fonte, altura e espaçamento. Não muda largura de campos,
   ordem, ids nem nada que os scripts usem. Para desligar: tirar a linha deste arquivo. */
:root{--pp-raio:14px;--pp-borda:rgba(26,28,26,.12)}
body.pp-padrao{background:var(--paper,#EFF1EC);-webkit-font-smoothing:antialiased}
body.pp-padrao .spine{display:none}
body.pp-padrao{padding-left:0}

/* ---------- topo (as duas famílias) ---------- */
body.pp-padrao>header{position:sticky;top:0;z-index:50;background:rgba(239,241,236,.88);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(26,28,26,.08)}
body.pp-padrao>header .in,body.pp-padrao>header .wrap{max-width:1080px;margin:0 auto;padding:0 24px;min-height:68px;height:auto}
body.pp-padrao .brand{font-size:19px;font-weight:700;letter-spacing:-.02em;gap:10px}
body.pp-padrao .brand::before{width:21px;height:28px}
body.pp-padrao .brand em{font-size:12.5px;font-weight:500;border-left:1px solid var(--rule,#D6D9D1);padding-left:10px;margin-left:2px}
body.pp-padrao .marca svg{height:28px}
body.pp-padrao .marca b{font-size:19px;letter-spacing:-.02em}
body.pp-padrao .marca em{font-size:12.5px;font-weight:500;padding-left:10px}
body.pp-padrao .voltar,body.pp-padrao .legal-doc-select{border-radius:10px;border:1px solid var(--pp-borda);background:#fff;font-weight:600;min-height:40px}
body.pp-padrao .voltar:hover{border-color:var(--ink,#1A1C1A);background:#fff}

/* ---------- títulos com a faixa das quatro cores ---------- */
body.pp-padrao .login-wrap>h1,body.pp-padrao .legal-hero h1,body.pp-padrao main h1{font-weight:800;letter-spacing:-.035em;line-height:1.02}
body.pp-padrao .login-wrap>h1{font-size:clamp(32px,5vw,40px);margin:0 0 10px}
body.pp-padrao .login-wrap>h1::before,body.pp-padrao .legal-hero .eyebrow::before{content:"";display:block;width:26px;height:4px;border-radius:2px;margin:0 0 16px;background:linear-gradient(90deg,#C9453D 0 25%,#E8BE3A 25% 50%,#3C74B4 50% 75%,#55924F 75%)}
body.pp-padrao .legal-hero .eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2,#4A4F4B)}
body.pp-padrao .legal-hero h1{font-size:clamp(34px,5vw,56px);max-width:20ch}
body.pp-padrao .legal-hero{padding:56px 0 28px}
body.pp-padrao .legal-hero .lead{font-size:15.5px;font-weight:400;max-width:60ch}
body.pp-padrao .login-wrap>.sub,body.pp-padrao .login-wrap .sub{font-size:15.5px;color:var(--ink2,#4A4F4B);text-align:left;hyphens:manual;-webkit-hyphens:manual;line-height:1.5}
body.pp-padrao .login-wrap{margin-top:56px}

/* ---------- cartão do formulário ---------- */
body.pp-padrao .painel{background:#fff;border:1px solid rgba(26,28,26,.08);border-radius:var(--pp-raio);padding:26px;box-shadow:0 1px 0 rgba(26,28,26,.03),0 18px 40px -28px rgba(26,28,26,.35);position:relative;overflow:hidden}
body.pp-padrao .painel::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#C9453D 0 25%,#E8BE3A 25% 50%,#3C74B4 50% 75%,#55924F 75%)}
body.pp-padrao .campo label{font-size:13px;font-weight:600;color:var(--ink,#1A1C1A);margin-bottom:6px}
body.pp-padrao .campo input:not([type=checkbox]):not([type=radio]),body.pp-padrao .campo select,body.pp-padrao .campo textarea{border:1.5px solid var(--pp-borda);border-radius:10px;background:#fff;font-size:16px;min-height:48px}
body.pp-padrao .campo input:not([type=checkbox]):not([type=radio]):focus,body.pp-padrao .campo select:focus,body.pp-padrao .campo textarea:focus{border-color:var(--ink,#1A1C1A);box-shadow:0 0 0 3px rgba(26,28,26,.10)}
body.pp-padrao .painel .btn,body.pp-padrao form .btn{min-height:50px;border-radius:12px;font-weight:700;font-size:15.5px}
body.pp-padrao .painel .btn.sec{background:#fff;color:var(--ink,#1A1C1A);border:1.5px solid var(--pp-borda)}
body.pp-padrao .mini{text-align:left;hyphens:manual;-webkit-hyphens:manual}
body.pp-padrao .aviso-cfm{border-radius:10px;background:var(--paper,#EFF1EC);border-color:transparent;text-align:left;hyphens:manual;-webkit-hyphens:manual}
body.pp-padrao aside{border-radius:var(--pp-raio)}

/* ---------- páginas legais ---------- */
body.pp-padrao .legal-meta{border-radius:var(--pp-raio);border:1px solid rgba(26,28,26,.08);border-left:4px solid #E8BE3A;background:#fff;padding:18px 24px}
body.pp-padrao .legal-jump select{border:1.5px solid var(--pp-borda);border-radius:10px;background:#fff;min-height:48px;font:inherit;font-size:15px}
body.pp-padrao .legal-sec{background:#fff;border:1px solid rgba(26,28,26,.08);border-radius:var(--pp-raio);padding:22px 28px}
body.pp-padrao .legal-sec .sec-head{align-items:center;border-bottom:1px solid var(--rule2,#E4E7E0);padding-bottom:12px;margin-bottom:14px}
body.pp-padrao .legal-sec .sec-num{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:8px;background:var(--paper,#EFF1EC);color:var(--ink,#1A1C1A);font-weight:700;font-size:12.5px}
body.pp-padrao .legal-sec h2{font-size:clamp(18px,2.2vw,22px);font-weight:800;letter-spacing:-.02em}
body.pp-padrao .legal-sec .prose{font-size:16.5px;line-height:1.65}

@media (max-width:700px){
  body.pp-padrao>header .in,body.pp-padrao>header .wrap{padding:0 16px;min-height:60px}
  body.pp-padrao .login-wrap{margin-top:28px}
  body.pp-padrao .painel{padding:22px 18px}
  body.pp-padrao .legal-sec{padding:18px 18px}
  body.pp-padrao .legal-hero{padding:36px 0 22px}
}

/* cadastro: o título fica numa coluna própria (sem .login-wrap) */
body.pp-padrao h1{font-weight:800;letter-spacing:-.035em;line-height:1.02}
body.pp-padrao .wrap>div>h1,body.pp-padrao .cad-wrap h1,body.pp-padrao .layout h1{font-size:clamp(32px,5vw,40px);margin:0 0 10px}
body.pp-padrao aside p,body.pp-padrao aside{text-align:left;hyphens:manual;-webkit-hyphens:manual}

/* Minha conta (05/10/2026): mesmo acabamento das outras páginas */
body.pp-conta .conta-main section,body.pp-conta .cartao-plano{background:#fff;border:1px solid rgba(26,28,26,.08);border-radius:var(--pp-raio);box-shadow:0 1px 0 rgba(26,28,26,.03),0 14px 32px -28px rgba(26,28,26,.35)}
body.pp-conta .area-cab h1{font-weight:800;letter-spacing:-.035em}
body.pp-conta .area-cab .olho::before{content:"";display:inline-block;vertical-align:middle;width:22px;height:3px;border-radius:2px;margin-right:8px;background:linear-gradient(90deg,#C9453D 0 25%,#E8BE3A 25% 50%,#3C74B4 50% 75%,#55924F 75%)}
body.pp-conta .btn{border-radius:10px}
body.pp-conta .campo input:not([type=checkbox]):not([type=radio]),body.pp-conta .campo select{border:1.5px solid var(--pp-borda);border-radius:10px;min-height:46px;background:#fff}
body.pp-conta .conta-nav a{border-radius:10px}

/* pub-app-lojas-site-20261019: app das lojas (html.pp-nativo, posto pela ponte do app e por /js/nativo.js).
   Reforço: o JS já não desenha a compra no app. No navegador comum estas regras não valem. */
html.pp-nativo #area-assinatura .opcoes-plano,
html.pp-nativo #area-assinatura #pix-box,
html.pp-nativo #btnPix,
html.pp-nativo #btnBoleto,
html.pp-nativo #btnCartao,
html.pp-nativo #btnPagarPix,
html.pp-nativo #btnPagarFatura,
html.pp-nativo #f_cpf_pix,
html.pp-nativo label[for="f_cpf_pix"],
html.pp-nativo #cpf-pix-nota,
html.pp-nativo #cartao-aviso,
html.pp-nativo #pix-estorno-limite,
html.pp-nativo #area-assinatura .pg-passo,
html.pp-nativo #area-assinatura .pg-garantias,
html.pp-nativo #area-assinatura .pg-plano,
html.pp-nativo #area-assinatura .pg-nota-asaas,
html.pp-nativo #area-assinatura iframe,
html.pp-nativo iframe[src*="asaas.com"],
html.pp-nativo .login-wrap a[href*="cadastro/"]:not([href*="descadastro"]),
html.pp-nativo header a.nav-link[href*="cadastro/"]{display:none!important}
/* r2 (Gabriel P2.5): no app, Configurações de cookies na Política de Cookies não é link (medicao.js troca por texto; isto é reforço). */
html.pp-nativo a#pp-config-cookies{pointer-events:none;color:inherit;text-decoration:none;cursor:default}