/* 23 · globo de proyectos (entrada) */
#globo{position:relative;height:100vh;height:100svh;min-height:520px;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 45%,#0e0824 0%,#05040d 62%,#020208 100%);isolation:isolate}
#globo .gb-lienzo{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;
  opacity:0;transform:scale(.94);transition:opacity 1.2s cubic-bezier(.16,1,.3,1) .15s,transform 1.6s cubic-bezier(.16,1,.3,1) .15s}
#globo.listo .gb-lienzo{opacity:1;transform:none}
#globo .gb-cab{position:absolute;left:0;right:0;top:clamp(84px,13vh,128px);z-index:2;text-align:center;pointer-events:none;padding:0 20px}
#globo .gb-marca{display:inline-flex;align-items:center;gap:12px;opacity:0;transform:translateY(10px);
  transition:opacity .9s cubic-bezier(.25,.8,.3,1),transform .9s cubic-bezier(.25,.8,.3,1)}
#globo .gb-marca .logo-svg{--logo-h:22px;height:22px;width:auto}
#globo .gb-marca span{font-size:.7rem;letter-spacing:.32em;color:#c9c3e6;text-transform:uppercase}
#globo .gb-lema{margin:14px auto 0;max-width:30ch;font-size:clamp(1.05rem,2.1vw,1.35rem);color:#ece9f8;font-weight:500;letter-spacing:-.01em;
  opacity:0;transform:translateY(10px);filter:blur(4px);transition:opacity 1s cubic-bezier(.16,1,.3,1) .25s,transform 1s cubic-bezier(.16,1,.3,1) .25s,filter 1s ease .25s}
#globo.listo .gb-marca,#globo.listo .gb-lema{opacity:1;transform:none;filter:none}
#globo .gb-pista{position:absolute;left:50%;bottom:clamp(22px,5vh,46px);transform:translateX(-50%);z-index:2;margin:0;
  font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#8f88b3;white-space:nowrap;pointer-events:none;
  opacity:0;transition:opacity 1s ease 1.2s}
#globo.listo .gb-pista{opacity:1}
#globo.con-ficha .gb-pista,#globo.con-ficha .gb-cab{opacity:.0;transition:opacity .4s ease}

/* ficha flotante: pieza de portafolio sobre el globo, no una tarjeta gigante */
#globo .gb-ficha{position:absolute;z-index:3;right:clamp(16px,5vw,72px);top:50%;width:min(360px,calc(100% - 32px));
  transform:translateY(calc(-50% + 14px));opacity:0;padding:14px 14px 18px;border-radius:18px;
  background:rgba(12,9,26,.82);border:1px solid rgba(196,181,253,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 60px -30px rgba(139,92,246,.6);
  transition:opacity .38s cubic-bezier(.25,.8,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
#globo .gb-ficha.abierta{opacity:1;transform:translateY(-50%)}
#globo .gb-ficha[hidden]{display:none}
#globo .gb-eyebrow{display:block;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:#a78bfa;margin:2px 4px 10px}
#globo .gb-img{border-radius:12px;overflow:hidden;aspect-ratio:3/2;background:#0b0820;opacity:0;transform:translateY(8px);
  transition:opacity .5s ease .12s,transform .6s cubic-bezier(.16,1,.3,1) .12s}
#globo .gb-ficha.abierta .gb-img{opacity:1;transform:none}
#globo .gb-img img{display:block;width:100%;height:100%;object-fit:cover}
#globo .gb-ficha h3{margin:14px 4px 2px;font-size:1.25rem;color:#fff;letter-spacing:-.01em}
#globo .gb-cat{margin:0 4px;font-size:.78rem;color:#a99fd0}
#globo .gb-desc{margin:10px 4px 0;font-size:.88rem;line-height:1.55;color:#cfcae6;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#globo .gb-ver{display:inline-flex;align-items:center;gap:8px;margin:14px 4px 0;padding:11px 18px;border-radius:999px;
  background:#f5f3ff;color:#0b0716;font-weight:600;font-size:.88rem;text-decoration:none;transition:background .2s ease,transform .2s ease}
#globo .gb-ver:hover{background:#fff;transform:translateY(-1px)}
#globo .gb-cerrar{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.14);
  background:rgba(5,4,13,.7);color:#fff;font-size:19px;line-height:1;cursor:pointer;z-index:2}
#globo .gb-ver:focus-visible,#globo .gb-cerrar:focus-visible{outline:2px solid #a78bfa;outline-offset:3px}

@media (max-width:860px){
  #globo .gb-ficha{left:12px;right:12px;width:auto;top:auto;bottom:12px;transform:translateY(24px);
    display:grid;grid-template-columns:42% 1fr;gap:0 12px;align-items:start;padding:12px 12px 14px}
  #globo .gb-ficha.abierta{transform:none}
  #globo .gb-eyebrow{grid-column:1 / -1;margin-bottom:8px}
  #globo .gb-img{grid-row:2 / span 4}
  #globo .gb-ficha h3{margin:0 0 2px;font-size:1.05rem}
  #globo .gb-cat{margin:0}
  #globo .gb-desc{margin:6px 0 0;font-size:.8rem;-webkit-line-clamp:2}
  #globo .gb-ver{margin:10px 0 0;padding:9px 14px;font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){
  #globo .gb-lienzo,#globo .gb-marca,#globo .gb-lema,#globo .gb-ficha,#globo .gb-img{transition:none}
}