/* popup.css */
.sr-hidden { display:block; }

#site-popup { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.popup-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.55); opacity:0; transition:opacity .25s; pointer-events:auto; }
.popup-box {
  width:min(680px, 92%);
  max-width:680px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 10px 40px rgba(0,0,0,.25);
  transform:translateY(18px) scale(.98);
  opacity:0;
  transition:transform .28s ease, opacity .28s ease;
  z-index:10000;
  padding:20px;
  position:relative;
  pointer-events:auto;
}
.popup-close {
  position:absolute; right:12px; top:10px; border:0; background:transparent; font-size:28px; cursor:pointer;
}
.popup-content p { margin:10px 0 18px; line-height:1.45; color:#333; }
.popup-cta {
  display:inline-block; padding:10px 16px; border-radius:8px; text-decoration:none; font-weight:600; background:#0b66ff; color:white;
}
.popup-skip { display:block; margin-top:12px; font-size:14px; color:#666; }
.popup-skip input { margin-right:8px; }

#site-popup.show .popup-overlay { opacity:1; }
#site-popup.show .popup-box { transform:translateY(0) scale(1); opacity:1; }

/* Botão WhatsApp */
.whatsapp-btn {
  background: #25D366;
}
.whatsapp-btn:hover {
  background: #1ebe5d;
}

/* Layout dos botões */
.popup-content {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.popup-cta {
  flex: 1;
  text-align: center;
}

@media (max-width:520px){
  .popup-box { padding:16px; border-radius:10px; }
  .popup-close { font-size:26px; right:8px; top:6px; }
  .popup-content { flex-direction: column; }
}