/* MEGAFUNSION - Sistema de leads por WhatsApp (modal + formulario corto + botón flotante)
   Colores de marca: azul #000577 y cian #00d8ff. Botón de envío en verde WhatsApp #25D366.
   Adaptado del sistema de construccionesdbr.com / electricistabogota.com (16/09/2026). */

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

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

.mf-lead-head{
  background:#000577;color:#fff;padding:18px 20px;position:relative;
  border-bottom:4px solid #00d8ff;border-radius:14px 14px 0 0;
}
.mf-lead-head .mf-lead-title{margin:0;font-size:19px;line-height:1.25;color:#fff;font-weight:bold;}
.mf-lead-head p{margin:4px 0 0;font-size:13px;color:#00d8ff;}
.mf-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;
}
.mf-lead-close:hover{opacity:1;}

.mf-lead-body{padding:18px 20px 22px;}
.mf-lead-body label{display:block;font-size:13px;color:#333;margin:12px 0 4px;font-weight:bold;}
.mf-lead-body .mf-op{color:#8a8a8a;font-weight:normal;}
.mf-lead-body input,
.mf-lead-body select,
.mf-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:#1a1a1a;height:auto;
}
.mf-lead-body textarea{resize:vertical;min-height:64px;font-family:inherit;}
.mf-lead-body input:focus,
.mf-lead-body select:focus,
.mf-lead-body textarea:focus{outline:none;border-color:#000577;box-shadow:0 0 0 3px rgba(0,216,255,.35);}

.mf-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;
}
.mf-lead-send:hover{background:#1fb457;}
.mf-lead-send[disabled]{opacity:.6;cursor:default;}
.mf-lead-send svg{width:20px;height:20px;fill:#fff;}

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

/* Campo trampa anti-spam (lo llenan solo los robots) */
.mf-hp{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px;height:1px;overflow:hidden;}

/* ---------- Formulario corto en las páginas ---------- */
.mf-form .mf-form-title{margin:0 0 6px;font-weight:bold;}
.mf-form .mf-form-send{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#25D366;border:0;color:#fff;font-weight:bold;
}
.mf-form .mf-form-send:hover,
.mf-form .mf-form-send:focus{background:#1fb457;color:#fff;}
.mf-form .mf-form-send svg{width:18px;height:18px;fill:#fff;}
.mf-form .msg p{margin:8px 0 0;font-size:14px;}
.mf-form .msg .mf-msg-err{color:#c0392b;}
.mf-form .msg .mf-msg-ok{color:#1a7a1a;}
.quote_form2.mf-form .msg .mf-msg-err,
.quote_form2.mf-form .msg .mf-msg-ok{color:#fff;}

/* Formulario corto en una sola línea (pie de la página 404) */
.mf-form-mini{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.mf-form-mini .form-control{width:auto;flex:1 1 140px;}
.mf-form-mini .mf-form-send{flex:0 0 auto;}
.mf-form-mini .msg{flex-basis:100%;}
.mf-form-mini .msg .mf-msg-err,
.mf-form-mini .msg .mf-msg-ok{color:#fff;}

/* ---------- Botones flotantes (reemplazan el plugin antiguo whatsapp-chat-support) ---------- */
/* Misma columna y posiciones que tenía el plugin: WhatsApp abajo y las dos líneas de llamada encima */
.mf-wa-float{
  position:fixed;left:20px;bottom:38px;z-index:999;
  width:50px;height:50px;border-radius:50%;background:#25D366;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 10px rgba(0,0,0,.25);transition:transform .15s ease;
}
.mf-wa-float:hover,
.mf-wa-float:focus{transform:scale(1.07);}
.mf-wa-float svg{width:28px;height:28px;fill:#fff;}
.wcs_fixed_left-2{z-index:999;position:fixed;bottom:98px;left:20px;}
.wcs_fixed_left-3{z-index:999;position:fixed;bottom:155px;left:20px;}

@media (max-width:480px){
  #mfLeadModal{max-width:100%;}
  .mf-lead-head .mf-lead-title{font-size:17px;}
}