/* BitBot: banner tra i giorni, con logo olografico interattivo. */

body .bbPromo,
body .bbPromo * {
  box-sizing: border-box;
}

body .bbPromo[hidden] {
  display: none !important;
}

body .bbPromo {
  --bbp-ink: #eff5ff;
  --bbp-muted: #afc1d9;
  --bbp-line: rgba(142, 176, 218, .22);
  position: relative;
  isolation: isolate;
  color: var(--bbp-ink);
  background: radial-gradient(ellipse at 95% 0%, rgba(135, 76, 235, .13), transparent 55%), linear-gradient(115deg, #162b40, #182239 70%);
  border: 1px solid var(--bbp-line);
  border-radius: 18px;
  box-shadow: inset 0 1px rgba(219, 239, 255, .055), 0 9px 24px rgba(0, 0, 0, .13);
  font-family: inherit;
  text-align: left;
  line-height: 1.4;
}

body.theme-light .bbPromo {
  --bbp-ink: #17364e;
  --bbp-muted: #4f6d86;
  --bbp-line: #9bb8d078;
  background: radial-gradient(ellipse at 100% 0%, #e0d6f9a8, transparent 60%), linear-gradient(115deg, #e8f5fb, #ebeff9);
}

body .bbHolo {
  --holo-rx: 0deg;
  --holo-ry: 0deg;
  --holo-px: 0px;
  --holo-py: 0px;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(310px, .9fr);
  align-items: center;
  min-height: 250px;
  margin: 22px 0;
  padding: 23px 30px;
  overflow: hidden;
  color: #f4f8ff;
  border: 1px solid rgba(124, 165, 255, .34);
  border-radius: 24px;
  background: radial-gradient(ellipse at 85% 20%, rgba(68, 59, 155, .28), transparent 57%), linear-gradient(120deg, #0a1428 0%, #111a36 53%, #0a1c32 100%);
  box-shadow: inset 0 1px 0 rgba(226, 243, 255, .1), 0 14px 38px rgba(0, 0, 0, .17);
  font-family: inherit;
  text-align: left;
}

body .bbHolo::before {
  position: absolute;
  z-index: -1;
  top: -1px;
  right: 15%;
  left: 15%;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, transparent, #b88bff 30%, #8cf8ff 70%, transparent);
}

body .bbHolo * {
  box-sizing: border-box;
}

body .bbHolo .bbHolo__backdrop {
  position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none;
}

body .bbHolo .bbHolo__backdrop span:first-child {
  position: absolute; width: 240px; height: 240px; right: 7%; top: -130px; border: 1px solid rgba(166, 188, 255, .08); border-radius: 50%;
}

body .bbHolo .bbHolo__backdrop span:last-child {
  position: absolute; inset: 0; opacity: .21; background: linear-gradient(120deg, transparent 62%, rgba(133, 123, 255, .14) 62.1%, transparent 62.3%), linear-gradient(120deg, transparent 79%, rgba(69, 220, 237, .14) 79.1%, transparent 79.3%);
}

body .bbHolo .bbHolo__copy {
  position: relative; z-index: 3;
}

body .bbHolo .bbHolo__eyebrow {
  display: flex; align-items: center; gap: 7px; margin: 0 0 11px; color: #c6b5fb; font-size: 10px; font-weight: 800; letter-spacing: .16em; line-height: 1.2;
}

body .bbHolo .bbHolo__eyebrow > span {
  flex: 0 0 5px; width: 5px; height: 5px; border-radius: 50%; background: #8df1e7; box-shadow: 0 0 12px #66e8f094;
}

body .bbHolo h2 {
  margin: 0; max-width: 450px; color: #f4f8ff; font-size: clamp(24px, 2.4vw, 31px); font-weight: 850; letter-spacing: -.045em; line-height: 1.1; text-transform: none; text-shadow: none;
}

body .bbHolo h2 > span {
  color: #8cf5f0;
}

body .bbHolo .bbHolo__description {
  margin: 11px 0 16px; color: #b3c2da; font-size: 13px; font-weight: 450; line-height: 1.5;
}

body .bbHolo .bbHolo__actions {
  display: flex; align-items: stretch; gap: 8px; margin: 0;
}

body .bbHolo .bbHolo__action,
body .bbHolo .bbHolo__info {
  display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-width: 0; min-height: 44px; padding: 10px 15px; border: 1px solid transparent; border-radius: 12px; font: inherit; font-size: 12px; font-weight: 800; line-height: 1.2; cursor: pointer; text-decoration: none; text-transform: none; letter-spacing: 0; white-space: nowrap; touch-action: manipulation; transition: transform .2s ease, opacity .2s ease;
}

body .bbHolo .bbHolo__action--channel {
  color: #052b32 !important; background: linear-gradient(110deg, #8bfff0, #64dce9); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 5px 18px rgba(37, 219, 214, .12);
}

body .bbHolo .bbHolo__action--bot {
  color: #f0eaff !important; background: linear-gradient(110deg, rgba(137, 94, 227, .29), rgba(89, 60, 160, .27)); border-color: rgba(182, 149, 255, .5); box-shadow: inset 0 1px 0 rgba(219, 196, 255, .06);
}

body .bbHolo .bbHolo__action > span {
  font-size: 16px; font-weight: 500;
}

body .bbHolo .bbHolo__info {
  flex: 0 0 44px; width: 44px; padding: 0; border-color: rgba(184, 203, 243, .2); color: #bfcee5; background: rgba(19, 32, 58, .6); font-family: Georgia, serif; font-size: 19px; font-style: italic; font-weight: 700;
}

body .bbHolo button:focus-visible,
body .bbHolo a:focus-visible {
  outline: 3px solid #f3e9ff; outline-offset: 4px;
}

@media (hover: hover) {
  body .bbHolo .bbHolo__action:hover,
  body .bbHolo .bbHolo__info:hover {
    transform: translateY(-2px);
  }
}

body .bbHolo .bbHolo__action:active,
body .bbHolo .bbHolo__info:active {
  transform: translateY(1px);
}

body .bbHolo .bbHolo__visual {
  position: relative; align-self: stretch; display: grid; place-items: center; min-width: 0; min-height: 212px; perspective: 850px; pointer-events: none;
}

body .bbHolo .bbHolo__scene {
  position: relative; width: 340px; height: 212px; transform-style: preserve-3d; transform: rotateX(var(--holo-rx)) rotateY(var(--holo-ry)) translate3d(var(--holo-px), var(--holo-py), 0); transition: transform .24s ease-out;
}

body .bbHolo .bbHolo__aura {
  position: absolute; width: 256px; height: 204px; left: 44px; top: 1px; border-radius: 50%; background: radial-gradient(ellipse, rgba(83, 231, 249, .15), rgba(127, 92, 240, .13) 42%, transparent 70%); transform: translateZ(-30px);
}

body .bbHolo .bbHolo__orbit {
  position: absolute; left: 32px; top: 37px; width: 286px; height: 140px; border: 1px solid rgba(97, 211, 242, .24); border-radius: 50%; transform: rotateZ(-22deg) rotateX(58deg) translateZ(-22px); box-shadow: 0 -1px 0 rgba(188, 149, 255, .13);
}

body .bbHolo .bbHolo__orbit--back {
  left: 71px; top: 0; width: 196px; height: 203px; border-color: rgba(167, 124, 255, .2); transform: rotateZ(-39deg) rotateY(56deg) translateZ(-40px);
}

body .bbHolo .bbHolo__orbit--front::after {
  content: ""; position: absolute; width: 6px; height: 6px; top: 10px; left: 48px; border-radius: 50%; background: #a4f5ff; box-shadow: 0 0 12px #6ae9ff;
}

body .bbHolo .bbHolo__floor {
  position: absolute; left: 89px; bottom: 7px; width: 176px; height: 28px; border: 1px solid rgba(117, 231, 246, .17); border-radius: 50%; background: radial-gradient(ellipse, rgba(92, 227, 244, .17), rgba(78, 103, 217, .04) 65%, transparent 70%); box-shadow: 0 0 0 11px rgba(114, 174, 255, .025); transform: translateZ(-48px);
}

@media (max-width: 780px) and (min-width: 601px) {
  body .bbHolo {
    padding: 21px; grid-template-columns: minmax(0, 1fr) 240px;
  }

  body .bbHolo .bbHolo__scene {
    transform: scale(.83) rotateX(var(--holo-rx)) rotateY(var(--holo-ry));
  }

  body .bbHolo .bbHolo__actions {
    flex-wrap: wrap;
  }

  body .bbHolo .bbHolo__action {
    padding-inline: 11px;
  }
}

@media (max-width: 600px) {
  body .bbHolo {
    grid-template-columns: minmax(0, 1fr); padding: 15px 18px 18px; margin: 16px 0; min-height: 0; border-radius: 21px; background: radial-gradient(ellipse at 50% 9%, rgba(95, 70, 164, .24), transparent 54%), linear-gradient(140deg, #0d172c, #111a33 52%, #0a1c2b);
  }

  body .bbHolo .bbHolo__visual {
    grid-row: 1; height: 111px; min-height: 111px; margin: -1px 0 9px;
  }

  body .bbHolo .bbHolo__scene {
    flex: 0 0 340px; transform: scale(.61) rotateX(var(--holo-rx)) rotateY(var(--holo-ry)); transform-origin: center;
  }

  body .bbHolo .bbHolo__copy {
    text-align: center;
  }

  body .bbHolo .bbHolo__eyebrow {
    justify-content: center; font-size: 8px; letter-spacing: .14em; margin-bottom: 8px;
  }

  body .bbHolo h2 {
    max-width: none; font-size: 23px; line-height: 1.06; letter-spacing: -.04em;
  }

  body .bbHolo .bbHolo__description {
    font-size: 12px; line-height: 1.45; margin: 9px 0 13px;
  }

  body .bbHolo .bbHolo__actions {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px; gap: 7px;
  }

  body .bbHolo .bbHolo__action {
    padding: 9px 8px; min-height: 44px; font-size: 11px; gap: 5px; border-radius: 11px;
  }

  body .bbHolo .bbHolo__info {
    min-height: 44px; border-radius: 11px;
  }

  body .bbHolo .bbHolo__action > span {
    font-size: 13px;
  }
}

@media (max-width: 359px) {
  body .bbHolo {
    padding-inline: 13px;
  }

  body .bbHolo .bbHolo__visual {
    height: 104px; min-height: 104px; margin-bottom: 7px;
  }

  body .bbHolo .bbHolo__scene {
    transform: scale(.55) rotateX(var(--holo-rx)) rotateY(var(--holo-ry));
  }

  body .bbHolo .bbHolo__eyebrow {
    font-size: 7.6px;
  }

  body .bbHolo h2 {
    font-size: 22px;
  }

  body .bbHolo .bbHolo__description {
    font-size: 11.5px;
  }

  body .bbHolo .bbHolo__actions {
    gap: 5px;
  }

  body .bbHolo .bbHolo__action {
    font-size: 10.5px; gap: 3px; padding-inline: 5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .bbHolo .bbHolo__scene,
  body .bbHolo .bbHolo__action,
  body .bbHolo .bbHolo__info {
    transition: none;
  }

  body .bbHolo.is-visible .bbHolo__orbit,
  body .bbHolo.is-visible .bbHolo__aura {
    animation: none;
  }
}

@media (max-width: 600px) {
  body .bbHolo,
  body.theme-light .bbHolo {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    min-height: 0;
    margin: 17px 0;
    padding: 12px 16px 18px;
    border-color: rgba(143, 173, 228, .32);
    border-radius: 22px;
    background: radial-gradient(ellipse at 50% 12%, rgba(93, 86, 170, .19), transparent 60%), linear-gradient(145deg, #111a31, #111e32 70%, #0d2634);
    box-shadow: inset 0 1px 0 rgba(220, 241, 255, .08), 0 10px 25px rgba(0, 0, 0, .14);
  }

  body .bbHolo .bbHolo__visual {
    grid-row: 1;
    height: 160px;
    min-height: 160px;
    margin: 0 0 9px;
    perspective: 850px;
  }

  body .bbHolo .bbHolo__scene {
    width: 340px;
    height: 212px;
    justify-self: center;
    transform: scale(.78) rotateX(var(--holo-rx)) rotateY(var(--holo-ry));
    transform-origin: center;
  }

  body .bbHolo .bbHolo__aura {
    opacity: .7;
  }

  body .bbHolo .bbHolo__orbit {
    border-color: rgba(113, 208, 233, .18);
  }

  body .bbHolo .bbHolo__orbit--back {
    border-color: rgba(169, 138, 233, .16);
  }

  body .bbHolo .bbHolo__copy {
    position: static;
    text-align: center;
  }

  body .bbHolo .bbHolo__eyebrow {
    justify-content: center;
    gap: 6px;
    margin: 0 0 8px;
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: .115em;
    color: #c6bbec;
  }

  body .bbHolo h2 {
    max-width: none;
    margin: 0;
    font-size: 25px;
    line-height: 1.08;
    letter-spacing: -.035em;
    color: #f4f8ff;
  }

  body .bbHolo .bbHolo__description {
    margin: 10px 0 15px;
    color: #c2cee1;
    font-size: 13px;
    font-weight: 450;
    line-height: 1.45;
  }

  body .bbHolo .bbHolo__actions {
    position: static;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    margin: 0;
  }

  body .bbHolo .bbHolo__action {
    width: 100%;
    min-height: 46px;
    padding: 10px 7px;
    gap: 4px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.25;
  }

  body .bbHolo .bbHolo__action > span {
    font-size: 15px;
  }

  body .bbHolo .bbHolo__info {
    position: absolute;
    z-index: 4;
    top: 7px;
    right: 7px;
    width: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid rgba(183, 202, 237, .16);
    border-radius: 50%;
    color: #d0dcf0;
    background: rgba(13, 28, 49, .68);
    font-size: 18px;
  }
}

@media (max-width: 359px) {
  body .bbHolo {
    padding-inline: 12px;
  }

  body .bbHolo h2 {
    font-size: 24px;
  }

  body .bbHolo .bbHolo__actions {
    gap: 7px;
  }

  body .bbHolo .bbHolo__action {
    padding-inline: 5px;
  }
}

@media (max-width: 600px) and (prefers-reduced-motion: reduce) {
  body .bbHolo .bbHolo__scene,
  body .bbHolo .bbHolo__action,
  body .bbHolo .bbHolo__info {
    transition: none;
  }
}

body .bbHolo .bbHolo__visual {
  pointer-events:auto;perspective:850px
}

body .bbHolo .bbHolo__scene {
  pointer-events:none;transform-style:preserve-3d
}

body .bbHolo.is-visible .bbHolo__aura,
body .bbHolo.is-visible .bbHolo__orbit {
  animation:none!important
}

body .bbHolo .bbHolo__coin {
  position:absolute;left:50%;top:18px;display:block;width:146px;height:158px;padding:0;margin:0;border:0;border-radius:23px;background:none;transform:translateX(-50%);perspective:750px;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d
}

body .bbHolo .bbHolo__coin:focus-visible {
  outline:3px solid #a8fff3;outline-offset:9px
}

body .bbHolo .bbHolo__coinRotor {
  display:block;position:absolute;inset:0;transform-style:preserve-3d;animation:bbCoinFallback 12s linear infinite;will-change:transform
}

body .bbHolo .bbHolo__coin.is-managed .bbHolo__coinRotor {
  animation:none!important
}

body .bbHolo .bbHolo__coin.coin-stopped .bbHolo__coinRotor {
  animation:none!important
}

body .bbHolo .bbHolo__coinFace,
body .bbHolo .bbHolo__coinEdge {
  position:absolute;inset:0;display:block;border-radius:23px;border:1px solid #c9f1ff9c;background:linear-gradient(135deg,#b99cfb,#1a344f 25%,#0e243a 75%,#91f9ed);box-sizing:border-box
}

body .bbHolo .bbHolo__coinEdge:nth-child(1) {
  transform:translateZ(-4px)
}

body .bbHolo .bbHolo__coinEdge:nth-child(2) {
  transform:translateZ(-2px)
}

body .bbHolo .bbHolo__coinEdge:nth-child(3) {
  transform:translateZ(0)
}

body .bbHolo .bbHolo__coinEdge:nth-child(4) {
  transform:translateZ(2px)
}

body .bbHolo .bbHolo__coinEdge:nth-child(5) {
  transform:translateZ(4px)
}

body .bbHolo .bbHolo__coinFace {
  inset:3px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:radial-gradient(ellipse at 25% 15%,#8062ae77,transparent 65%),linear-gradient(145deg,#242947,#0c263a 65%,#15434c);box-shadow:inset 0 1px 1px #fff9,inset 0 0 18px #b5a2ff33
}

body .bbHolo .bbHolo__coinFace--front {
  transform:translateZ(6px)
}

body .bbHolo .bbHolo__coinFace--back {
  transform:rotateY(180deg) translateZ(6px)
}

body .bbHolo .bbHolo__coinFace img {
  position:absolute;display:block;inset:auto;top:-12px;left:-17px;width:173px;height:173px;max-width:none;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none
}

body .bbHolo .bbHolo__coinSheen {
  position:absolute;inset:0;display:block;background:linear-gradient(120deg,transparent 25%,#e4ffff22 42%,#fff4 45%,transparent 62%);pointer-events:none
}

body .bbHolo .bbHolo__coin.is-boosted {
  box-shadow:0 0 24px #6df4e538
}

body .bbHolo .bbHolo__interactionHint {
  position:absolute;left:0;bottom:0;width:100%;text-align:center;color:#acbed9;font-size:12px;line-height:1.4;pointer-events:none
}

body .bbHolo .bbHolo__coinStatus {
  position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0
}

@keyframes bbCoinFallback { from{transform:rotateY(0deg)}to{transform:rotateY(360deg)} }

@media(max-width:600px) {
  body .bbHolo .bbHolo__visual {
    height:160px;min-height:160px;margin-bottom:10px
  }

  body .bbHolo .bbHolo__scene {
    width:100%;max-width:340px;height:160px;transform:none!important
  }

  body .bbHolo .bbHolo__coin {
    width:144px;height:140px;top:0;border-radius:21px
  }

  body .bbHolo .bbHolo__coinFace,
  body .bbHolo .bbHolo__coinEdge {
    border-radius:21px
  }

  body .bbHolo .bbHolo__coinFace img {
    top:-8px;left:-13px;width:165px;height:165px
  }

  body .bbHolo .bbHolo__interactionHint {
    font-size:11px;bottom:-2px
  }

  body .bbHolo .bbHolo__floor {
    bottom:14px;left:50%;transform:translateX(-50%) translateZ(-48px);width:170px
  }

  body .bbHolo .bbHolo__aura {
    left:50%;top:-18px;transform:translateX(-50%) translateZ(-30px)
  }
}

@media(prefers-reduced-motion:reduce) {
  body .bbHolo .bbHolo__coinRotor {
    animation:none
  }
}

@media (min-width: 601px) {
  body .bbHolo,
  body.theme-light .bbHolo {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .85fr);
    gap: clamp(24px, 4vw, 54px);
    min-height: 276px;
    margin: 24px 0;
    padding: 26px 34px;
    border: 1px solid rgba(130, 162, 223, .3);
    border-radius: 26px;
    background: radial-gradient(ellipse at 83% 44%, rgba(76, 114, 168, .12), transparent 42%), radial-gradient(ellipse at 97% 0, rgba(111, 67, 164, .14), transparent 52%), linear-gradient(115deg, #0d192c, #111c32 56%, #102437);
    box-shadow: inset 0 1px 0 rgba(215, 234, 255, .08), 0 14px 34px rgba(0, 0, 0, .14);
  }

  body .bbHolo::before {
    left: 12%;
    right: 12%;
    height: 1px;
    opacity: .8;
  }

  body .bbHolo .bbHolo__copy {
    position: relative;
    min-width: 0;
    padding: 3px 0;
    text-align: left;
  }

  body .bbHolo .bbHolo__eyebrow {
    justify-content: flex-start;
    gap: 8px;
    margin: 0 0 13px;
    color: #c0b9e5;
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: .15em;
  }

  body .bbHolo h2 {
    max-width: 440px;
    margin: 0;
    color: #f2f7ff;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -.035em;
    font-weight: 800;
    -webkit-text-fill-color: currentColor;
  }

  body .bbHolo h2 > span {
    color: #8ce9e8;
  }

  body .bbHolo .bbHolo__description {
    max-width: 390px;
    margin: 13px 0 20px;
    color: #bac9dc;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 400;
  }

  body .bbHolo .bbHolo__actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 9px;
    margin: 0;
  }

  body .bbHolo .bbHolo__action {
    flex: 0 1 auto;
    min-width: 0;
    min-height: 46px;
    margin: 0;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: 0;
    white-space: nowrap;
    gap: 9px;
  }

  body .bbHolo .bbHolo__action--channel {
    color: #0c3038 !important;
    background: linear-gradient(105deg, #92eee2, #8ce0ef);
    border-color: #b3f3ed;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 4px 14px rgba(67, 203, 210, .1);
  }

  body .bbHolo .bbHolo__action--bot {
    color: #eee8ff !important;
    background: linear-gradient(110deg, #40375c, #322e51);
    border-color: #8e7aac;
    box-shadow: inset 0 1px 0 rgba(226, 213, 255, .06);
  }

  body .bbHolo .bbHolo__info {
    flex: 0 0 46px;
    width: 46px;
    min-height: 46px;
    margin: 0;
    padding: 0;
    border-radius: 12px;
    border-color: rgba(155, 182, 218, .24);
    background: rgba(39, 60, 85, .22);
    color: #c5d2e5;
  }

  body .bbHolo .bbHolo__visual {
    align-self: center;
    min-width: 0;
    min-height: 212px;
    height: 212px;
    margin: 0;
    overflow: visible;
    perspective: 850px;
  }

  body .bbHolo .bbHolo__scene {
    flex: none;
    width: 340px;
    height: 212px;
    margin: 0;
    transform: none;
    transform-origin: center;
  }

  body .bbHolo .bbHolo__coin {
    width: 146px;
    height: 158px;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
  }

  body .bbHolo .bbHolo__aura {
    left: 42px;
    top: 1px;
    width: 256px;
    height: 204px;
    background: radial-gradient(ellipse, rgba(89, 214, 237, .14), rgba(116, 83, 184, .1) 44%, transparent 71%);
  }

  body .bbHolo .bbHolo__orbit--front {
    left: 27px;
    top: 37px;
    width: 286px;
    height: 140px;
    border-color: rgba(117, 213, 237, .25);
  }

  body .bbHolo .bbHolo__orbit--back {
    left: 72px;
    top: 0;
    width: 196px;
    height: 203px;
    border-color: rgba(168, 136, 223, .2);
  }

  body .bbHolo .bbHolo__floor {
    left: 82px;
    bottom: 11px;
    width: 176px;
    height: 24px;
    background: radial-gradient(ellipse, rgba(112, 231, 239, .16), rgba(112, 173, 218, .035) 65%, transparent 72%);
    border-color: rgba(132, 223, 234, .2);
    box-shadow: 0 0 0 8px rgba(114, 174, 255, .025);
  }

  body .bbHolo .bbHolo__interactionHint {
    display: block;
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 100%;
    margin: 0;
    color: #9ab5cd;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: .13em;
    text-align: center;
    pointer-events: none;
  }
}

@media (min-width: 601px) and (max-width: 850px) {
  body .bbHolo {
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 14px;
    min-height: 266px;
    padding: 24px 22px;
    border-radius: 22px;
  }

  body .bbHolo .bbHolo__copy {
    position: static;
  }

  body .bbHolo .bbHolo__eyebrow {
    font-size: 9px; letter-spacing: .105em; margin-bottom: 12px;
  }

  body .bbHolo h2 {
    font-size: 28px; letter-spacing: -.035em;
  }

  body .bbHolo .bbHolo__description {
    font-size: 12px; line-height: 1.5; margin: 12px 0 17px;
  }

  body .bbHolo .bbHolo__actions {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 7px;
  }

  body .bbHolo .bbHolo__action {
    min-height: 44px; padding: 10px 8px; font-size: 11px; gap: 5px;
  }

  body .bbHolo .bbHolo__action > span {
    font-size: 13px;
  }

  body .bbHolo .bbHolo__info {
    position: absolute; z-index: 6; top: 11px; right: 11px; width: 44px; min-height: 44px; border-radius: 50%; background: rgba(16, 31, 49, .5);
  }

  body .bbHolo .bbHolo__visual {
    min-height: 212px; height: 212px;
  }

  body .bbHolo .bbHolo__scene {
    width: 320px; height: 212px; transform: scale(.83);
  }

  body .bbHolo .bbHolo__aura {
    left: 20px;
  }

  body .bbHolo .bbHolo__orbit--front {
    left: 7px;
  }

  body .bbHolo .bbHolo__orbit--back {
    left: 55px;
  }

  body .bbHolo .bbHolo__floor {
    left: 72px; bottom: 11px;
  }

  body .bbHolo .bbHolo__interactionHint {
    font-size: 11px; letter-spacing: .035em;
  }
}

@media (min-width: 601px) and (max-width: 720px) {
  body .bbHolo {
    grid-template-columns: minmax(0, 1fr) 212px; gap: 12px; padding: 22px 20px;
  }

  body .bbHolo h2 {
    font-size: 25px; line-height: 1.12;
  }

  body .bbHolo .bbHolo__eyebrow {
    max-width: 235px; font-size: 8px; letter-spacing: .09em;
  }

  body .bbHolo .bbHolo__scene {
    transform: scale(.83);
  }

  body .bbHolo .bbHolo__action {
    font-size: 10px; padding-inline: 6px; gap: 4px;
  }

  body .bbHolo .bbHolo__action > span {
    font-size: 12px;
  }
}

/* I colori delle CTA restano leggibili anche con il tema chiaro del sito. */
body .bbPromo a.bbHolo__action {
  text-decoration: none !important;
}

/* Spazio per i comandi esistenti, dopo la rimozione della barra Telegram. */
body .wrap { padding-bottom: calc(110px + env(safe-area-inset-bottom)); }

.bbPromoInfo {
  width: min(460px, calc(100vw - 32px));
  margin: auto;
  padding: 25px;
  border: 1px solid rgba(139, 192, 242, .35);
  border-radius: 22px;
  background: #111c32;
  color: #eff5ff;
  box-shadow: 0 25px 90px rgba(0, 0, 0, .45);
  font: 14px/1.6 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.bbPromoInfo::backdrop { background: rgba(4, 9, 19, .72); backdrop-filter: blur(5px); }
.bbPromoInfo h2 { margin: 0 0 16px; color: #eff5ff; font-size: 23px; }
.bbPromoInfo p { margin: 0 0 18px; color: #bfd0e7; }
.bbPromoInfo strong { color: #eff5ff; }
.bbPromoInfo__close {
  display: block;
  width: 100%;
  min-height: 46px;
  margin-top: 20px;
  padding: 10px 20px;
  border: 1px solid #82e7e4;
  border-radius: 12px;
  background: #9bece8;
  color: #102e39;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
}
.bbPromoInfo__close:focus-visible { outline: 3px solid #b7a5ff; outline-offset: 4px; }
@supports not selector(dialog:modal) {
  .bbPromoInfo[open] { position: fixed; inset: 0; z-index: 1000; height: fit-content; }
}