#beos-chat-widget{font-family:Rethink,Arial,sans-serif;color:#222}
#beos-chat-widget [hidden],#beos-chat-widget[hidden]{display:none!important}
#beos-chat-widget *{box-sizing:border-box}
/* El reflejo recorre el borde sin girar el chip. */
@property --beos-coto-holo-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}
#beos-chat-widget button.beos-coto-launcher{
  position:fixed;right:26px;bottom:23px;z-index:1101;
  display:flex;align-items:center;gap:11px;
  min-height:54px;padding:8px 17px 8px 8px;
  border:0;border-radius:30px;background:#222;color:#fff;cursor:pointer;
  font:500 14px/1.2 Rethink,Arial,sans-serif;
  isolation:isolate;box-shadow:0 6px 23px #172d3d20,0 0 5px #f29a580a;
}
#beos-chat-widget .beos-coto-launcher>img{
  display:block;position:relative;z-index:1;flex-shrink:0;
  width:38px;height:38px;border:1px solid #fff5;border-radius:50%;object-fit:cover;
}
@media(width > 760px){
  #beos-chat-widget button.beos-coto-launcher{transform-origin:right center}
  #beos-chat-widget button.beos-coto-launcher:hover{background:#304852}
}
@media (prefers-reduced-motion: no-preference){
  #beos-chat-widget .beos-coto-launcher[aria-expanded="false"]:not(:focus-visible){
    animation:beos-coto-latido 12s ease-in-out infinite;
  }
}
@media (hover: hover){
  #beos-chat-widget .beos-coto-launcher[aria-expanded="false"]:hover{animation:none}
}
@keyframes beos-coto-latido{
  0%,91%,95%,100%{transform:scale(1)}
  93%{transform:scale(1.055)}
  97%{transform:scale(1.028)}
}
#beos-chat-widget button:focus-visible,#beos-chat-widget a:focus-visible{outline:3px solid #349cc4;outline-offset:4px}
#beos-chat-widget .beos-coto-panel{position:fixed;right:26px;bottom:90px;width:min(470px,calc(100vw - 32px));height:min(760px,calc(100dvh - 112px));border:1px solid #d5e3e9;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 70px #17334b35;z-index:1102}
#beos-chat-widget .beos-coto-panel.is-expanded{width:min(920px,calc(100vw - 48px));height:calc(100dvh - 112px)}
#beos-chat-widget iframe{display:block;width:100%;height:100%;border:0;background:#fff}
#beos-chat-widget .beos-coto-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;text-align:center;font-size:16px}
#beos-chat-widget .beos-coto-loading button{border:1px solid #bfd5df;border-radius:4px;padding:11px 18px;background:#fff;color:#222;cursor:pointer}
#beos-chat-widget .beos-coto-loading a{color:#086181;font-size:14px}
@media(max-width:760px){
  #beos-chat-widget button.beos-coto-launcher{
    right:16px;bottom:17px;width:54px;height:54px;padding:8px;
    justify-content:center;gap:0;border-radius:50%;
    box-shadow:0 4px 14px #172d3d24,0 0 5px #f29a580a;
  }
  #beos-chat-widget .beos-coto-launcher>img{border:0}
  #beos-chat-widget .beos-coto-launcher>span{display:none}
  #beos-chat-widget .beos-coto-launcher::after{
    content:"";position:absolute;inset:4px;border-radius:inherit;
    border:1px solid #ffffff12;pointer-events:none;
  }
  #beos-chat-widget .beos-coto-panel,#beos-chat-widget .beos-coto-panel.is-expanded{inset:0;width:100%;height:100dvh;border:0;border-radius:0}
  #beos-chat-widget.is-open .beos-coto-launcher{display:none}
}
#beos-chat-widget .beos-coto-launcher::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;opacity:.78;
  background:conic-gradient(from var(--beos-coto-holo-angle,0deg),#222 0deg,#34271d 45deg,#b86a36 76deg,#f29a58 105deg,#ffd5b5 122deg,#f29a58 145deg,#4e3523 195deg,#222 240deg,#92582f 275deg,#f29a58 305deg,#fac395 324deg,#222 360deg);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  pointer-events:none;
  animation:beos-coto-holo 10s linear infinite;
}
@keyframes beos-coto-holo{from{--beos-coto-holo-angle:0deg}to{--beos-coto-holo-angle:360deg}}
@media(prefers-reduced-motion:reduce){
  #beos-chat-widget .beos-coto-launcher::before{animation:none}
}

/* El modal de consentimiento tiene prioridad incluso durante su apertura. */
html.bc-modal-open #beos-chat-widget{display:none}

#beos-chat-widget .beos-coto-launcher>img{object-view-box:inset(6% 24% 55% 24%);object-position:50% 15%}