/* começa oculto; JS decide quando exibir + media query limita a mobile */
.pwaic-wrap{ display:none; }

@media (max-width:768px){
  .pwaic-wrap{ position:relative; display:block; }
}

/* card tipo alerta fixo no rodapé */
.pwaic-card{
  padding:14px 14px 12px;
  border-radius:12px;
  background:var(--pwaic-bg,#1e73be);
  color:var(--pwaic-text,rgba(255,255,255,.85));
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px; align-items:center;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.pwaic-text{
  font-size:15px; line-height:1.35; font-weight:700; letter-spacing:.2px;
  padding-right:28px; /* espaço pro botão fechar */
}

/* botão fechar */
.pwaic-close{
  position:absolute; top:8px; right:10px;
  width:28px; height:28px; border:0; border-radius:50%;
  background:rgba(255,255,255,.22); color:#fff;
  font-size:18px; line-height:28px; text-align:center; cursor:pointer;
}
.pwaic-close:focus{ outline:2px solid rgba(255,255,255,.7); outline-offset:2px; }

/* botão instalar em destaque */
.pwaic-btn{
  appearance:none; border:0; border-radius:10px;
  padding:10px 16px; font-weight:800; font-size:14px;
  cursor:pointer; background:rgba(255,255,255,.22); color:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.16);
  transition:transform .04s ease, opacity .2s ease;
}
.pwaic-btn:focus{ outline:2px solid rgba(255,255,255,.6); outline-offset:2px; }
.pwaic-btn:hover{ opacity:.95; }
.pwaic-btn:active{ transform:translateY(1px); }
.pwaic-btn[disabled]{ opacity:.6; cursor:not-allowed; }