/* GOLUX - Modal de captura de leads antes de abrir WhatsApp
   Colores de marca: amarillo #e5e500 sobre gris oscuro #2f2f2f
   Botón de envío en verde WhatsApp #25D366 */

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

#gxLeadModal{
  background:#fff;width:100%;max-width:430px;border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden;
  font-family:Arial,Helvetica,sans-serif;animation:gxPop .18s ease-out;
  max-height:92vh;overflow-y:auto;
}
@keyframes gxPop{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}

.gx-lead-head{
  background:#2f2f2f;color:#fff;padding:18px 20px;position:relative;
  border-bottom:4px solid #e5e500;
}
.gx-lead-head h3{margin:0;font-size:19px;line-height:1.25;color:#fff;}
.gx-lead-head p{margin:4px 0 0;font-size:13px;color:#e5e500;}
.gx-lead-close{
  position:absolute;top:10px;right:14px;background:none;border:0;color:#fff;
  font-size:28px;line-height:1;cursor:pointer;opacity:.85;padding:0;
}
.gx-lead-close:hover{opacity:1;}

.gx-lead-body{padding:18px 20px 22px;}
.gx-lead-body label{display:block;font-size:13px;color:#333;margin:12px 0 4px;font-weight:bold;}
.gx-lead-body .gx-op{color:#8a8a8a;font-weight:normal;}
.gx-lead-body input,
.gx-lead-body select,
.gx-lead-body textarea{
  width:100%;padding:11px 12px;border:1px solid #cfcfcf;border-radius:8px;
  font-size:15px;box-sizing:border-box;background:#fff;color:#2f2f2f;
}
.gx-lead-body textarea{resize:vertical;min-height:64px;font-family:inherit;}
.gx-lead-body input:focus,
.gx-lead-body select:focus,
.gx-lead-body textarea:focus{outline:none;border-color:#2f2f2f;box-shadow:0 0 0 3px rgba(229,229,0,.35);}

.gx-hp{position:absolute;left:-9999px;top:-9999px;}

.gx-lead-send{
  width:100%;margin-top:18px;padding:13px;border:0;border-radius:8px;
  background:#25D366;color:#fff;font-size:16px;font-weight:bold;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.gx-lead-send:hover{background:#1fb457;}
.gx-lead-send[disabled]{opacity:.6;cursor:default;}

.gx-lead-note{margin:10px 0 0;font-size:12px;color:#777;text-align:center;}
.gx-lead-err{color:#c0392b;font-size:13px;margin-top:8px;display:none;}

@media (max-width:480px){
  #gxLeadModal{max-width:100%;}
  .gx-lead-head h3{font-size:17px;}
}