#drtc-bot-widget{--dc-paper:light-dark(#ffffff,#15232c);--dc-ink:light-dark(#234354,#e6f0f5);--dc-muted:light-dark(#667e8b,#a7bbc7);--dc-blue:light-dark(#006d9b,#70caef);--dc-rule:light-dark(#d9e3e8,#36505f);font:14px/1.55 system-ui,sans-serif;color:var(--dc-ink);color-scheme:light dark} #drtc-bot-widget *{box-sizing:border-box} #drtc-bot-widget .dc-widget{position:absolute;right:18px;bottom:20px;width:min(292px,calc(100% - 36px));z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:8px;background:transparent;border:0;box-shadow:none} #drtc-bot-widget .dc-launch{border:0;background:transparent;padding:0;display:block;width:100px;height:100px;align-self:flex-end;color:inherit} #drtc-bot-widget .dc-robot{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 80%;animation:dc-idle 3.8s ease-in-out infinite} #drtc-bot-widget .dc-greeting{font-weight:500;margin:0;text-align:right;color:var(--dc-ink)} #drtc-bot-widget .dc-panel{width:100%;display:flex;flex-direction:column;gap:8px} #drtc-bot-widget .dc-panel[hidden],#drtc-bot-widget .dc-greeting[hidden]{display:none} #drtc-bot-widget .dc-form{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--dc-blue);padding:4px 0} #drtc-bot-widget .dc-input{font:inherit;min-width:0;width:100%;border:0;background:transparent;padding:7px 0;color:var(--dc-ink)} #drtc-bot-widget .dc-input::placeholder{color:var(--dc-muted)} #drtc-bot-widget .dc-send{font:inherit;color:var(--dc-blue);border:0;background:transparent;padding:8px 4px} #drtc-bot-widget .dc-send:disabled{opacity:.5;cursor:wait} #drtc-bot-widget .dc-answer{font-size:12px;overflow-wrap:anywhere;margin:0;color:var(--dc-ink);text-align:right} #drtc-bot-widget .dc-answer:empty{display:none} #drtc-bot-widget[data-state=greeting] .dc-robot{animation:dc-greet 1.2s ease-in-out} #drtc-bot-widget[data-state=listening] .dc-robot{animation:dc-listen 2.5s ease-in-out infinite} #drtc-bot-widget[data-state=thinking] .dc-robot{animation:dc-think 1.9s ease-in-out infinite} #drtc-bot-widget[data-state=speaking] .dc-robot{animation:dc-speak 1.2s ease-in-out infinite} @keyframes dc-idle{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-4px) rotate(.5deg)}} @keyframes dc-greet{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg) translateY(-4px)}65%{transform:rotate(4deg)}} @keyframes dc-listen{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(-1deg) translateY(-3px)}} @keyframes dc-think{0%,100%{transform:rotate(2deg)}50%{transform:rotate(-2deg) translateY(-4px)}} @keyframes dc-speak{0%,100%{transform:translateY(-3px)}35%{transform:rotate(2deg)}70%{transform:translateY(-5px) rotate(-1deg)}} @media(max-width:420px){#drtc-bot-widget .dc-input{font-size:16px}#drtc-bot-widget .dc-launch{width:88px;height:88px}} @media(pointer:coarse){#drtc-bot-widget .dc-send{min-height:44px}} @media(prefers-reduced-motion:reduce){#drtc-bot-widget .dc-robot{animation:none!important}} #drtc-bot-widget .dc-widget{width:min(326px,calc(100% - 36px));gap:10px} #drtc-bot-widget .dc-launch{width:106px;height:106px;transform:perspective(400px) rotateY(var(--dc-look,0deg));transition:transform .25s ease} #drtc-bot-widget .dc-greeting{max-width:260px;font-size:15px;line-height:1.5} #drtc-bot-widget .dc-panel{animation:dc-pro-open .25s ease both;gap:10px} #drtc-bot-widget .dc-form{border-bottom-color:var(--dc-rule);transition:border-color .2s} #drtc-bot-widget .dc-form:focus-within{border-bottom-color:var(--dc-blue)} #drtc-bot-widget .dc-suggestions{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:flex-end} #drtc-bot-widget .dc-option{font:inherit;font-size:12px;color:var(--dc-blue);background:transparent;border:0;border-bottom:1px solid transparent;padding:5px 0;transition:border-color .2s} #drtc-bot-widget .dc-option:hover{border-bottom-color:var(--dc-blue)} #drtc-bot-widget .dc-option:disabled{opacity:.5;cursor:wait} #drtc-bot-widget .dc-tools{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--dc-muted);font-size:11px} #drtc-bot-widget .dc-status{font-size:12px;color:var(--dc-muted);min-height:18px;text-align:right} #drtc-bot-widget .dc-close{font:inherit;font-size:12px;color:var(--dc-muted);border:0;background:transparent;padding:5px 0} #drtc-bot-widget .dc-close[hidden]{display:none} #drtc-bot-widget .dc-answer{font-size:13px;line-height:1.6} #drtc-bot-widget .dc-answer.working:after{content:'•••';letter-spacing:3px;margin-left:8px;display:inline-block;animation:dc-pro-dots 1s ease-in-out infinite} @keyframes dc-pro-open{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}} @keyframes dc-pro-dots{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}} @media(pointer:coarse){#drtc-bot-widget .dc-option,#drtc-bot-widget .dc-close{min-height:44px}} @media(prefers-reduced-motion:reduce){#drtc-bot-widget .dc-panel,#drtc-bot-widget .dc-answer.working:after{animation:none}#drtc-bot-widget .dc-launch{transition:none}} #drtc-bot-widget .dc-rig{position:relative;display:block;width:100%;height:100%;animation:dc-rig-idle 4s ease-in-out infinite;transform-origin:50% 76%} #drtc-bot-widget .dc-part{position:absolute;inset:0;display:block;pointer-events:none} #drtc-bot-widget .dc-part img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain} #drtc-bot-widget .dc-head{transform-origin:59% 46%;animation:dc-head-idle 6s ease-in-out infinite} #drtc-bot-widget .dc-arm-left{transform-origin:36% 57%;animation:dc-arm-rest 4s ease-in-out infinite} #drtc-bot-widget .dc-arm-right{transform-origin:79% 61%;animation:dc-right-rest 4.5s ease-in-out infinite} #drtc-bot-widget .dc-eye-back{position:absolute;inset:0;background:#102337} #drtc-bot-widget .dc-eye{animation:dc-blink 5.5s ease-in-out infinite} #drtc-bot-widget .dc-eye-left{transform-origin:48% 26%} #drtc-bot-widget .dc-eye-right{transform-origin:69% 29%} #drtc-bot-widget[data-state=greeting] .dc-arm-left{animation:dc-wave 1.45s ease-in-out 2} #drtc-bot-widget[data-state=greeting] .dc-head{animation:dc-nod 1.6s ease-in-out 2} #drtc-bot-widget[data-state=greeting] .dc-rig{animation:dc-turn 2.8s ease-in-out 1} #drtc-bot-widget[data-state=listening] .dc-head{animation:dc-head-listen 2.8s ease-in-out infinite} #drtc-bot-widget[data-state=thinking] .dc-head{animation:dc-head-think 2s ease-in-out infinite} #drtc-bot-widget[data-state=thinking] .dc-arm-right{animation:dc-right-think 2s ease-in-out infinite} #drtc-bot-widget[data-state=speaking] .dc-arm-left{animation:dc-explain 1.7s ease-in-out infinite} #drtc-bot-widget[data-state=speaking] .dc-arm-right{animation:dc-right-rest 1.8s ease-in-out infinite} #drtc-bot-widget[data-state=speaking] .dc-head{animation:dc-nod 1.7s ease-in-out infinite} #drtc-bot-widget[data-state=error] .dc-head{animation:dc-head-no .9s ease-in-out 2} #drtc-bot-widget[data-state=error] .dc-arm-left{animation:dc-shrug 1.4s ease-in-out 1} #drtc-bot-widget[data-state=error] .dc-arm-right{animation:dc-shrug-right 1.4s ease-in-out 1} #drtc-bot-widget[data-state=error] .dc-answer{color:light-dark(#934b20,#ffbf94)} @keyframes dc-rig-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}} @keyframes dc-head-idle{0%,100%{transform:rotate(0)}50%{transform:rotate(1.2deg)}} @keyframes dc-arm-rest{0%,100%{transform:rotate(0)}50%{transform:rotate(1.5deg)}} @keyframes dc-right-rest{0%,100%{transform:rotate(0)}50%{transform:rotate(-2deg)}} @keyframes dc-blink{0%,42%,46%,83%,87%,100%{transform:scaleY(1)}44%,85%{transform:scaleY(.08)}} @keyframes dc-wave{0%,100%{transform:rotate(0)}20%{transform:rotate(11deg)}40%{transform:rotate(-5deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-3deg)}} @keyframes dc-nod{0%,100%{transform:rotate(0) translateY(0)}40%{transform:rotate(2deg) translateY(1px)}75%{transform:rotate(-1.5deg)}} @keyframes dc-turn{0%,100%{transform:rotateY(0) translateY(0)}35%{transform:perspective(500px) rotateY(-18deg) translateY(-3px)}70%{transform:perspective(500px) rotateY(12deg) translateY(-2px)}} @keyframes dc-head-listen{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(-1deg)}} @keyframes dc-head-think{0%,100%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}} @keyframes dc-right-think{0%,100%{transform:rotate(0)}50%{transform:rotate(-5deg)}} @keyframes dc-explain{0%,100%{transform:rotate(0)}40%{transform:rotate(6deg)}70%{transform:rotate(-2deg)}} @keyframes dc-head-no{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}} @keyframes dc-shrug{0%,100%{transform:rotate(0)}50%{transform:translateY(-2px) rotate(5deg)}} @keyframes dc-shrug-right{0%,100%{transform:rotate(0)}50%{transform:translateY(-2px) rotate(-4deg)}} @media(prefers-reduced-motion:reduce){#drtc-bot-widget .dc-rig,#drtc-bot-widget .dc-part,#drtc-bot-widget .dc-eye{animation:none!important}} #drtc-bot-widget .dc-torso{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwSDI1NlYyNTZIMFpNNzUgMEgyMzdWOTZMMjIzIDExMiAxOTYgMTI1IDEyNiAxMjYgODkgMTExIDc1IDkwWk0wIDEwMEg3MEwxMDAgMTMzIDk3IDE1NCA5MiAxODAgODkgMjAxIDAgMjEwWk0xOTUgMTM1TDI1NiAxMjVWMjU2SDE4NEwxODUgMjIyIDE5NSAyMDMgMTk0IDE3M1oiLz48L3N2Zz4=");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwSDI1NlYyNTZIMFpNNzUgMEgyMzdWOTZMMjIzIDExMiAxOTYgMTI1IDEyNiAxMjYgODkgMTExIDc1IDkwWk0wIDEwMEg3MEwxMDAgMTMzIDk3IDE1NCA5MiAxODAgODkgMjAxIDAgMjEwWk0xOTUgMTM1TDI1NiAxMjVWMjU2SDE4NEwxODUgMjIyIDE5NSAyMDMgMTk0IDE3M1oiLz48L3N2Zz4=");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;} #drtc-bot-widget .dc-arm-left{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMDBINzBMMTAwIDEzMyA5NyAxNTQgOTIgMTgwIDg5IDIwMSAwIDIxMFoiLz48L3N2Zz4=");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMDBINzBMMTAwIDEzMyA5NyAxNTQgOTIgMTgwIDg5IDIwMSAwIDIxMFoiLz48L3N2Zz4=");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;} #drtc-bot-widget .dc-arm-right{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTk1IDEzNUwyNTYgMTI1VjI1NkgxODRMMTg1IDIyMiAxOTUgMjAzIDE5NCAxNzNaIi8+PC9zdmc+");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTk1IDEzNUwyNTYgMTI1VjI1NkgxODRMMTg1IDIyMiAxOTUgMjAzIDE5NCAxNzNaIi8+PC9zdmc+");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;} #drtc-bot-widget .dc-head-image{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNzUgMEgyMzdWOTZMMjIzIDExMiAxOTYgMTI1IDEyNiAxMjYgODkgMTExIDc1IDkwWk0xMDggNjZhMTUgMTEgMCAxIDAgMzAgMGExNSAxMSAwIDEgMCAtMzAgMFpNMTYxIDc1YTE2IDEyIDAgMSAwIDMyIDBhMTYgMTIgMCAxIDAgLTMyIDBaIi8+PC9zdmc+");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNzUgMEgyMzdWOTZMMjIzIDExMiAxOTYgMTI1IDEyNiAxMjYgODkgMTExIDc1IDkwWk0xMDggNjZhMTUgMTEgMCAxIDAgMzAgMGExNSAxMSAwIDEgMCAtMzAgMFpNMTYxIDc1YTE2IDEyIDAgMSAwIDMyIDBhMTYgMTIgMCAxIDAgLTMyIDBaIi8+PC9zdmc+");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;} #drtc-bot-widget .dc-eye-left{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTA4IDY2YTE1IDExIDAgMSAwIDMwIDBhMTUgMTEgMCAxIDAgLTMwIDBaIi8+PC9zdmc+");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTA4IDY2YTE1IDExIDAgMSAwIDMwIDBhMTUgMTEgMCAxIDAgLTMwIDBaIi8+PC9zdmc+");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;} #drtc-bot-widget .dc-eye-right{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYxIDc1YTE2IDEyIDAgMSAwIDMyIDBhMTYgMTIgMCAxIDAgLTMyIDBaIi8+PC9zdmc+");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYxIDc1YTE2IDEyIDAgMSAwIDMyIDBhMTYgMTIgMCAxIDAgLTMyIDBaIi8+PC9zdmc+");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;} #drtc-bot-widget .dc-send{min-width:62px;position:relative;z-index:3;pointer-events:auto} #drtc-bot-widget .dc-rig{overflow:visible;backface-visibility:hidden;perspective:500px} #drtc-bot-widget .dc-part{backface-visibility:hidden} #drtc-bot-widget .dc-arm-left{transform-origin:37% 57%} #drtc-bot-widget .dc-arm-right{transform-origin:78% 61%} #drtc-bot-widget .dc-eye-back{opacity:0;animation:dc-eye-fill 5.5s ease-in-out infinite} #drtc-bot-widget[data-state=greeting] .dc-arm-left,#drtc-bot-widget[data-gesture=wave] .dc-arm-left{animation:dc-clean-wave 1.3s ease-in-out 2} #drtc-bot-widget[data-state=greeting] .dc-head,#drtc-bot-widget[data-gesture=wave] .dc-head{animation:dc-nod 1.6s ease-in-out 2} #drtc-bot-widget[data-state=speaking] .dc-arm-left{animation:dc-clean-explain 1.7s ease-in-out infinite} #drtc-bot-widget[data-state=sending] .dc-rig{animation:dc-receive .35s ease-in-out 1} #drtc-bot-widget[data-state=sending] .dc-head{animation:dc-confirm .4s ease-in-out 1} #drtc-bot-widget[data-state=thinking] .dc-rig{animation:dc-consult 1.6s ease-in-out infinite} #drtc-bot-widget[data-state=error] .dc-rig{animation:dc-surprise .7s ease-in-out 1} #drtc-bot-widget[data-state=error] .dc-head{animation:dc-head-no 1s ease-in-out 2} #drtc-bot-widget[data-state=error] .dc-arm-left{animation:dc-clean-shrug 1.6s ease-in-out 2} #drtc-bot-widget[data-state=error] .dc-arm-right{animation:dc-clean-shrug-right 1.6s ease-in-out 2} #drtc-bot-widget[data-gesture=wave] .dc-arm-left{animation:dc-clean-wave 1.3s ease-in-out 2} #drtc-bot-widget[data-gesture=turn] .dc-rig{animation:dc-interaction-turn 2.5s ease-in-out 1} #drtc-bot-widget[data-gesture=blink] .dc-eye{animation:dc-double-blink 1s ease-in-out 2} #drtc-bot-widget[data-gesture=blink] .dc-eye-back{animation:dc-double-fill 1s ease-in-out 2} #drtc-bot-widget[data-gesture=thanks] .dc-head{animation:dc-bow 1.5s ease-in-out 1} #drtc-bot-widget[data-gesture=thanks] .dc-arm-right{animation:dc-acknowledge 1.5s ease-in-out 1} @keyframes dc-eye-fill{0%,42%,46%,83%,87%,100%{opacity:0}44%,85%{opacity:1}} @keyframes dc-clean-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(5deg)}} @keyframes dc-clean-explain{0%,100%{transform:rotate(0)}40%{transform:rotate(3deg)}70%{transform:rotate(-1deg)}} @keyframes dc-clean-shrug{0%,100%{transform:rotate(0)}50%{transform:translateY(-1px) rotate(3deg)}} @keyframes dc-clean-shrug-right{0%,100%{transform:rotate(0)}50%{transform:translateY(-1px) rotate(-3deg)}} @keyframes dc-receive{0%,100%{transform:translateY(0)}40%{transform:translateY(2px)}75%{transform:translateY(-3px)}} @keyframes dc-confirm{0%,100%{transform:rotate(0)}50%{transform:rotate(3deg)}} @keyframes dc-consult{0%,100%{transform:translateY(0) rotateY(-4deg)}50%{transform:translateY(-3px) rotateY(4deg)}} @keyframes dc-surprise{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}70%{transform:translateY(1px)}} @keyframes dc-interaction-turn{0%,100%{transform:rotateY(0)}30%{transform:rotateY(-28deg)}65%{transform:rotateY(25deg)}} @keyframes dc-double-blink{0%,20%,40%,60%,80%,100%{transform:scaleY(1)}30%,70%{transform:scaleY(.08)}} @keyframes dc-double-fill{0%,20%,40%,60%,80%,100%{opacity:0}30%,70%{opacity:1}} @keyframes dc-bow{0%,100%{transform:rotate(0) translateY(0)}50%{transform:rotate(4deg) translateY(1px)}} @keyframes dc-acknowledge{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg)}} @media(prefers-reduced-motion:reduce){#drtc-bot-widget .dc-rig,#drtc-bot-widget .dc-part,#drtc-bot-widget .dc-eye,#drtc-bot-widget .dc-eye-back{animation:none!important}} #drtc-bot-widget .dc-part img{transition:filter .25s ease} #drtc-bot-widget[data-state=error] .dc-part img{filter:var(--dc-error-filter)} #drtc-bot-widget[data-state=error] .dc-eye,#drtc-bot-widget[data-state=error] .dc-eye-back,#drtc-bot-widget[data-state=sleeping] .dc-eye,#drtc-bot-widget[data-state=sleeping] .dc-eye-back{visibility:hidden} #drtc-bot-widget .dc-face-screen{position:absolute;left:40%;top:14%;width:40%;height:27%;transform:rotate(12deg);background:linear-gradient(135deg,#14283c,#081321);border-radius:28% 26% 25% 23%;display:none;align-items:center;justify-content:center;z-index:3;overflow:hidden} #drtc-bot-widget[data-state=error] .dc-face-screen,#drtc-bot-widget[data-state=sleeping] .dc-face-screen{display:flex} #drtc-bot-widget .dc-error-label{display:none;font:500 9px/1 ui-monospace,monospace;letter-spacing:.15px;color:#ff4545;text-shadow:0 0 3px #ff242460} #drtc-bot-widget[data-state=error] .dc-error-label{display:block} #drtc-bot-widget .dc-sleep-eyes,#drtc-bot-widget .dc-sleep-mouth{display:none;color:#66a9dc;font:500 10px/1 ui-monospace,monospace;letter-spacing:1px} #drtc-bot-widget[data-state=sleeping] .dc-sleep-eyes{display:block;transform:translateY(-2px)} #drtc-bot-widget[data-state=sleeping] .dc-sleep-mouth{display:block;position:absolute;bottom:3px;left:48%;font-size:9px} #drtc-bot-widget .dc-sleep-cap{display:none;position:absolute;left:39%;top:-19%;width:43%;height:29%;transform:rotate(13deg);transform-origin:35% 90%;z-index:4} #drtc-bot-widget[data-state=sleeping] .dc-sleep-cap{display:block} #drtc-bot-widget .dc-cap-cloth{position:absolute;inset:0;background:repeating-linear-gradient(115deg,#437bb6 0 6px,#d2e7f7 6px 8px);clip-path:polygon(0% 92%,14% 36%,32% 3%,54% 0%,74% 18%,100% 77%,85% 79%,63% 40%,67% 100%)} #drtc-bot-widget .dc-cap-rim{position:absolute;left:-2%;bottom:0;width:73%;height:22%;background:#e8f3fc;border-radius:3px;box-shadow:0 1px 1px #0c284533} #drtc-bot-widget .dc-cap-pompom{position:absolute;right:-5%;bottom:9%;width:21%;aspect-ratio:1;border-radius:50%;background:#edf7ff;box-shadow:0 1px 2px #12314d33} #drtc-bot-widget .dc-sleep-z{display:none;position:absolute;right:10%;top:-28%;font:500 12px/1.3 system-ui,sans-serif;color:var(--dc-blue);transform:rotate(-6deg)} #drtc-bot-widget .dc-sleep-z span{margin-left:3px;position:relative;top:-5px;font-size:10px} #drtc-bot-widget .dc-sleep-z small{margin-left:2px;position:relative;top:-10px;font-size:8px} #drtc-bot-widget[data-state=sleeping] .dc-sleep-z{display:block;animation:dc-sleep-bubble 3.6s ease-in-out infinite} #drtc-bot-widget[data-state=sleeping] .dc-rig{animation:dc-suspended 4.4s ease-in-out infinite} #drtc-bot-widget[data-state=sleeping] .dc-head{animation:none;transform:rotate(5deg)} #drtc-bot-widget[data-state=sleeping] .dc-arm-left{animation:none;transform:rotate(-2deg)} #drtc-bot-widget[data-state=sleeping] .dc-arm-right{animation:none;transform:rotate(2deg)} #drtc-bot-widget[data-state=sleeping] .dc-launch{transform:rotate(-3deg)} @keyframes dc-suspended{0%,100%{transform:translateY(-5px)}50%{transform:translateY(-10px)}} @keyframes dc-sleep-bubble{0%,100%{opacity:.3;transform:translateY(2px)}50%{opacity:.8;transform:translateY(-4px)}} @media(prefers-reduced-motion:reduce){#drtc-bot-widget .dc-sleep-z,#drtc-bot-widget .dc-rig{animation:none!important}#drtc-bot-widget[data-state=sleeping] .dc-rig{transform:translateY(-7px)}#drtc-bot-widget .dc-part img{transition:none}} #drtc-bot-widget .dc-success-label,#drtc-bot-widget .dc-loading-label,#drtc-bot-widget .dc-yawn-mouth{display:none} #drtc-bot-widget[data-state=success] .dc-face-screen,#drtc-bot-widget[data-state=thinking] .dc-face-screen,#drtc-bot-widget[data-state=drowsy] .dc-face-screen,#drtc-bot-widget[data-state=waking] .dc-face-screen{display:flex} #drtc-bot-widget[data-state=success] .dc-eye,#drtc-bot-widget[data-state=thinking] .dc-eye,#drtc-bot-widget[data-state=drowsy] .dc-eye,#drtc-bot-widget[data-state=waking] .dc-eye,#drtc-bot-widget[data-state=success] .dc-eye-back,#drtc-bot-widget[data-state=thinking] .dc-eye-back,#drtc-bot-widget[data-state=drowsy] .dc-eye-back,#drtc-bot-widget[data-state=waking] .dc-eye-back{visibility:hidden} #drtc-bot-widget[data-state=success] .dc-success-label{display:block;font:500 10px/1 ui-monospace,monospace;color:#65e5a4;letter-spacing:1px} #drtc-bot-widget[data-state=thinking] .dc-loading-label{display:block;font:500 14px/1 ui-monospace,monospace;letter-spacing:2px;color:#63d8ff;animation:dc-look-dots 1s ease-in-out infinite} #drtc-bot-widget[data-state=drowsy] .dc-sleep-eyes,#drtc-bot-widget[data-state=waking] .dc-sleep-eyes{display:block} #drtc-bot-widget[data-state=drowsy] .dc-yawn-mouth{display:block;position:absolute;left:47%;bottom:2px;width:4px;height:6px;border:1px solid #69a5cf;border-radius:50%;animation:dc-yawn-mouth 1.8s ease-in-out 1} #drtc-bot-widget[data-state=drowsy] .dc-head{animation:dc-get-sleepy 2s ease-in-out 1 forwards} #drtc-bot-widget[data-state=drowsy] .dc-arm-right{animation:dc-drowsy-arm 2s ease-in-out 1} #drtc-bot-widget[data-state=drowsy] .dc-rig{animation:dc-drowsy-body 2s ease-in-out 1 forwards} #drtc-bot-widget[data-state=waking] .dc-head{animation:dc-head-wake .9s ease-in-out 1} #drtc-bot-widget[data-state=waking] .dc-arm-left{animation:dc-stretch-left .9s ease-in-out 1} #drtc-bot-widget[data-state=waking] .dc-arm-right{animation:dc-stretch-right .9s ease-in-out 1} #drtc-bot-widget[data-state=waking] .dc-rig{animation:dc-wake-body .9s ease-in-out 1} #drtc-bot-widget[data-state=waking] .dc-sleep-cap{display:block;animation:dc-put-away-cap .85s ease-in-out 1 forwards} #drtc-bot-widget[data-state=waking] .dc-face-screen{animation:dc-face-wake .9s ease-in-out 1 forwards} #drtc-bot-widget[data-state=sleeping] .dc-sleep-cap{animation:dc-put-on-cap .7s ease-out 1} #drtc-bot-widget[data-state=success] .dc-head{animation:dc-nod .6s ease-in-out 1} #drtc-bot-widget[data-state=success] .dc-arm-right{animation:dc-acknowledge .6s ease-in-out 1} #drtc-bot-widget[data-state=recovering] .dc-head{animation:dc-reassure .9s ease-in-out 1} #drtc-bot-widget[data-state=listening] .dc-head{animation:dc-read-head 2.8s ease-in-out infinite} #drtc-bot-widget[data-page-hidden=true] .dc-rig,#drtc-bot-widget[data-page-hidden=true] .dc-part,#drtc-bot-widget[data-page-hidden=true] .dc-eye,#drtc-bot-widget[data-page-hidden=true] .dc-eye-back,#drtc-bot-widget[data-page-hidden=true] .dc-sleep-z,#drtc-bot-widget[data-page-hidden=true] .dc-sleep-cap{animation-play-state:paused!important} @keyframes dc-look-dots{0%,100%{transform:translateX(-1px);opacity:.5}50%{transform:translateX(1px);opacity:1}} @keyframes dc-yawn-mouth{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}} @keyframes dc-get-sleepy{0%{transform:rotate(0)}100%{transform:rotate(5deg)}} @keyframes dc-drowsy-arm{0%,100%{transform:rotate(0)}50%{transform:rotate(-3deg)}} @keyframes dc-drowsy-body{0%{transform:translateY(0)}100%{transform:translateY(-5px)}} @keyframes dc-head-wake{0%{transform:rotate(5deg)}60%{transform:rotate(-2deg)}100%{transform:rotate(0)}} @keyframes dc-stretch-left{0%,100%{transform:rotate(0)}50%{transform:rotate(4deg)}} @keyframes dc-stretch-right{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg)}} @keyframes dc-wake-body{0%{transform:translateY(-7px)}65%{transform:translateY(-2px)}100%{transform:translateY(0)}} @keyframes dc-put-away-cap{0%{opacity:1;transform:rotate(13deg)}100%{opacity:0;transform:translateY(-5px) rotate(22deg) scale(.9)}} @keyframes dc-put-on-cap{0%{opacity:0;transform:translateY(-4px) rotate(20deg)}100%{opacity:1;transform:rotate(13deg)}} @keyframes dc-face-wake{0%,40%{opacity:1}100%{opacity:0}} @keyframes dc-reassure{0%,100%{transform:rotate(0)}50%{transform:rotate(-2deg)}} @keyframes dc-read-head{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(-.5deg)}} @media(prefers-reduced-motion:reduce){#drtc-bot-widget .dc-loading-label,#drtc-bot-widget .dc-yawn-mouth,#drtc-bot-widget .dc-sleep-cap,#drtc-bot-widget .dc-face-screen{animation:none!important}#drtc-bot-widget[data-state=waking] .dc-sleep-cap{display:none}} #drtc-bot-widget{position:fixed;bottom:max(var(--dc-offset),env(safe-area-inset-bottom));right:var(--dc-offset);width:min(326px,calc(100vw - 32px));z-index:10000;isolation:isolate;--dc-error-filter:url(#drtc-php-red-alarm)} #drtc-bot-widget[data-side=left]{right:auto;left:var(--dc-offset)} #drtc-bot-widget .dc-widget{position:relative;right:auto;bottom:auto;width:100%;margin:0;padding:0;max-height:calc(100dvh - 40px);overflow-y:auto;overflow-x:clip;scrollbar-width:thin} #drtc-bot-widget .dc-launch{flex:none;width:var(--dc-size);height:var(--dc-size);margin-top:30px} #drtc-bot-widget .dc-panel{flex:none} #drtc-bot-widget .dc-head-image,#drtc-bot-widget .dc-eye,#drtc-bot-widget .dc-part img{max-width:none} #drtc-bot-widget .dc-face-screen{font-size:initial} #drtc-bot-widget .dc-suggestions{flex:none} #drtc-bot-widget[data-side=left] .dc-widget{align-items:flex-start} #drtc-bot-widget[data-side=left] .dc-launch{align-self:flex-start} #drtc-bot-widget[data-side=left] .dc-greeting,#drtc-bot-widget[data-side=left] .dc-answer,#drtc-bot-widget[data-side=left] .dc-status{text-align:left} #drtc-bot-widget[data-side=left] .dc-suggestions{justify-content:flex-start} /* ---------------------------------------------------------------------- Fichas del buscador (noticias, resoluciones, tramites, preguntas) El buscador devuelve titulo, resumen, etiqueta y fecha; aqui se pintan como tarjetas con su enlace. El texto se escribe con textContent, asi que nunca se interpreta HTML del contenido publicado. ---------------------------------------------------------------------- */ #drtc-bot-widget .dc-links{width:100%;display:flex;flex-direction:column;gap:6px;max-height:min(44vh,300px);overflow:auto;overscroll-behavior:contain;padding-right:2px}#drtc-bot-widget .dc-links:empty{display:none} #drtc-bot-widget .dc-link{display:block;text-align:left;text-decoration:none;color:var(--dc-ink);background:var(--dc-paper);border:1px solid var(--dc-rule);border-radius:10px;padding:7px 9px;transition:border-color .2s,background .2s} #drtc-bot-widget .dc-link:hover{border-color:var(--dc-blue);background:light-dark(#f4f9fc,#1d303c)} #drtc-bot-widget .dc-link:focus-visible{outline:2px solid var(--dc-blue);outline-offset:2px} #drtc-bot-widget .dc-link__tag{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dc-blue)} #drtc-bot-widget .dc-link strong{display:block;font-size:12px;line-height:1.4;margin-top:2px} #drtc-bot-widget .dc-link p{margin:4px 0 0;font-size:11px;line-height:1.45;color:var(--dc-muted)} #drtc-bot-widget .dc-link small{display:block;margin-top:4px;font-size:10px;color:var(--dc-muted)} #drtc-bot-widget[data-side=left] .dc-link{text-align:left} /* El portal es claro y el componente se declara con color-scheme: light dark: en un navegador en modo oscuro el texto del robot salia claro sobre el fondo claro del portal y no se leia. Se fija en claro para que siga al sitio. */ #drtc-bot-widget{color-scheme:light} /* Saludo en naranja, el color de acento del portal (#a84e00 es la variante legible sobre fondo claro; el #f2760c del panel queda solo para bordes). */ #drtc-bot-widget .dc-greeting{color:#a84e00} /* Campo de escritura un poco mas alto, para escribir y tocar sin apurar. */ #drtc-bot-widget .dc-input{padding:9px 0} /* Caja para escribir mas amplia: el ancho lo fija el contenedor raiz (el panel mide lo mismo), asi que se ensancha el contenedor y el campo crece en alto y en tamano de letra, para escribir comodo tambien desde el celular. */ #drtc-bot-widget{width:min(340px,calc(100vw - 32px))} #drtc-bot-widget .dc-input{padding:11px 2px;font-size:15px;min-height:42px} #drtc-bot-widget .dc-send{font-size:15px;padding:10px 6px} #drtc-bot-widget .dc-form{padding:2px 0} /* El panel del chat y el saludo son tarjetas opacas. Antes eran transparentes: el contenido de la pagina se veia a medias por detras del robot y parecia que el sitio estaba cortado. El robot sigue sin caja, como en el paquete. */ #drtc-bot-widget .dc-panel{background:var(--dc-paper);border:1px solid var(--dc-rule);border-radius:14px;padding:12px;box-shadow:0 12px 30px rgba(16,40,58,.16)} #drtc-bot-widget .dc-greeting{max-width:100%;background:var(--dc-paper);border:1px solid var(--dc-rule);border-radius:12px;padding:8px 11px;box-shadow:0 8px 20px rgba(16,40,58,.12)} /* La barra de desplazamiento del contenedor se oculta: con el panel alto en pantallas chicas aparecia una palanca al lado del robot y parecia un error. El desplazamiento por dedo o rueda sigue funcionando. */ #drtc-bot-widget .dc-widget{scrollbar-width:none} #drtc-bot-widget .dc-widget::-webkit-scrollbar{width:0;height:0}