/* Leads for WhatsApp - Frontend */
.lfw-widget{position:fixed;bottom:var(--lfw-y,20px);z-index:99998;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.lfw-widget.lfw-left{left:var(--lfw-x,20px)}
.lfw-widget.lfw-right{right:var(--lfw-x,20px)}

/* Launcher */
.lfw-launcher{width:var(--lfw-size,60px);height:var(--lfw-size,60px);border:none;padding:0;cursor:pointer;background:transparent;transition:transform .18s ease,box-shadow .18s ease;display:flex;align-items:center;justify-content:center}
.lfw-launcher:hover{transform:scale(1.06)}
.lfw-launcher img{width:100%;height:100%;display:block}

/* Icono completo (por defecto): se ve entero, sin recorte, fondo transparente */
.lfw-icon-full .lfw-launcher img{object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}

/* Icono en círculo (opcional): recortado en círculo con fondo del color principal */
.lfw-icon-circle .lfw-launcher{border-radius:50%;background:var(--lfw-primary,#25D366);box-shadow:0 6px 18px rgba(0,0,0,.25);overflow:hidden}
.lfw-icon-circle .lfw-launcher:hover{box-shadow:0 8px 22px rgba(0,0,0,.3)}
.lfw-icon-circle .lfw-launcher img{object-fit:cover}

/* Teaser bubble */
.lfw-teaser{position:absolute;bottom:calc(var(--lfw-size,60px) + 14px);background:var(--lfw-bubble-bg,#fff);color:var(--lfw-bubble-text,#333);padding:10px 30px 10px 14px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.18);font-size:14px;max-width:230px;line-height:1.35;animation:lfw-pop .3s ease}
.lfw-widget.lfw-left .lfw-teaser{left:0}
.lfw-widget.lfw-right .lfw-teaser{right:0}
.lfw-teaser-close{position:absolute;top:4px;right:8px;background:none;border:none;font-size:16px;line-height:1;cursor:pointer;color:inherit;opacity:.55}
.lfw-teaser-close:hover{opacity:1}

/* Panel */
.lfw-panel{position:absolute;bottom:calc(var(--lfw-size,60px) + 16px);width:340px;max-width:calc(100vw - 32px);background:#f5f5f5;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.28);animation:lfw-pop .25s ease}
.lfw-widget.lfw-left .lfw-panel{left:0}
.lfw-widget.lfw-right .lfw-panel{right:0}

.lfw-header{background:var(--lfw-header,#075E54);color:var(--lfw-header-text,#fff);padding:14px 16px;display:flex;align-items:center;gap:12px}
.lfw-header-logo{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.15);overflow:hidden;display:flex;align-items:center;justify-content:center}
.lfw-header-logo img{width:100%;height:100%;object-fit:cover;display:block}
.lfw-header-info{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.lfw-header-info strong{font-size:15px}
.lfw-header-info span{font-size:12px;opacity:.85}
.lfw-close{background:none;border:none;color:inherit;font-size:24px;line-height:1;cursor:pointer;opacity:.85}
.lfw-close:hover{opacity:1}

.lfw-body{padding:16px;max-height:60vh;overflow-y:auto}
.lfw-welcome{background:#fff;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45;color:#333;box-shadow:0 1px 2px rgba(0,0,0,.08);margin-bottom:14px}

.lfw-step label{display:block;margin-bottom:12px;font-size:13px;color:#444}
.lfw-step label span{display:block;margin-bottom:5px;font-weight:600}
.lfw-step input,.lfw-step textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d5d5d5;border-radius:10px;font-size:14px;font-family:inherit;background:#fff;color:#222}
.lfw-step input:focus,.lfw-step textarea:focus{outline:none;border-color:var(--lfw-primary,#25D366);box-shadow:0 0 0 3px rgba(37,211,102,.15)}
.lfw-step textarea{resize:vertical;min-height:90px}

.lfw-btn{width:100%;padding:12px;border:none;border-radius:10px;background:var(--lfw-primary,#25D366);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:filter .15s ease}
.lfw-btn:hover{filter:brightness(.94)}
.lfw-btn:disabled{opacity:.6;cursor:not-allowed}

.lfw-error{color:#d33;font-size:13px;margin-bottom:10px;min-height:1px}

.lfw-step-thanks{text-align:center;padding:16px 8px}
.lfw-thanks-icon{width:56px;height:56px;border-radius:50%;background:var(--lfw-primary,#25D366);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.lfw-step-thanks p{font-size:14px;line-height:1.5;color:#333;margin:0}

.lfw-footer{padding:8px;text-align:center;font-size:11px;color:#999;background:#fff;border-top:1px solid #eee}
.lfw-footer strong{color:#666}

@keyframes lfw-pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}

@media (max-width:480px){
	.lfw-panel{width:calc(100vw - 24px)}
}