/* Islagenda v7.5b · Carga «C · Orbe de cristal» (elegida por Lestter el 28-10-2026) en panel, Mi local y Mi isla.
   - .cargando (con sus tres <i>) se convierte en un orbe de cristal: tres manchas de luz (turquesa, coral y azul) nadando dentro.
   - .orbe-pantalla: la carga a pantalla completa del principio (mar oscuro, halo, anillo que gira y texto que cambia).
   Sin JS para el orbe; orbe.v1.js solo cambia los textos y hace que IG.cargando() devuelva este mismo orbe. */
.cargando,.orbe{--o:64px;position:relative;display:block;width:var(--o);height:var(--o);margin:28px auto;padding:0;border-radius:50%;overflow:hidden;isolation:isolate;
  background:radial-gradient(circle at 50% 60%,#0F4568 0%,#08314D 70%,#041C2C 100%);
  box-shadow:inset 0 0 0 1px rgba(160,215,235,.3),inset 0 calc(var(--o)*-.1) calc(var(--o)*.22) rgba(2,13,22,.55),0 calc(var(--o)*.2) calc(var(--o)*.4) calc(var(--o)*-.16) rgba(23,179,166,.6)}
.cargando i,.orbe i{position:absolute;display:block;border-radius:50%;opacity:.9;animation:none;will-change:transform}
.cargando i:nth-child(1),.orbe i:nth-child(1){left:14%;top:18%;width:58%;height:58%;background:#17B3A6;filter:blur(calc(var(--o)*.13));animation:orbe-a 3.4s cubic-bezier(.45,0,.55,1) infinite}
.cargando i:nth-child(2),.orbe i:nth-child(2){right:10%;bottom:14%;width:48%;height:48%;background:#E8573A;filter:blur(calc(var(--o)*.13));opacity:.8;animation:orbe-b 4s cubic-bezier(.45,0,.55,1) infinite}
.cargando i:nth-child(3),.orbe i:nth-child(3){left:36%;top:30%;width:32%;height:32%;background:#5DA9D6;filter:blur(calc(var(--o)*.1));opacity:.85;animation:orbe-c 2.8s cubic-bezier(.45,0,.55,1) infinite}
.cargando::after,.orbe::after{content:"";position:absolute;inset:0;border-radius:50%;z-index:1;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.55),rgba(255,255,255,0) 30%),radial-gradient(circle at 70% 86%,rgba(255,255,255,.14),rgba(255,255,255,0) 32%)}
@keyframes orbe-a{0%,100%{transform:translate(-9%,-5%) scale(1)}50%{transform:translate(12%,8%) scale(1.15)}}
@keyframes orbe-b{0%,100%{transform:translate(10%,9%) scale(1.1)}50%{transform:translate(-11%,-7%) scale(.9)}}
@keyframes orbe-c{0%,100%{transform:translateY(34%)}50%{transform:translateY(-34%)}}
/* Tamaños: el que pide IG.cargando(n) llega en --o; dentro de un botón o una burbuja de chat, pequeño */
.cargando.cargando-mini{--o:22px;margin:0;display:inline-block;vertical-align:middle}
.pensando .cargando{--o:22px;margin:2px 0;display:inline-block}

/* ── Pantalla completa: el mar oscuro ── */
.orbe-pantalla{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;padding:24px;text-align:center;color:#fff;font-family:Inter,system-ui,sans-serif;
  background:radial-gradient(60% 40% at 50% 44%,rgba(11,60,93,.95),rgba(2,13,22,0) 72%),#020D16;animation:orbe-entra .35s ease both}
.orbe-pantalla .orbe-centro{position:relative;width:190px;height:190px}
.orbe-pantalla .orbe{--o:190px;margin:0;background:rgba(15,69,104,.35)}
.orbe-pantalla .orbe-anillo{position:absolute;left:-20px;top:-20px;width:230px;height:230px;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(63,203,190,0) 0deg,#3FCBBE 120deg,rgba(232,87,58,.9) 170deg,rgba(232,87,58,0) 175deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));animation:orbe-gira 6s linear infinite}
.orbe-pantalla .orbe-tit{margin:0;font:600 20px/1.3 Poppins,Inter,sans-serif;min-height:1.3em;animation:orbe-late 2s ease-in-out infinite}
.orbe-pantalla .orbe-sub{margin:8px 0 0;color:#9EC3D6;font-size:14px}
.orbe-pantalla .orbe-marca{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));font:700 18px Poppins,Inter,sans-serif;letter-spacing:-.02em;opacity:.8}
.orbe-pantalla .orbe-marca b{color:#E8573A}
.orbe-pantalla.se-va{opacity:0;pointer-events:none;transition:opacity .3s ease}
@keyframes orbe-gira{to{transform:rotate(360deg)}}
@keyframes orbe-late{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes orbe-entra{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.cargando i,.orbe i,.orbe-pantalla .orbe-tit{animation:none}.orbe-pantalla .orbe-anillo{animation-duration:20s}}
/* Dentro de una caja (la escena 3D de la Oficina mientras arranca) */
.orbe-pantalla.orbe-capa{position:absolute;z-index:5;gap:28px;border-radius:inherit}
.orbe-capa .orbe-centro{transform:scale(.72);margin:-26px 0}