/* CECAR BLOQUE 8 · NEXI SPORT DT · Correccion de rostro sin alterar B7 ni index.php
   Imagen cuadrada con gorra completa; nunca recortar cara con object-fit:cover. */
#chatToggle .b7-mascot-frame,
#chatPanel .b7-mascot-frame {
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:2px solid #48bdff;
  background:#0a2033;
  box-shadow:0 0 0 3px rgba(19,148,255,.12),0 4px 16px rgba(0,0,0,.35);
}
#chatToggle .b7-mascot-button {width:68px;height:68px;min-width:68px;min-height:68px;}
#chatPanel .b7-mascot-header {width:76px;height:76px;min-width:76px;min-height:76px;}
/* Neutralizar las reglas B7 que ampliaban 120% la foto y cortaban la gorra/cara. */
#chatToggle .b7-mascot-frame img,
#chatPanel .b7-mascot-frame img,
#chatToggle .b8-avatar-img,
#chatPanel .b8-avatar-img {
  display:block;
  width:100%;height:100%;max-width:none;
  object-fit:contain; object-position:center center;
  transform:none;position:static;
  border-radius:50%;
}
#chatToggle .b7-mascot-frame::after,
#chatPanel .b7-mascot-frame::after {
  content:'DT';
  position:absolute;
  top:auto;bottom:1px;right:1px;
  padding:1px 5px;
  border:1px solid rgba(255,255,255,.84);
  border-radius:10px;
  background:#cb1e31;
  font:900 9px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;
  color:#fff;
  letter-spacing:.03em;
  pointer-events:none;
  z-index:1;
}
#chatToggle {gap:12px;}
#chatToggle > span:nth-child(2){min-width:0;}
#chatToggle .chat-chevron {line-height:1;}
#chatPanel {
  width:min(410px,calc(100vw - 28px));
  max-height:min(720px,calc(100dvh - 115px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#0d1929;
  border:1px solid rgba(67,165,243,.7);
  box-shadow:0 20px 75px #000b;
}
#chatPanel[hidden]{display:none;}
#chatPanel .chat-head{
  display:flex;align-items:center;gap:14px;
  padding:15px 13px;
  flex:0 0 auto;min-height:107px;
  border-bottom:2px solid #e02b38;
  background:linear-gradient(115deg,#113c67 0%,#0b2441 65%,#092038 100%);
}
#chatPanel .chat-head > span:nth-child(2){
  flex:1 1 auto;min-width:0;
  display:flex;flex-direction:column;justify-content:center;gap:3px;
  overflow-wrap:anywhere;
}
#chatPanel .chat-head b{font-weight:900;font-size:18px;letter-spacing:.01em;line-height:1.05;}
#chatPanel .chat-head small{font-size:10px;line-height:1.3;color:#c6e8fa;font-weight:750;letter-spacing:.04em;}
#chatPanel .chat-head #chatClose{
  flex:0 0 auto;align-self:flex-start;
  display:grid;place-items:center;
  width:40px;height:40px;
  padding:0;border:1px solid #ffffff5e;
  border-radius:10px;background:#ffffff12;color:#fff;
  font-size:25px;line-height:1;
}
#chatPanel .chat-head #chatClose:hover{background:#e12639;}
#chatPanel .chat-history{min-height:100px;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;}
#chatPanel .chat-actions{flex:0 0 auto;overflow-y:auto;max-height:42dvh;}
#chatPanel .chat-actions .b7-private-access{grid-column:1 / -1;}
#chatPanel .chat-actions .b8-quick-access{display:block;grid-column:span 2;border-radius:9px;
  text-align:center;padding:9px 12px;background:#113c66;border:1px solid #419de2;
  font-size:12px;font-weight:800;text-decoration:none;color:#fff;}
#chatPanel .chat-actions .b8-quick-access:hover{background:#165c94;}
#chatPanel .chat-disclaimer{flex:0 0 auto;}
#chatPanel #chatClose:focus-visible,#chatToggle:focus-visible,
#chatPanel .chat-actions a:focus-visible{outline:3px solid #ffcf4a;outline-offset:2px;}
@media(max-width:600px){
  #chatToggle .b7-mascot-button {width:58px;height:58px;min-width:58px;min-height:58px;}
  #chatPanel .b7-mascot-header {width:64px;height:64px;min-width:64px;min-height:64px;}
  #chatPanel .chat-head{min-height:92px;padding:12px 10px;gap:10px;}
  #chatPanel .chat-head b{font-size:16px;}
  #chatPanel .chat-head small{font-size:9px;}
  #chatPanel .chat-head #chatClose{width:36px;height:36px;}
  #chatPanel .chat-actions{max-height:35dvh;}
}
@media(max-height:600px){
  #chatPanel{max-height:calc(100dvh - 90px);bottom:85px;}
  #chatPanel .chat-history{min-height:70px;}
  #chatPanel .chat-actions{max-height:26dvh;}
}