/* ===== Nubebe — rueda interactiva de la colección ===== */
.coleccion{background:linear-gradient(180deg,#ffffff 0%,#eef3f9 100%);overflow:hidden}
.cwheel{position:relative;margin:34px auto 0;width:min(660px,90vw);aspect-ratio:1/1}

/* anillos decorativos que giran (el "círculo animado") */
.cwheel__deco,.cwheel__deco2{position:absolute;border-radius:50%;pointer-events:none}
.cwheel__deco{inset:6%;border:1px dashed rgba(43,53,80,.22);animation:cw-spin 48s linear infinite}
.cwheel__deco2{inset:14%;border:1px solid rgba(21,151,229,.16);animation:cw-spin 32s linear infinite reverse}
@keyframes cw-spin{to{transform:rotate(360deg)}}

/* anillo de nodos (rota al seleccionar) */
.cwheel__ring{position:absolute;inset:0;transition:transform 1.05s cubic-bezier(.22,1,.36,1);will-change:transform}
.cwheel__node{position:absolute;width:13.5%;aspect-ratio:1;border-radius:50%;overflow:hidden;padding:0;cursor:pointer;
  transform:translate(-50%,-50%);border:2px solid #fff;background:#dfe7f1;
  box-shadow:0 10px 24px -12px rgba(43,53,80,.6);transition:transform .45s var(--cw-ease,cubic-bezier(.22,1,.36,1)),border-color .3s,box-shadow .3s}
.cwheel__node img{width:100%;height:100%;object-fit:cover;display:block}
.cwheel__node::after{content:"";position:absolute;inset:0;background:rgba(43,53,80,.28);transition:background .35s}
.cwheel__node:hover::after{background:rgba(43,53,80,.1)}
.cwheel__node.is-active{transform:translate(-50%,-50%) scale(1.16);border-color:#1597e5;z-index:6;
  box-shadow:0 16px 34px -10px rgba(21,151,229,.75)}
.cwheel__node.is-active::after{background:transparent}

/* tarjeta central */
.cwheel__center{position:absolute;top:50%;left:50%;width:52%;aspect-ratio:1;transform:translate(-50%,-50%);
  border-radius:50%;background:#fff;box-shadow:0 24px 60px -24px rgba(43,53,80,.55),inset 0 0 0 1px var(--line);
  display:grid;place-items:center;text-align:center;padding:7%;z-index:4}
.cwheel__card{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;max-width:100%}
.cwheel__card.show{opacity:1;transform:none}
.cwheel__img{width:38%;aspect-ratio:1;border-radius:50%;object-fit:cover;margin:0 auto 10px;box-shadow:0 10px 24px -10px rgba(43,53,80,.5)}
.cwheel__name{font-family:'Fraunces',serif;font-size:clamp(1.1rem,2.4vw,1.6rem);color:var(--navy-900);line-height:1.1}
.cwheel__desc{font-size:clamp(.74rem,1.6vw,.9rem);color:var(--muted);margin:.4em auto .8em;max-width:24ch;line-height:1.4}
.cwheel__cta{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:#fff;background:#1597e5;
  padding:.6em 1.1em;border-radius:999px;box-shadow:0 10px 22px -10px rgba(21,151,229,.8);transition:transform .2s,background .2s}
.cwheel__cta:hover{transform:translateY(-2px);background:#0f7cc0}

/* controles */
.cwheel__ctrl{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);display:flex;gap:14px;z-index:7}
.cwheel__btn{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--navy-900);
  font-size:1.4rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px -10px rgba(43,53,80,.5);transition:transform .2s,color .2s,border-color .2s}
.cwheel__btn:hover{transform:translateY(-2px);color:#1597e5;border-color:#1597e5}
.cwheel__hint{position:absolute;left:50%;bottom:-44px;transform:translateX(-50%);font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);white-space:nowrap}

.coleccion .cwheel-wrap{padding-bottom:54px}

@media (max-width:520px){
  .cwheel__node{width:15%}
  .cwheel__center{width:60%}
  .cwheel__btn{width:42px;height:42px}
  .cwheel__img{width:34%;margin-bottom:6px}
  .cwheel__desc{display:none}
  .cwheel__name{font-size:1.05rem}
}
@media (prefers-reduced-motion: reduce){
  .cwheel__deco,.cwheel__deco2{animation:none}
  .cwheel__ring{transition:none}
}

/* v2 interactiva */
.cwheel__ring{cursor:grab}
.cwheel.is-grabbing .cwheel__ring{cursor:grabbing}
.cwheel.is-grabbing .cwheel__node{transition:none}
.cwheel__count{display:inline-block;background:#eef3f9;border:1px solid #dde6f2;color:#3f4d72;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:999px;margin:2px 0 6px}
.cwheel__cta{animation:cwPulse 2.4s ease-in-out infinite}
@keyframes cwPulse{0%,100%{box-shadow:0 10px 22px -10px rgba(21,151,229,.8)}50%{box-shadow:0 10px 28px -6px rgba(21,151,229,1)}}
@media(prefers-reduced-motion:reduce){.cwheel__cta{animation:none}}
.cwheel__card.is-preview{opacity:.92}
.cwheel__cta--ghost{background:transparent;color:#3f4d72;border:1px solid #dde6f2;box-shadow:none;animation:none}
.cwheel__node.is-active{animation:cwPop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes cwPop{0%{transform:translate(-50%,-50%) scale(1)}60%{transform:translate(-50%,-50%) scale(1.28)}100%{transform:translate(-50%,-50%) scale(1.16)}}