/*
 * DownRadar V5.11 - Aviso instalar app
 * Instale em: /public_html/downradar/assets/css/pwa.css
 */

.dr-pwa-install{
  position:fixed;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:9999;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  width:min(760px, calc(100% - 32px));
  margin:0 auto;
  padding:14px;
  border-radius:24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(52,255,141,.15), transparent 36%),
    linear-gradient(145deg, rgba(8,24,40,.96), rgba(3,10,18,.96));
  border:1px solid rgba(95,244,255,.22);
  box-shadow:0 24px 80px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(18px);
  color:#fff;
}
.dr-pwa-install[hidden]{display:none!important}
.dr-pwa-install-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,#5ff4ff,#34ff8d);
  color:#03120b;
  font-weight:1000;
  letter-spacing:-.06em;
  box-shadow:0 14px 34px rgba(52,255,141,.20);
}
.dr-pwa-install-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.dr-pwa-install-copy strong{
  font-size:16px;
  letter-spacing:-.02em;
}
.dr-pwa-install-copy span,
.dr-pwa-install-copy small{
  color:rgba(226,246,255,.68);
  font-size:13px;
  line-height:1.35;
}
.dr-pwa-install-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.dr-pwa-install-actions button{
  min-height:40px;
  border:0;
  border-radius:999px;
  padding:0 14px;
  font:inherit;
  font-size:13px;
  font-weight:1000;
  cursor:pointer;
}
.dr-pwa-install-actions button:first-child{
  background:#34ff8d;
  color:#03120b;
}
.dr-pwa-install-actions button:last-child{
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.10);
}
@media(max-width:720px){
  .dr-pwa-install{
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
    bottom:12px;
    left:12px;
    right:12px;
    width:calc(100% - 24px);
    border-radius:22px;
  }
  .dr-pwa-install-icon{
    width:46px;
    height:46px;
    border-radius:16px;
  }
  .dr-pwa-install-actions{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .dr-pwa-install-actions button{
    width:100%;
  }
}