/* appresenha.com: botões das lojas no lugar de "criar conta" / "já tenho conta" (o resto é o CSS da landing do app) */
.lojas { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .75rem; }
.l2-fim .lojas { justify-content: center; }
.loja { display: inline-flex; align-items: center; gap: .65rem; min-height: 3.5rem; padding: .55rem 1.25rem .55rem 1rem; border-radius: 14px;
  background: #0b0b0c; color: #fff; border: 1.5px solid rgba(255,255,255,.34); text-decoration: none; line-height: 1.1; transition: transform .12s, border-color .15s; }
a.loja:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.7); }
a.loja:focus-visible { outline: 2px solid #ffd23f; outline-offset: 3px; }
.loja-txt { display: flex; flex-direction: column; text-align: left; }
.loja-txt small { font-size: .7rem; font-weight: 500; opacity: .85; letter-spacing: .01em; }
.loja-txt b { font-size: 1.15rem; font-weight: 700; letter-spacing: -.01em; }
.l2-heroi .loja-apple { background: #ffd23f; color: #141414; border-color: #ffd23f; box-shadow: 0 10px 30px rgba(255,210,63,.3); }
.loja-breve { cursor: default; }
.loja-breve .loja-txt small { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; font-size: .62rem; }
/* no fim da página (faixa amarela): botões pretos */
.faixa-amarela .loja { background: #141414; color: #ffd23f; border-color: #141414; }
@media (prefers-reduced-motion: reduce) { a.loja:hover { transform: none; } }