:root{--bg:#f4f6f9;--panel:#ffffff;--panel-2:#fafafa;--line:#e0e4eb;--text:#1f2937;--muted:#6b7280;--brand:#29a61a;--brand-2:#1fb157;--danger:#dc2626}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:'Poppins',ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;background:var(--bg);color:var(--text)}#whats-float{position:fixed;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;background:var(--brand);color:#fff;font-weight:600;font-size:14px;padding:2px;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px rgb(0 0 0 / .25);transition:all .2s ease;z-index:9999}#whats-float .mia{width:60px;height:60px;border-radius:1000px;display:block}#whats-float .wpp{width:26px;height:26px;position:absolute;bottom:-6px;right:-5px}#whats-float:hover{background:var(--brand-2);transform:translateY(-2px)}#whats-float span{position:absolute;width:max-content;right:65px;box-shadow:1px 1px 7px 1px #0000001f;padding:10px;color:#000;border-radius:55px;font-size:12px;;background-color:#fff}@media (max-width:600px){#whats-float{border-radius:50%;width:56px;height:56px;justify-content:center;padding:0}#whats-float .mia{width:60px;height:60px;border-radius:1000px}#whats-float .wpp{width:26px;height:26px;position:absolute;bottom:-6px;right:-5px}}#chatbot{position:fixed;right:16px;bottom:96px;width:min(380px, 92vw);height:min(640px, 78vh);background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 64px rgb(0 0 0 / .15);display:none;grid-template-rows:auto 1fr auto;overflow:hidden;z-index:9999}#chatbot.open{display:grid}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line);background:#5b5ba5;color:#fff;transition:box-shadow .2s ease;z-index:1}.chat-header.shadow{box-shadow:0 2px 6px rgb(0 0 0 / .25)}.brand{display:flex;align-items:center;gap:10px}.brand .avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#f3f4f6;border:1px solid var(--line);display:grid;place-items:center}.brand .avatar img{width:100%;height:100%;object-fit:cover}.brand .titles{display:flex;flex-direction:column;line-height:1.1}.brand .titles strong{font-size:14px;color:#fff}.brand .titles span{font-size:12px;color:#b2bed7}#chat-close{background:#fff0;color:#fff;border:1px solid var(--line);width:32px;height:32px;border-radius:8px;font-size:20px;cursor:pointer;line-height:14px;padding:9px}#chat-close:hover{color:var(--text);border-color:#cbd5e1}.chat-body{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;background:var(--panel)}.chat-footer{border-top:1px solid var(--line);padding:8px 12px;text-align:center;color:var(--muted);font-size:12px;background:var(--panel-2)}.msg{display:flex}.msg.bot{justify-content:flex-start}.msg.user{justify-content:flex-end}.bubble{max-width:90%;background:#f9fafb;border:1px solid var(--line);padding:10px 12px;border-radius:12px;line-height:1.35;font-size:14px;color:var(--text)}.msg.user .bubble{background:rgb(37 211 102 / .12);border-color:#bbf7d0;color:#065f46}.small{font-size:12px;color:var(--muted)}.options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}button.opt{border:1px solid var(--line);background:#f9fafb;color:var(--text);font-size:12px;padding:16px 12px;border-radius:10px;cursor:pointer}button.opt.secondary{background:#f3f4f6}button.opt.secondary:hover{background:#5b5ba5}button.opt:disabled{opacity:.5;cursor:not-allowed}.btn{appearance:none;border:0;cursor:pointer;background:var(--brand);color:#fff;font-weight:600;padding:10px 14px;border-radius:10px;font-size:14px}.btn:hover{filter:brightness(1.05)}.btn.ghost{background:#fff0;color:var(--text);border:1px solid var(--line)}.btn.primary{background:var(--brand);color:#fff}.form{display:flex;flex-direction:column;gap:8px;margin-top:8px}label{font-size:12px;color:var(--muted)}#whats-float input,select,textarea{width:100%;font-size:14px;color:var(--text);background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;outline:none}#whats-float input::placeholder,textarea::placeholder{color:#9ca3af}#whats-float input:focus,select:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f620}.actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:6px}.iframe-wrap{flex:1;min-height:0;overflow:hidden}.iframe-wrap iframe{display:block;width:100%;height:100%;border:0;overflow:auto}body.noscroll{overflow:hidden}@media (max-width:820px){#chatbot{right:0;left:0;bottom:0;width:100%;height:100dvh;height:-webkit-fill-available;max-height:none;border-radius:0;grid-template-rows:auto 1fr auto}.chat-header{padding-top:calc(12px + env(safe-area-inset-top))}.chat-footer{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}@keyframes shake{0%{transform:translateX(0)}15%{transform:translateX(-3px)}30%{transform:translateX(3px)}45%{transform:translateX(-3px)}60%{transform:translateX(3px)}75%{transform:translateX(-2px)}90%{transform:translateX(2px)}100%{transform:translateX(0)}}#whats-float{animation:shake 0.6s ease-in-out infinite;animation-delay:10s;animation-iteration-count:infinite;animation-fill-mode:both;animation-play-state:paused}#whats-float.shake{animation-play-state:running;animation:shake 0.6s ease-in-out}