/* 4CHAMPZ / floating guide — a compact 3D assistant shared by every page. */
.chatbot-ready .whatsapp { right: 100px; }
.champz-chat-launch {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 95;
  width: 66px;
  height: 66px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 50%;
  background: #ff6428;
  color: #101010;
  box-shadow: 10px 12px 0 rgba(0,0,0,.32), 0 18px 36px rgba(0,0,0,.3);
  display: grid;
  place-items: center;
  font: 800 .72rem/1 'Barlow Condensed', Arial, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  transform-style: preserve-3d;
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, background .25s;
}
.champz-chat-launch:before {
  content: '';
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(16,16,16,.45);
  border-radius: 50%;
  transform: translateZ(12px);
}
.champz-chat-launch:hover,
.champz-chat-launch:focus-visible {
  transform: translateY(-7px) rotateY(-8deg) rotateZ(-3deg);
  box-shadow: 15px 18px 0 rgba(0,0,0,.32), 0 25px 42px rgba(0,0,0,.3);
  background: #fff;
}
.champz-chat-launch[aria-expanded="true"] { transform: rotateZ(45deg); }
.champz-chat-launch[aria-expanded="true"]:before { transform: translateZ(12px) rotateZ(-45deg); }
.champz-chat-launch span { transform: translateZ(16px); }
.champz-chat-launch em {
  position: absolute;
  right: 75px;
  top: 18px;
  min-width: 108px;
  padding: 9px 11px;
  border: 1px solid rgba(255,255,255,.24);
  background: #111;
  color: #fff;
  font: 700 .65rem/1 'Barlow', Arial, sans-serif;
  font-style: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .92;
  transform: translateZ(8px);
  pointer-events: none;
}
.champz-chat-launch em:after {
  content: '';
  position: absolute;
  right: -6px;
  top: 12px;
  width: 10px;
  height: 10px;
  background: #111;
  border-top: 1px solid rgba(255,255,255,.24);
  border-right: 1px solid rgba(255,255,255,.24);
  transform: rotate(45deg);
}
.champz-chat-launch[aria-expanded="true"] em { opacity: 0; }
.champz-chat {
  position: fixed;
  right: 24px;
  bottom: 104px;
  z-index: 94;
  width: min(390px, calc(100vw - 32px));
  height: min(570px, calc(100vh - 132px));
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.28);
  background: #111;
  color: #f7f7f2;
  box-shadow: 18px 20px 0 rgba(0,0,0,.2), 0 30px 70px rgba(0,0,0,.38);
  transform: translateY(22px) scale(.94) rotateX(5deg);
  transform-origin: bottom right;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s, transform .42s cubic-bezier(.2,.7,.2,1);
  transform-style: preserve-3d;
}
.champz-chat.is-open { opacity: 1; transform: translateY(0) scale(1) rotateX(0); pointer-events: auto; }
.champz-chat:before {
  content: '';
  position: absolute;
  inset: 9px;
  border: 1px solid rgba(255,255,255,.1);
  pointer-events: none;
  z-index: 2;
}
.champz-chat-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 20px 22px;
  background: #ff6428;
  color: #101010;
  z-index: 1;
}
.champz-chat-head strong { display: block; font: 800 1.45rem/1 'Barlow Condensed', Arial, sans-serif; text-transform: uppercase; letter-spacing: .02em; }
.champz-chat-head small { display: block; margin-top: 5px; font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; }
.champz-chat-head b { font: 800 3rem/.7 'Barlow Condensed', Arial, sans-serif; font-style: italic; }
.champz-chat-messages { overflow: auto; padding: 20px 19px 14px; background: radial-gradient(circle at 90% 0%, rgba(255,100,40,.13), transparent 17rem), #111; }
.champz-chat-message { max-width: 88%; margin: 0 0 14px; padding: 12px 14px; border: 1px solid #383838; background: #1a1a1a; color: #deded9; font-size: .87rem; line-height: 1.55; }
.champz-chat-message.bot { border-left: 3px solid #ff6428; }
.champz-chat-message.user { margin-left: auto; border-color: #ff6428; background: #ff6428; color: #101010; }
.champz-chat-message a { color: #ff956d; text-decoration: underline; text-underline-offset: 3px; }
.champz-chat-message.user a { color: #101010; }
.champz-chat-suggestions { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 15px; }
.champz-chat-suggestions button { border: 1px solid #555; background: transparent; color: #d8d8d3; padding: 7px 9px; font: inherit; font-size: .7rem; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.champz-chat-suggestions button:hover, .champz-chat-suggestions button:focus-visible { border-color: #ff6428; color: #101010; background: #ff6428; }
.champz-chat-form { display: grid; grid-template-columns: 1fr 46px; gap: 8px; padding: 15px 17px 17px; border-top: 1px solid #383838; background: #171717; }
.champz-chat-form input { width: 100%; min-height: 46px; padding: 12px 13px; border: 1px solid #505050; background: #0e0e0e; color: #fff; outline: none; }
.champz-chat-form input:focus { border-color: #ff6428; box-shadow: 0 0 0 2px rgba(255,100,40,.18); }
.champz-chat-form button { border: 0; background: #ff6428; color: #101010; font-size: 1.4rem; cursor: pointer; transition: transform .25s, background .2s; }
.champz-chat-form button:hover, .champz-chat-form button:focus-visible { background: #fff; transform: translateY(-2px); }
.champz-chat-typing { display: inline-flex; gap: 4px; padding: 10px 13px; border: 1px solid #383838; background: #1a1a1a; }
.champz-chat-typing i { width: 5px; height: 5px; border-radius: 50%; background: #ff6428; animation: champz-dot 1s infinite alternate; }
.champz-chat-typing i:nth-child(2) { animation-delay: .2s; }.champz-chat-typing i:nth-child(3) { animation-delay: .4s; }
@keyframes champz-dot { from { opacity: .25; transform: translateY(0); } to { opacity: 1; transform: translateY(-3px); } }
@media(max-width:620px){
  .chatbot-ready .whatsapp { right: 91px; }
  .champz-chat-launch { right: 16px; bottom: 16px; width: 59px; height: 59px; }
  .champz-chat-launch em { right: 67px; top: 14px; min-width: 100px; font-size: .59rem; }
  .champz-chat { right: 16px; bottom: 88px; width: calc(100vw - 32px); height: min(540px, calc(100vh - 110px)); }
}
@media(prefers-reduced-motion:reduce){
  .champz-chat-launch, .champz-chat, .champz-chat-typing i { animation: none!important; transition: none!important; }
}