/* La misma tinta del campo de partículas, a escala de una interacción. */
html{overflow-x:clip}
.metis-orbe{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;pointer-events:none;color:inherit}
.metis-orbe[data-orbe-size="64"]{width:64px;height:64px;flex-basis:64px}
[data-orbe-boton]{gap:12px}
[data-orbe-boton]>.metis-orbe{opacity:.78;transition:opacity .22s,transform .22s}
[data-orbe-boton]:is(:hover,:focus-visible)>.metis-orbe{opacity:1;transform:scale(1.08)}
[data-orbe-boton]:focus-visible{outline:2px solid var(--bone,#f5f6f8);outline-offset:5px}
.puerta-accion .metis-orbe{margin-left:auto;margin-right:12px}
#precarga{pointer-events:none;animation:orbe-salida .38s ease 6s forwards}
.precarga-orbe{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;padding:24px}
.precarga-orbe>canvas{width:96px!important;height:96px!important;image-rendering:auto}
#precarga-estado{font:10px/1.7 var(--mono,monospace);font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-muted,#c7ccd8)}
#precarga.precarga-lista{animation:orbe-salida .34s ease forwards}
@keyframes orbe-salida{to{opacity:0;visibility:hidden}}
@media(max-width:699px){
  [data-orbe-boton]{gap:9px}
  .precarga-orbe>canvas{width:80px!important;height:80px!important}
  #precarga .marca{right:22px;font-size:8px;letter-spacing:.12em;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){
  [data-orbe-boton]>.metis-orbe{transition:none;transform:none!important}
  #precarga.precarga-lista{animation-duration:.01s}
}