/* Motorisa Lloguer — formulario previo a WhatsApp. Aislado de los estilos de Joinchat. */
.joinchat .joinchat__chatbox.motorisa-chatbox{
  box-sizing:border-box !important;
  width:min(390px,calc(100vw - 24px)) !important;
  height:auto !important;
  max-height:calc(100vh - 92px) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:22px !important;
  overflow:auto !important;
  background:#f7f7f7 !important;
  color:#171717 !important;
  box-shadow:0 18px 55px rgba(0,0,0,.24) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
}
.joinchat .motorisa-chatbox *, .joinchat .motorisa-chatbox *::before, .joinchat .motorisa-chatbox *::after{box-sizing:border-box !important}

.joinchat .motorisa-header{
  height:66px !important; min-height:66px !important; margin:0 !important;
  padding:0 16px 0 18px !important; background:#111 !important; color:#fff !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important;
}
.joinchat .motorisa-brand{display:flex !important;align-items:center !important;gap:10px !important;margin:0 !important;color:#fff !important;font-size:17px !important;font-weight:700 !important;line-height:1 !important}
.joinchat .motorisa-brand-mark{width:30px !important;height:30px !important;display:grid !important;place-items:center !important;border-radius:9px !important;background:#e30613 !important;color:#fff !important;font-size:14px !important;font-weight:800 !important}
.joinchat .motorisa-header .joinchat__close{position:relative !important;inset:auto !important;width:34px !important;height:34px !important;min-width:34px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:50% !important;background:rgba(255,255,255,.11) !important;opacity:1 !important;cursor:pointer !important}
.joinchat .motorisa-header .joinchat__close:before,.joinchat .motorisa-header .joinchat__close:after{width:15px !important;height:2px !important;left:9px !important;top:16px !important;background:#fff !important;border-radius:2px !important}

.joinchat .motorisa-form{display:block !important;margin:0 !important;padding:20px 18px 16px !important;background:#f7f7f7 !important;color:#171717 !important}
.joinchat .motorisa-intro{margin:0 2px 18px !important;padding:0 !important}
.joinchat .motorisa-intro-title{margin:0 0 3px !important;color:#111 !important;font-size:18px !important;font-weight:750 !important;line-height:1.2 !important}
.joinchat .motorisa-intro-text{margin:0 !important;color:#6d6d6d !important;font-size:13px !important;line-height:1.45 !important}

.joinchat .motorisa-field{margin:0 0 14px !important;padding:0 !important}
.joinchat .motorisa-field label{display:block !important;margin:0 0 7px !important;padding:0 !important;color:#333 !important;font-size:13px !important;font-weight:700 !important;line-height:1.2 !important}
.joinchat .motorisa-field input,.joinchat .motorisa-field textarea{
  display:block !important;width:100% !important;min-width:0 !important;margin:0 !important;
  border:1px solid #d8d8d8 !important;border-radius:11px !important;background:#fff !important;
  color:#171717 !important;box-shadow:none !important;outline:none !important;
  font-family:inherit !important;font-size:14px !important;line-height:1.35 !important;
}
.joinchat .motorisa-field input{height:48px !important;padding:0 13px !important}
.joinchat .motorisa-field textarea{min-height:92px !important;padding:12px 13px !important;resize:vertical !important}
.joinchat .motorisa-field input::placeholder,.joinchat .motorisa-field textarea::placeholder{color:#a1a1a1 !important;opacity:1 !important}
.joinchat .motorisa-field input:focus,.joinchat .motorisa-field textarea:focus{border-color:#111 !important;box-shadow:0 0 0 2px rgba(227,6,19,.10) !important}
.joinchat .motorisa-field .motorisa-invalid{border-color:#e30613 !important}

.joinchat .motorisa-whatsapp-submit{
  width:100% !important;height:50px !important;margin:6px 0 16px !important;padding:0 18px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;
  border:0 !important;border-radius:25px !important;background:#25D366 !important;color:#fff !important;
  box-shadow:0 7px 18px rgba(37,211,102,.22) !important;cursor:pointer !important;
  font-family:inherit !important;font-size:15px !important;font-weight:700 !important;line-height:1 !important;
  text-align:center !important;transition:transform .15s ease,background .15s ease !important;
}
.joinchat .motorisa-whatsapp-submit:hover{background:#20bd5b !important;transform:translateY(-1px) !important}
.joinchat .motorisa-whatsapp-submit:disabled{opacity:.7 !important;cursor:wait !important;transform:none !important}
.joinchat .motorisa-whatsapp-logo{width:24px !important;height:24px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important}
.joinchat .motorisa-whatsapp-logo svg{display:block !important;width:24px !important;height:24px !important;margin:0 !important;fill:currentColor !important}

.joinchat .motorisa-quick-info{display:flex !important;flex-direction:column !important;gap:7px !important;padding:13px 2px 0 !important;border-top:1px solid #e5e5e5 !important}
.joinchat .motorisa-quick-info a,.joinchat .motorisa-quick-info > span{display:block !important;margin:0 !important;padding:0 !important;color:#666 !important;text-decoration:none !important;font-size:11.5px !important;line-height:1.35 !important;text-align:left !important}
.joinchat .motorisa-quick-info a:hover{color:#111 !important}
.joinchat .motorisa-quick-info a span,.joinchat .motorisa-quick-info > span > span{display:inline !important;margin-right:5px !important}

.joinchat .joinchat__button{background:#25D366 !important;color:#fff !important;--color:#25D366 !important;--hover:#20bd5b !important}
.joinchat .joinchat__button .joinchat__button__ico{display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;opacity:1 !important;visibility:visible !important;z-index:2 !important}
.joinchat .joinchat__button .joinchat__button__ico svg{display:block !important;width:72% !important;height:72% !important;margin:14% !important;color:#fff !important;fill:currentColor !important}

@media(max-width:480px){
  .joinchat .joinchat__chatbox.motorisa-chatbox{width:calc(100vw - 16px) !important;border-radius:19px !important;max-height:calc(100vh - 80px) !important}
  .joinchat .motorisa-form{padding:17px 14px 14px !important}
}