.cb-fab{position:fixed;right:22px;bottom:22px;z-index:60;width:66px;height:66px;padding:6px;border-radius:50%;background:#F7F6F1;border:1.5px solid #232427;box-shadow:0 2px 3px rgba(35,36,39,.16),0 12px 24px rgba(35,36,39,.16);cursor:pointer;transition:transform .35s cubic-bezier(.21,.47,.32,.98)}
.cb-fab:hover{transform:translateY(-3px) rotate(-4deg)}
.cb-fab .cb-bot{width:100%;height:100%;display:block}
.cb-fab-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#F2C230;border:1.5px solid #232427;font:800 12px/17px SofiaSans,sans-serif;color:#232427}
.cb-fab.cb-open .cb-fab-badge{display:none}
.cb-panel{position:fixed;right:22px;bottom:102px;z-index:60;width:min(380px,calc(100vw - 32px));height:min(600px,calc(100svh - 130px));display:flex;flex-direction:column;background:#F7F6F1;border:1.5px solid #232427;box-shadow:0 2px 3px rgba(35,36,39,.14),0 22px 44px rgba(35,36,39,.18);font-family:SofiaSans,sans-serif;color:#232427;opacity:0;visibility:hidden;transform:translateY(14px) rotate(.6deg);transition:opacity .3s,transform .4s cubic-bezier(.21,.47,.32,.98),visibility .3s}
.cb-panel::before{content:"";position:absolute;left:50%;top:-12px;width:90px;height:22px;margin-left:-45px;background:rgba(242,194,48,.88);border:1px solid rgba(35,36,39,.35);transform:rotate(-2deg)}
.cb-panel.cb-show{opacity:1;visibility:visible;transform:none}
.cb-head{display:flex;align-items:center;gap:12px;padding:20px 18px 14px;border-bottom:1.5px solid #232427}
.cb-avatar{width:44px;height:44px;flex:none}
.cb-avatar .cb-bot{width:100%;height:100%}
.cb-info{flex:1;min-width:0}
.cb-name{font-family:YoungSerif,serif;font-size:21px;line-height:1.1}
.cb-name-tag{font-family:SofiaSans,sans-serif;font-size:13px;color:#5F6369}
.cb-status{font-size:13px;color:#5F6369;margin-top:2px}
.cb-close{width:34px;height:34px;flex:none;background:none;border:1.5px solid #232427;font:400 22px/1 SofiaSans,sans-serif;color:#232427;cursor:pointer}
.cb-body{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px}
.cb-msg{display:flex;align-items:flex-end;gap:8px;max-width:92%}
.cb-mavatar{width:28px;height:28px;flex:none}
.cb-mavatar .cb-bot{width:100%;height:100%}
.cb-bubble{padding:10px 13px;background:#EDEDE8;border:1.2px solid #232427;font-size:15px;line-height:1.45}
.cb-bubble b{font-weight:780}
.cb-me{align-self:flex-end}
.cb-me .cb-bubble{background:#F2C230}
.cb-typing{display:flex;gap:4px;padding:13px}
.cb-typing span{width:6px;height:6px;border-radius:50%;background:#232427;animation:cbPunto 1s infinite}
.cb-typing span:nth-child(2){animation-delay:.15s}.cb-typing span:nth-child(3){animation-delay:.3s}
@keyframes cbPunto{0%,100%{opacity:.25}50%{opacity:1}}
.cb-options{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:4px}
.cb-opt{font:650 14.5px SofiaSans,sans-serif;color:#232427;text-align:left;padding:9px 14px;background:#F7F6F1;border:1.5px solid #232427;border-left:5px solid #232427;cursor:pointer;transition:transform .25s,background .2s}
.cb-opt:hover{background:#F2C230;transform:translateX(4px)}
.cb-opt-back{border-left-width:1.5px;font-weight:500;color:#5F6369}
.cb-input-wrap{display:flex;gap:8px;padding:10px 14px;border-top:1.5px solid #232427}
.cb-input{flex:1;min-width:0;font:400 15px SofiaSans,sans-serif;color:#232427;background:#EDEDE8;border:1.5px solid #232427;padding:10px 12px;resize:none}
.cb-input:focus{outline:none;box-shadow:0 0 0 3px rgba(242,194,48,.7)}
.cb-send{width:44px;flex:none;background:#F2C230;border:1.5px solid #232427;font:800 20px/1 SofiaSans,sans-serif;color:#232427;cursor:pointer}
.cb-panel > .cb-opt{margin:0 14px}
.cb-quick{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1.5px solid #232427;font-size:14px}
.cb-quick-lb{color:#5F6369}
.cb-quick-link{font-weight:750;border-bottom:1.5px solid #232427;color:#232427;text-decoration:none}
.cb-foot{display:none}
.cb-done{align-self:stretch;margin-top:6px;padding:20px;background:#F2C230;border:1.5px solid #232427;text-align:center;transform:rotate(-1deg)}
.cb-done-ic{font-size:26px;font-weight:800}
.cb-done h4{font-family:YoungSerif,serif;font-weight:400;font-size:22px;margin:6px 0}
.cb-done p{font-size:15px;line-height:1.45;margin:0}
.cb-nudge{position:fixed;right:96px;bottom:34px;z-index:59;max-width:230px;padding:16px 18px 14px;background:#F2C230;font-family:SofiaSans,sans-serif;color:#232427;box-shadow:0 1px 2px rgba(35,36,39,.2),0 12px 22px rgba(35,36,39,.14);transform:rotate(-2deg) translateY(10px);opacity:0;visibility:hidden;cursor:pointer;transition:opacity .35s,transform .45s cubic-bezier(.21,.47,.32,.98),visibility .35s}
.cb-nudge.cb-nudge-show{opacity:1;visibility:visible;transform:rotate(-2deg)}
.cb-nudge b{display:block;font-family:YoungSerif,serif;font-weight:400;font-size:19px}
.cb-nudge span{display:block;font-size:14.5px;line-height:1.4;margin-top:4px}
.cb-nudge-x{position:absolute;top:4px;right:6px;background:none;border:0;font:400 20px/1 SofiaSans,sans-serif;color:#232427;cursor:pointer}
@media (max-width:600px){.cb-fab{right:14px;bottom:14px;width:58px;height:58px}.cb-panel{right:8px;left:8px;width:auto;bottom:84px}.cb-nudge{right:80px;bottom:22px}}
@media (prefers-reduced-motion:reduce){.cb-panel,.cb-nudge,.cb-fab{transition:none}}