/* Instituto Vó Tutu — v228 PWA float inteligente
   Uma única finalidade: tornar o convite de instalação visível sem atrapalhar a leitura.
   Home/site/loja/memória/cesta. No app já instalado, permanece oculto. */
.pwa-install-float{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
  width:min(76vw,310px)!important;
  max-width:310px!important;
  z-index:9000!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(-50%,14px)!important;
  transition:opacity .24s ease,transform .24s ease,visibility .24s ease!important;
}
.pwa-install-float[hidden]{display:none!important}
.pwa-install-float.is-visible{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
}
.pwa-install-button{
  width:100%!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:9px 15px!important;
  border:1px solid rgba(92,234,255,.62)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(4,30,43,.97),rgba(2,18,29,.98))!important;
  color:#fff!important;
  box-shadow:0 12px 34px rgba(0,0,0,.34),0 0 24px rgba(53,220,242,.20)!important;
  cursor:pointer!important;
  font-family:Montserrat,Arial,sans-serif!important;
}
.pwa-install-icon{
  width:38px!important;height:38px!important;flex:0 0 38px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:linear-gradient(180deg,#8ef7ff,#39cce5)!important;
  color:#07151c!important;font-weight:1000!important;font-size:1.05rem!important;
}
.pwa-install-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;line-height:1.05!important}
.pwa-install-copy strong{font-size:.96rem!important;font-weight:950!important;color:#fff!important;white-space:nowrap!important}
.pwa-install-copy small{margin-top:3px!important;font-size:.70rem!important;font-weight:700!important;color:#d8eef3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:20ch!important}
html.is-standalone-app .pwa-install-float,body.is-standalone-app .pwa-install-float{display:none!important}

.pwa-install-modal{position:fixed!important;inset:0!important;z-index:9200!important;display:none!important;align-items:center!important;justify-content:center!important;padding:18px!important;font-family:Montserrat,Arial,sans-serif!important}
.pwa-install-modal[aria-hidden="false"]{display:flex!important}
.pwa-install-backdrop{position:absolute!important;inset:0!important;background:rgba(2,11,17,.76)!important;backdrop-filter:blur(5px)!important}
.pwa-install-card{position:relative!important;width:min(92vw,520px)!important;max-height:86vh!important;overflow:auto!important;padding:28px 24px 24px!important;border:1px solid rgba(82,225,246,.55)!important;border-radius:26px!important;background:linear-gradient(180deg,#102834,#071923)!important;color:#fff!important;box-shadow:0 26px 70px rgba(0,0,0,.48)!important}
.pwa-install-card .kicker{margin:0 0 8px!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-size:.72rem!important;color:#62e7f8!important;font-weight:900!important}
.pwa-install-card h2{margin:0 0 10px!important;text-align:center!important;font-size:clamp(1.7rem,5vw,2.35rem)!important;color:#fff4dc!important}
.pwa-install-lead{margin:0 auto 16px!important;text-align:center!important;line-height:1.5!important;color:#e7f0f3!important}
.pwa-install-steps{margin:0 0 18px!important;padding-left:22px!important;line-height:1.5!important;color:#fff!important}
.pwa-install-steps li+li{margin-top:8px!important}
.pwa-install-close{position:absolute!important;top:10px!important;right:12px!important;width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid rgba(100,230,247,.4)!important;background:#071923!important;color:#fff!important;font-size:1.35rem!important;cursor:pointer!important}
.pwa-install-ok{display:block!important;width:min(100%,260px)!important;min-height:50px!important;margin:0 auto!important;border-radius:999px!important;border:1px solid rgba(110,239,255,.65)!important;background:linear-gradient(180deg,#63edff,#2fc7e0)!important;color:#07151c!important;font-weight:950!important;cursor:pointer!important}
html.pwa-install-modal-open,body.pwa-install-modal-open{overflow:hidden!important}

@media(max-width:480px){
 .pwa-install-float{width:min(78vw,286px)!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
 .pwa-install-button{min-height:56px!important;padding:8px 12px!important}
 .pwa-install-icon{width:35px!important;height:35px!important;flex-basis:35px!important}
 .pwa-install-copy strong{font-size:.91rem!important}
 .pwa-install-copy small{font-size:.66rem!important;max-width:18ch!important}
 .pwa-install-card{padding:26px 18px 20px!important;border-radius:22px!important}
}
@media(prefers-reduced-motion:reduce){.pwa-install-float{transition:none!important}}