/* Chatbot público Clave Residencial */
.cr-chatbot { position: fixed; right: 24px; bottom: 24px; z-index: 99999; font-family: Arial, sans-serif; color:#0f172a; }
.cr-chatbot * { box-sizing: border-box; }
.cr-chatbot-panel { width: min(380px, calc(100vw - 28px)); height: min(620px, calc(100dvh - 110px)); background: rgba(255,255,255,.98); border:1px solid rgba(148,163,184,.35); border-radius: 28px; box-shadow: 0 28px 80px rgba(15,23,42,.25); overflow: hidden; display: none; flex-direction: column; backdrop-filter: blur(18px); }
.cr-chatbot.open .cr-chatbot-panel { display:flex; animation: crChatUp .22s ease-out; }
@keyframes crChatUp { from { opacity:0; transform: translateY(18px) scale(.98); } to { opacity:1; transform: translateY(0) scale(1); } }
.cr-chatbot-header { background: linear-gradient(135deg,#071935,#0f2f6f); color:#fff; padding:16px; display:flex; align-items:center; gap:12px; }
.cr-chatbot-avatar { width:46px; height:46px; border-radius:18px; background: linear-gradient(145deg,#fff,#eaf2ff); display:grid; place-items:center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.55); flex:0 0 auto; }
.cr-chatbot-avatar img { width:32px; height:32px; object-fit:contain; }
.cr-chatbot-title strong { display:block; font-size:16px; letter-spacing:.01em; }
.cr-chatbot-title span { display:block; font-size:12px; color:#dbeafe; margin-top:2px; }
.cr-chatbot-close { margin-left:auto; border:0; background:rgba(255,255,255,.14); color:#fff; width:36px; height:36px; border-radius:12px; cursor:pointer; display:grid; place-items:center; font-size:20px; }
.cr-chatbot-messages { flex:1; overflow:auto; padding:16px; background: linear-gradient(180deg,#f8fafc,#eef4ff); display:flex; flex-direction:column; gap:10px; }
.cr-chatbot-bubble { max-width:90%; padding:11px 13px; border-radius:16px; line-height:1.42; font-size:14px; box-shadow: 0 8px 22px rgba(15,23,42,.08); }
.cr-chatbot-bubble.bot { align-self:flex-start; background:#fff; border:1px solid #e2e8f0; border-top-left-radius:6px; }
.cr-chatbot-bubble.user { align-self:flex-end; background:#0f2f6f; color:#fff; border-top-right-radius:6px; }
.cr-chatbot-cards { display:grid; gap:9px; margin-top:8px; }
.cr-chatbot-card { display:block; text-decoration:none; color:#0f172a; background:#fff; border:1px solid #dbe4f0; border-radius:16px; padding:11px; transition:.18s; }
.cr-chatbot-card:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(15,23,42,.12); }
.cr-chatbot-card h4 { margin:0 0 6px; font-size:14px; line-height:1.2; color:#061a3f; }
.cr-chatbot-card p { margin:4px 0; color:#475467; font-size:12px; }
.cr-chatbot-card .price { color:#0f2f6f; font-weight:900; font-size:13px; }
.cr-chatbot-form { padding:12px; display:flex; gap:8px; border-top:1px solid #e2e8f0; background:#fff; }
.cr-chatbot-form input { flex:1; border:1px solid #dbe4f0; background:#f8fafc; min-height:46px; border-radius:16px; padding:0 12px; outline:none; color:#0f172a; }
.cr-chatbot-form input:focus { border-color:#0f2f6f; box-shadow: 0 0 0 4px rgba(15,47,111,.12); }
.cr-chatbot-form button { border:0; min-width:48px; border-radius:16px; background:linear-gradient(135deg,#0f2f6f,#061a3f); color:#fff; font-weight:900; cursor:pointer; display:grid; place-items:center; }
.cr-chatbot-toggle { position:absolute; right:0; bottom:0; width:68px; height:68px; border-radius:24px; border:0; background:linear-gradient(135deg,#0f2f6f,#061a3f); color:#fff; box-shadow:0 18px 50px rgba(15,47,111,.38); cursor:pointer; display:grid; place-items:center; }
.cr-chatbot.open .cr-chatbot-toggle { display:none; }
.cr-chatbot-toggle img { width:34px; height:34px; object-fit:contain; filter: drop-shadow(0 2px 6px rgba(255,255,255,.25)); }
.cr-chatbot-greeting { position:absolute; right:78px; bottom:12px; width:260px; background:#fff; border:1px solid #dbe4f0; border-radius:20px; padding:12px 14px; box-shadow:0 18px 45px rgba(15,23,42,.16); font-size:13px; line-height:1.35; display:none; }
.cr-chatbot.show-greeting .cr-chatbot-greeting { display:block; animation: crChatUp .22s ease-out; }
.cr-chatbot-greeting strong { color:#0f2f6f; }
.cr-chatbot-typing { opacity:.75; font-style:italic; }
@media(max-width:640px){ .cr-chatbot{ right:14px; bottom:14px; } .cr-chatbot-panel{ width:calc(100vw - 28px); height:min(560px, calc(100dvh - 96px)); border-radius:24px; } .cr-chatbot-greeting{ right:0; bottom:78px; width:min(310px, calc(100vw - 28px)); } .cr-chatbot-toggle{ width:62px; height:62px; border-radius:22px; } }

/* Opciones rápidas de Llave para separar búsqueda y captación */
.cr-chatbot-options { padding:10px 12px; display:grid; grid-template-columns:1fr; gap:8px; border-top:1px solid #e2e8f0; background:#f8fafc; }
.cr-chatbot-options button { border:1px solid #dbe4f0; background:#fff; color:#0f2f6f; border-radius:14px; min-height:40px; font-weight:900; cursor:pointer; box-shadow:0 8px 18px rgba(15,23,42,.05); }
.cr-chatbot-options button:hover { background:#eef4ff; transform:translateY(-1px); }
@media(max-width:640px){ .cr-chatbot-options button{ font-size:12px; } }