/* Capa de seguimiento: avisos de sistema y captura de datos de contacto.
   Los colores se toman de las variables del Diseño 2, con reserva para el
   Diseño 1, que no las define. */

.vv-note{
  margin:10px 0;
  padding:6px 10px;
  font-size:12px;
  line-height:1.35;
  text-align:center;
  color:#475569;
  background:#f1f5f9;
  border-radius:8px;
}

.vv-lead{
  margin:10px 0;
  padding:12px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.vv-lead-title{
  margin:0;
  font-size:13px;
  font-weight:600;
  color:#0f172a;
}

.vv-lead-input{
  width:100%;
  border:1px solid #cbd5e1;
  border-radius:10px;
  padding:9px 11px;
  font-size:14px;
  background:#fff;
  color:#0f172a;
}

.vv-lead-send{
  border:0;
  border-radius:10px;
  padding:10px 14px;
  font-size:14px;
  font-weight:600;
  color:#fff !important;
  cursor:pointer;
  background:var(--vv-fab-grad, linear-gradient(111.8deg, #34024f 22%, #9905c5 90%)) !important;
}

.vv-lead-send:hover, .vv-lead-send:focus{ filter:brightness(1.06); }
.vv-lead-send:active{ transform:translateY(1px); }

.vv-lead-skip{
  border:0;
  background:none;
  padding:0;
  font-size:12px;
  color:#64748b;
  text-decoration:underline;
  cursor:pointer;
}