/* BOX24 v2.3 — chat opcional con consentimiento propio, independiente de GA4. */
.box24-chat-trigger {
  position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  z-index: 98; display: inline-flex; align-items: center; gap: 10px;
  padding: 13px 17px; border: 0; border-radius: 40px; cursor: pointer;
  color: white; background: #102f4a; font: 750 14px/1.2 system-ui, sans-serif;
  box-shadow: 0 8px 26px rgba(8,33,53,.28);
}
.box24-chat-trigger:hover, .box24-chat-trigger:focus-visible { background: #005eff; }
.box24-chat-trigger:focus-visible, .box24-chat-consent button:focus-visible {
  outline: 3px solid #ff7a18; outline-offset: 3px;
}
.box24-chat-trigger svg { width: 20px; height: 20px; flex: none; }
.box24-chat-consent {
  position: fixed; right: 18px; bottom: calc(84px + env(safe-area-inset-bottom, 0px));
  z-index: 99; box-sizing: border-box; width: min(370px, calc(100vw - 28px));
  max-height: calc(100dvh - 110px); overflow: auto;
  padding: 21px; border: 1px solid #dbe3e9; border-radius: 15px;
  background: #fff; color: #102f4a; box-shadow: 0 18px 55px rgba(8,33,53,.26);
  font-family: system-ui, sans-serif;
}
.box24-chat-consent[hidden], .box24-chat-trigger[hidden] { display: none !important; }
.box24-chat-consent h2 { margin: 0 0 8px; color: #102f4a; font: 800 19px/1.25 system-ui, sans-serif; }
.box24-chat-consent p { margin: 0 0 16px; color: #476070; font: 400 13px/1.55 system-ui, sans-serif; }
.box24-chat-consent a { color: #005eff; text-decoration: underline; }
.box24-chat-consent .box24-chat-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.box24-chat-consent button { border: 1px solid #102f4a; border-radius: 7px; padding: 11px 13px; cursor: pointer; font: 700 13px system-ui, sans-serif; }
.box24-chat-consent .box24-chat-cancel { color: #102f4a; background: #fff; }
.box24-chat-consent .box24-chat-start { color: #fff; border-color: #005eff; background: #005eff; }
.box24-chat-consent button:disabled { opacity: .65; cursor: wait; }
body:has(#cookie-banner:not(.hidden)) .box24-chat-trigger { display: none; }
@media(max-width:600px) {
  .box24-chat-trigger { right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); padding: 12px 14px; font-size: 13px; }
  .box24-chat-consent { right: 12px; bottom: calc(75px + env(safe-area-inset-bottom, 0px)); padding: 16px; }
}