/* 21 · esfera de proyectos */
.pr-esfera{position:relative;height:clamp(380px,62vw,720px);margin:0 auto clamp(30px,5vw,60px);
  perspective:1200px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;overflow:hidden}
.pr-esfera:active{cursor:grabbing}
.ef-mundo{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.ef-carta{position:absolute;left:0;top:0;width:var(--ef-c,130px);aspect-ratio:2/3;margin-left:calc(var(--ef-c,130px) / -2);
  margin-top:calc(var(--ef-c,130px) * -.75);padding:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;
  background:#0A0F1C;backface-visibility:hidden;-webkit-backface-visibility:hidden;cursor:pointer;
  box-shadow:0 18px 40px -22px rgba(0,0,0,.9)}
.ef-carta img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none}
.ef-carta:focus-visible{outline:2px solid var(--azul,#2E7BFF);outline-offset:3px}
.ef-pista{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font-size:.78rem;color:var(--mist,#9AA6BD);letter-spacing:.04em;pointer-events:none;white-space:nowrap}

/* ficha */
.ef-ficha{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:0;background:#070B16;color:#fff;
  width:min(920px,calc(100% - 28px));max-height:calc(100% - 40px);overflow:auto}
.ef-ficha::backdrop{background:rgba(2,4,10,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ef-ficha-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.ef-ficha-img{background:#0A0F1C;max-height:78vh;overflow:auto}
.ef-ficha-img img{display:block;width:100%;height:auto}
.ef-ficha-txt{padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:14px;align-self:center}
.ef-ficha-txt h3{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:0}
.ef-ficha-txt p{color:var(--mist,#9AA6BD);margin:0;line-height:1.6}
.ef-ficha-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ef-cerrar{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);
  background:rgba(7,11,22,.85);color:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:2}
@media (max-width:720px){.ef-ficha-in{grid-template-columns:1fr}.ef-ficha-img{max-height:46vh}}

.ef-resalta{outline:2px solid var(--azul,#2E7BFF);outline-offset:6px;border-radius:18px;transition:outline-color .6s ease}

.ef-carta{overflow:hidden}
.ef-cinta{position:absolute;left:-30%;right:-30%;bottom:12%;transform:rotate(-8deg);background:linear-gradient(90deg,#7c3aed,#22d3ee);color:#fff;font:700 clamp(8px,1.1vw,11px)/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.18em;text-align:center;padding:6px 0;box-shadow:0 4px 14px rgba(0,0,0,.45);pointer-events:none}