/* Hinario Digital - pagina "Baixar o aplicativo"
   Usa as cores e fontes do estilo.css. Letras grandes: boa parte de quem
   usa o hinario na igreja tem dificuldade de visao. */
.pagina-baixar{padding-bottom:40px}
.baixar-pagina{max-width:620px;margin:0 auto;padding:calc(22px + env(safe-area-inset-top)) 20px 30px}
.baixar-voltar{color:var(--apagado);text-decoration:none;font-size:14px}
.baixar-voltar:hover,.baixar-voltar:focus-visible{color:var(--ouro)}
.baixar-titulo{margin-top:24px;font-family:'Fraunces',serif;font-weight:400;
  font-size:32px;line-height:1.15;color:var(--ouro)}
.baixar-pagina>p{margin-top:16px;font-size:17px;line-height:1.65;color:var(--texto)}

.baixar-caixa{margin-top:26px;padding:20px;border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.015) 100%);
  border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.baixar-caixa h2{font-size:14px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ouro);font-weight:600}
.baixar-caixa p{margin-top:12px;font-size:16px;line-height:1.6;color:var(--texto)}
.baixar-caixa p.baixar-atencao{margin-top:14px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);color:var(--ouro);font-weight:600}
.baixar-ordem{margin:14px 0 0;padding-left:26px}
.baixar-ordem li{margin-top:8px;font-size:17px;line-height:1.5;color:var(--texto);font-weight:600}
.baixar-ordem li::marker{color:var(--ouro);font-weight:700}

.baixar-confianca{margin-top:22px;padding:20px;border-radius:18px;
  border:1px solid rgba(232,163,61,.28);background:rgba(232,163,61,.06)}
.baixar-confianca h2{font-size:14px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ouro);font-weight:600}
.baixar-confianca p{margin-top:12px;font-size:16px;line-height:1.6;color:var(--texto)}
.baixar-confianca p.baixar-compromisso{margin-top:16px;text-align:center;
  font-family:'Fraunces',serif;font-size:18px;color:var(--ouro)}

.baixar-botao{display:block;margin-top:26px;padding:18px 20px;border-radius:16px;
  text-align:center;text-decoration:none;
  background:linear-gradient(180deg,#F2B451 0%,var(--ouro) 100%);color:#1A1A1A;
  font-size:20px;font-weight:700;letter-spacing:.01em;
  box-shadow:0 6px 18px rgba(232,163,61,.18);transition:filter .2s ease,transform .1s ease}
.baixar-botao:hover{filter:brightness(1.07)}
.baixar-botao:active{transform:scale(.99)}
.baixar-botao:focus-visible{outline:2px solid var(--texto);outline-offset:3px}
.baixar-botao-detalhe{display:block;margin-top:4px;font-size:14px;font-weight:600;opacity:.75}

.baixar-passos{margin-top:30px}
.baixar-passos h2{font-size:14px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ouro);font-weight:600}
.baixar-passos ol{margin:14px 0 0;padding-left:26px}
.baixar-passos li{margin-top:14px;font-size:17px;line-height:1.6;color:var(--texto)}
.baixar-passos li::marker{color:var(--ouro);font-weight:700}
.baixar-nota{margin-top:18px;font-size:15px;line-height:1.6;color:var(--apagado)}

.baixar-privacidade{margin-top:28px;text-align:center;font-size:14px;line-height:1.6;
  color:var(--apagado)}
.baixar-privacidade a{color:var(--apagado)}
.baixar-privacidade a:hover,.baixar-privacidade a:focus-visible{color:var(--ouro)}