.myorbis-top-stack {
  position: sticky;
  top: 0;
  z-index: 10000;
  width: 100%;
}

.myorbis-top-stack > header {
  position: relative !important;
  top: auto !important;
  z-index: 50 !important;
}

.myorbis-top-stack .myorbis-mascot-lane {
  z-index: 1 !important;
}

.myorbis-top-stack .services-menu,
.myorbis-top-stack .language-menu {
  position: relative;
  z-index: 60;
}

.myorbis-top-stack .services-dropdown,
.myorbis-top-stack .language-dropdown {
  z-index: 70 !important;
}

    .myorbis-mascot-lane {
      position: relative;
      z-index: 3;
      height: 46px;
      overflow: hidden;
      border-top: 1px solid rgba(8, 68, 149, 0.07);
      border-bottom: 1px solid rgba(8, 68, 149, 0.10);
      background: linear-gradient(90deg, #ffffff, #f4f9ff 52%, #f5fbf2);
      pointer-events: auto;
    }

    .myorbis-mascot {
      position: absolute;
      right: -115px;
      bottom: 3px;
      display: flex;
      align-items: flex-end;
      gap: 3px;
      width: 105px;
      animation: myorbis-travel 50s linear infinite;
      will-change: transform;
    }

    .myorbis-chat-hint {
      position: absolute;
      left: 108px;
      bottom: 7px;
      padding: 5px 10px;
      border: 1px solid rgba(8, 68, 149, 0.18);
      border-radius: 999px;
      background: #ffffff;
      box-shadow: 0 3px 10px rgba(8, 68, 149, 0.16);
      color: #084495;
      font-size: 12px;
      font-weight: 800;
      line-height: 1;
      white-space: nowrap;
    }

    .myorbis-chat-hint::after { content: "Pregúntame"; }

    .myorbis-ball {
      position: relative;
      width: 34px;
      height: 34px;
      flex: 0 0 34px;
      border: 3px solid #ffffff;
      border-radius: 50%;
      background: conic-gradient(from 25deg, #0a85d1, #084495 45%, #48b357 46%, #8bd934 72%, #0a85d1 73%);
      box-shadow: 0 3px 9px rgba(8, 68, 149, 0.25);
      animation: myorbis-roll 2s linear infinite;
    }

    .myorbis-ball::after {
      content: "M";
      position: absolute;
      inset: 5px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #ffffff;
      color: #48b357;
      font-size: 13px;
      font-weight: 1000;
    }

    .myorbis-robot {
      position: relative;
      width: 42px;
      height: 39px;
      animation: myorbis-bob 0.48s ease-in-out infinite alternate;
    }

    .myorbis-robot-head {
      position: absolute;
      top: 0;
      left: 9px;
      width: 27px;
      height: 19px;
      border: 2px solid #084495;
      border-radius: 9px 9px 7px 7px;
      background: #ffffff;
      box-shadow: 0 2px 5px rgba(8, 68, 149, 0.13);
    }

    .myorbis-robot-head::before,
    .myorbis-robot-head::after {
      content: "";
      position: absolute;
      top: 6px;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #48b357;
    }

    .myorbis-robot-head::before { left: 5px; }
    .myorbis-robot-head::after { right: 5px; }

    .myorbis-robot-body {
      position: absolute;
      top: 18px;
      left: 12px;
      width: 22px;
      height: 16px;
      border-radius: 5px 5px 8px 8px;
      background: linear-gradient(145deg, #0a85d1, #084495);
    }

    .myorbis-robot-arm {
      position: absolute;
      top: 21px;
      left: 4px;
      width: 13px;
      height: 4px;
      border-radius: 4px;
      background: #48b357;
      transform: rotate(-18deg);
      transform-origin: right center;
      animation: myorbis-push 0.48s ease-in-out infinite alternate;
    }

    .myorbis-leg {
      position: absolute;
      top: 32px;
      width: 4px;
      height: 8px;
      border-radius: 3px;
      background: #084495;
      transform-origin: top center;
    }

    .myorbis-leg-one { left: 15px; animation: myorbis-step-one 0.48s ease-in-out infinite alternate; }
    .myorbis-leg-two { left: 27px; animation: myorbis-step-two 0.48s ease-in-out infinite alternate; }

    @keyframes myorbis-travel {
      from { transform: translateX(0); }
      to { transform: translateX(calc(-100vw - 130px)); }
    }

    @keyframes myorbis-roll { to { transform: rotate(-360deg); } }
    @keyframes myorbis-bob { to { transform: translateY(-2px); } }
    @keyframes myorbis-push { to { transform: rotate(-27deg); } }
    @keyframes myorbis-step-one { from { transform: rotate(-24deg); } to { transform: rotate(24deg); } }
    @keyframes myorbis-step-two { from { transform: rotate(24deg); } to { transform: rotate(-24deg); } }

    @media (max-width: 620px) {
      .myorbis-mascot-lane { height: 38px; }
      .myorbis-mascot { bottom: 0; transform: scale(0.85); transform-origin: right bottom; animation-duration: 65s; }
      .myorbis-chat-hint { left: 104px; bottom: 8px; padding: 5px 9px; }
      .myorbis-chat-hint::after { content: "Chat"; }
    }

    @media (prefers-reduced-motion: reduce) {
      .myorbis-mascot { right: 18px; animation: none; }
      .myorbis-ball,
      .myorbis-robot,
      .myorbis-robot-arm,
      .myorbis-leg { animation: none; }
    }

/* Cabecera más compacta en tablet y móvil */
@media (max-width: 900px) {
  .myorbis-top-stack > header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    gap: 10px !important;
  }

  .myorbis-top-stack > header .logo {
    width: 180px !important;
    max-width: 42vw !important;
    height: auto !important;
  }

  .myorbis-top-stack > header nav {
    gap: 14px !important;
  }
}

@media (max-width: 620px) {
  .myorbis-top-stack > header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .myorbis-top-stack > header .logo {
    width: 150px !important;
    max-width: 52vw !important;
  }
}