/*--------------------------------------------------------------
# lembrete-vzion.css — widget flutuante "conheça a V-zion"
# Aparece só no index.php, lado direito, meio da tela
--------------------------------------------------------------*/
.lvz-widget{
  position:fixed; right:18px; top:50%;
  transform:translateY(-50%) translateX(120%);
  z-index:900;
  display:flex; align-items:center; gap:10px;
  background:rgba(10,10,10,.85);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:1.5px solid rgba(201,169,97,.3);
  border-radius:50px;
  padding:8px 10px 8px 14px;
  box-shadow:0 10px 36px rgba(0,0,0,.45), 0 0 0 1px rgba(201,169,97,.06);
  opacity:0;
  transition:transform .55s cubic-bezier(.22,1,.36,1), opacity .5s ease;
  pointer-events:none;
}
.lvz-widget.lvz-show{
  transform:translateY(-50%) translateX(0);
  opacity:1;
  pointer-events:all;
}
.lvz-txt{
  font-size:.72rem; color:rgba(255,255,255,.65); font-weight:600;
  white-space:nowrap; letter-spacing:.2px;
}
.lvz-btn{
  width:36px; height:36px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; border:none; text-decoration:none;
  transition:transform .2s, box-shadow .2s;
}
.lvz-btn:hover{ transform:scale(1.08); }
.lvz-btn-vzion{
  background:#fff; padding:4px;
  box-shadow:0 3px 10px rgba(201,169,97,.25);
}
.lvz-btn-vzion img{ width:100%; height:100%; object-fit:contain; border-radius:50%; }
.lvz-btn-pergunte{
  background:linear-gradient(135deg,#134e4a,#2dd4bf);
  color:#fff; font-size:.95rem;
  box-shadow:0 3px 10px rgba(15,118,110,.4);
}
.lvz-btn-close{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.4); font-size:.7rem;
}
.lvz-btn-close:hover{ background:rgba(239,68,68,.15); color:#f87171; border-color:rgba(239,68,68,.3); }

@media(max-width:640px){
  .lvz-widget{ right:10px; padding:7px 8px 7px 12px; gap:7px; }
  .lvz-txt{ display:none; }
  .lvz-btn{ width:32px; height:32px; }
}