/* Movimento 3D global dos conjuntos de cards — sem clones no DOM. */
.wormhole-deck{
  --wormhole-card-width:min(31%,360px);
  position:relative!important;
  display:block!important;
  width:100%;
  min-height:280px;
  margin-inline:auto;
  overflow:hidden;
  perspective:1100px;
  perspective-origin:50% 46%;
  isolation:isolate;
  touch-action:pan-y;
}
.wormhole-deck::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:50%;
  width:44%;
  height:68%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(124,58,237,.14) 0,rgba(124,58,237,.055) 38%,transparent 72%);
  filter:blur(22px);
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.wormhole-deck>.wormhole-card{
  position:absolute!important;
  z-index:1;
  left:50%!important;
  top:12px!important;
  width:var(--wormhole-card-width)!important;
  min-width:0!important;
  height:calc(100% - 24px)!important;
  margin:0!important;
  box-sizing:border-box;
  transform-origin:center center;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  will-change:transform,opacity,filter;
  transition:box-shadow .25s,border-color .25s;
}
.wormhole-deck>.wormhole-card.wormhole-active{
  pointer-events:auto;
  box-shadow:0 26px 70px rgba(36,20,55,.18)!important;
}
.wormhole-deck>.wormhole-card:not(.wormhole-active){pointer-events:none}
.wormhole-deck.wormhole-paused>.wormhole-card.wormhole-active{
  border-color:rgba(124,58,237,.48)!important;
}
.wormhole-card h3,.wormhole-card p{position:relative;z-index:1}

html[data-theme="dark"] .wormhole-deck::before{
  background:radial-gradient(ellipse,rgba(167,139,250,.2) 0,rgba(124,58,237,.07) 40%,transparent 73%);
}

@media(max-width:900px){
  .wormhole-deck{--wormhole-card-width:min(72vw,330px);min-height:300px}
  .wormhole-deck>.wormhole-card{height:calc(100% - 20px)!important;top:10px!important}
}
@media(max-width:520px){
  .wormhole-deck{--wormhole-card-width:min(78vw,310px);min-height:320px}
}
@media(prefers-reduced-motion:reduce){
  .wormhole-deck{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
    gap:16px!important;
    min-height:0!important;
    overflow:visible!important;
    perspective:none;
  }
  .wormhole-deck::before{display:none}
  .wormhole-deck>.wormhole-card{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:210px!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    pointer-events:auto!important;
  }
}

.wormhole-dialog{
  width:min(92vw,520px);
  padding:0;
  border:1px solid rgba(124,58,237,.28);
  border-radius:24px;
  background:#fff;
  color:#191525;
  box-shadow:0 35px 100px rgba(12,8,18,.45);
}
.wormhole-dialog::backdrop{background:rgba(10,6,14,.74);backdrop-filter:blur(8px)}
.wormhole-dialog-card{position:relative;padding:32px}
.wormhole-dialog-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border:1px solid #ded7e5;border-radius:12px;background:#fff;color:#191525;font-size:24px;cursor:pointer}
.wormhole-dialog-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:22px;border-radius:18px;background:#f1e8ff;color:#7c3aed;font-size:27px;font-weight:900}
.wormhole-dialog h2{margin:0 48px 12px 0;color:inherit!important}
.wormhole-dialog p{margin:0 0 24px;line-height:1.7;color:#6f687b!important}
.wormhole-dialog-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:0;border-radius:13px;background:#7c3aed;color:#fff;text-decoration:none;font-weight:900}
html[data-theme="dark"] .wormhole-dialog{background:#1b161f;color:#f7f4fb;border-color:#4b3b58}
html[data-theme="dark"] .wormhole-dialog-close{background:#241c2b;color:#fff;border-color:#4b3b58}
html[data-theme="dark"] .wormhole-dialog p{color:#c8bdcf!important}
