/* ============================================================
   Widget de formulario WhatsApp (reutilizable)
   Vincular en cualquier landing:  <link rel="stylesheet" href="/wa-widget.css">
   ============================================================ */

.waw-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,.55);
  display:none;
  align-items:center; justify-content:center;
  z-index:99999;
  padding:16px;
}
.waw-overlay.waw-open{ display:flex; }

.waw-card{
  background:#fff;
  width:100%; max-width:360px;
  border-radius:14px; overflow:hidden;
  box-shadow:0 12px 45px rgba(0,0,0,.30);
  font-family:Arial,Helvetica,sans-serif;
  animation:waw-in .22s ease;
}
@keyframes waw-in{ from{ transform:translateY(22px); opacity:0; } to{ transform:none; opacity:1; } }

.waw-head{
  background:#25D366; color:#fff;
  padding:14px 16px;
  display:flex; align-items:center; justify-content:space-between;
}
.waw-head h3{ margin:0; font-size:16px; font-weight:700; line-height:1.2; }
.waw-close{
  background:none; border:0; color:#fff;
  font-size:24px; line-height:1; cursor:pointer; padding:0 4px;
}

.waw-body{ padding:16px; }
.waw-body label{ display:block; font-size:13px; color:#333; margin:10px 0 4px; font-weight:600; }
.waw-body input{
  width:100%; padding:11px 12px;
  border:1px solid #ccc; border-radius:8px;
  font-size:14px; box-sizing:border-box;
  -webkit-appearance:none;
}
.waw-body input:focus{ outline:none; border-color:#25D366; box-shadow:0 0 0 3px rgba(37,211,102,.15); }

/* honeypot anti-spam (oculto) */
.waw-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }

.waw-submit{
  width:100%; margin-top:16px;
  background:#25D366; color:#fff; border:0;
  padding:13px; border-radius:8px;
  font-size:15px; font-weight:700; cursor:pointer;
  transition:background .15s ease;
}
.waw-submit:hover{ background:#1ebe5b; }
.waw-submit:disabled{ opacity:.6; cursor:default; }

.waw-status{ font-size:13px; color:#555; margin-top:10px; min-height:18px; text-align:center; }
