/* ZapClean · carregando com bolhas de sabão */
.bolhas{position:relative;width:120px;height:120px;margin:0 auto}
.bolhas i{position:absolute;bottom:0;left:50%;border-radius:50%;opacity:0;
  background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.95) 0 9%,rgba(255,255,255,.25) 22%,rgba(47,182,201,.16) 62%,rgba(120,100,230,.22) 100%);
  border:1.5px solid rgba(10,133,151,.38);box-shadow:inset -3px -4px 8px rgba(255,255,255,.55),0 2px 8px rgba(10,133,151,.12);
  animation:bolha-sobe 2.8s ease-in infinite}
.bolhas i:nth-child(1){width:34px;height:34px;margin-left:-40px;animation-delay:0s}
.bolhas i:nth-child(2){width:20px;height:20px;margin-left:6px;animation-delay:.5s;animation-duration:2.4s}
.bolhas i:nth-child(3){width:44px;height:44px;margin-left:-14px;animation-delay:1s;animation-duration:3.2s}
.bolhas i:nth-child(4){width:14px;height:14px;margin-left:30px;animation-delay:1.5s;animation-duration:2.2s}
.bolhas i:nth-child(5){width:26px;height:26px;margin-left:-26px;animation-delay:1.9s;animation-duration:2.9s}
.bolhas i:nth-child(6){width:18px;height:18px;margin-left:18px;animation-delay:2.3s;animation-duration:2.5s}
@keyframes bolha-sobe{
  0%{transform:translate(0,10px) scale(.4);opacity:0}
  15%{opacity:.95}
  45%{transform:translate(9px,-48px) scale(1)}
  75%{transform:translate(-9px,-96px) scale(1.04);opacity:.9}
  100%{transform:translate(4px,-140px) scale(1.1);opacity:0}
}
.bolhas-txt{margin-top:10px;font-weight:700;color:var(--muted,#566D7F);font-size:.95rem}

/* tela cheia ao trocar de página */
#zc-carrega{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;text-align:center;
  background:color-mix(in srgb,var(--bg,#EEF4F6) 88%,transparent);backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s}
#zc-carrega.on{opacity:1;visibility:visible}
#zc-carrega .bolhas{margin-top:-30px}

@media (prefers-reduced-motion:reduce){
  .bolhas i{animation:none;opacity:.9;bottom:auto}
  .bolhas i:nth-child(1){top:60px}.bolhas i:nth-child(2){top:30px}.bolhas i:nth-child(3){top:20px}.bolhas i:nth-child(n+4){display:none}
}
