/*
 * Convite pra instalar o app. Carregado junto com pwa.js em toda página onde
 * ele pode aparecer — antes morava no CSS do agendamento e, no painel,
 * aparecia como botões crus do navegador.
 */
.bt-pwa{position:fixed;z-index:99990;right:20px;bottom:20px;width:380px;max-width:calc(100vw - 24px);
  padding:18px 18px 16px;border-radius:20px;color:#fff;
  background:linear-gradient(160deg,#132432,#0c1822 75%);
  border:1px solid rgba(186,147,78,.45);
  box-shadow:0 26px 70px rgba(0,0,0,.6),inset 0 1px 0 rgba(243,223,174,.1);
  font-family:'Source Sans 3',-apple-system,system-ui,sans-serif;
  opacity:0;transform:translateY(24px) scale(.98);transition:opacity .32s,transform .32s cubic-bezier(.2,.7,.2,1)}
.bt-pwa.is-aberto{opacity:1;transform:none}
body.admin-bar .bt-pwa{bottom:20px}

.bt-pwa__fechar{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;cursor:pointer;
  border:0;background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);font-size:18px;line-height:1}
.bt-pwa__fechar:hover{background:rgba(255,255,255,.12);color:#fff}

.bt-pwa__topo{display:flex;align-items:center;gap:14px;padding-right:30px}
.bt-pwa__icone{width:58px;height:58px;border-radius:15px;flex-shrink:0;
  box-shadow:0 8px 20px rgba(0,0,0,.45),0 0 0 1px rgba(186,147,78,.35)}
.bt-pwa__textos strong{display:block;font-family:'Big Shoulders Display',sans-serif;font-weight:800;
  font-size:21px;line-height:1.05;letter-spacing:.02em;text-transform:uppercase}
.bt-pwa__textos p{margin:5px 0 0;font-size:14px;line-height:1.45;color:rgba(255,255,255,.72)}

.bt-pwa__passos{margin:14px 0 0;padding:12px 14px;border-radius:12px;font-size:13.5px;line-height:1.5;
  background:rgba(186,147,78,.1);border:1px dashed rgba(186,147,78,.4);color:#f3dfae}
.bt-pwa__passos[hidden]{display:none}

.bt-pwa__acoes{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;margin-top:16px}
.bt-pwa__btn{min-height:46px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:15px;
  background:transparent;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.82);transition:all .2s}
.bt-pwa__btn:hover{border-color:rgba(186,147,78,.6);color:#fff}
.bt-pwa__btn--ouro{background:#ba934e;border-color:#ba934e;color:#0a141c;font-weight:700}
.bt-pwa__btn--ouro:hover{background:#cfa75e;border-color:#cfa75e;color:#0a141c}
.bt-pwa__btn[hidden]{display:none}
.bt-pwa__btn:focus-visible,.bt-pwa__fechar:focus-visible{outline:2px solid #cfa75e;outline-offset:3px}

@media (max-width:620px){
  .bt-pwa{left:10px;right:10px;width:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  /* No painel do celular, acima da barra de ícones. */
  .bt-app ~ .bt-pwa,body.bt-solo--painel .bt-pwa{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.bt-pwa{transition:none}}