/* =============================================================================
   Cloudyn — O AVISO
   A tarja curta que aparece no pé da tela e se recolhe sozinha.

   Este arquivo é uma FATIA do antigo assets/css/loader.css, que guardava o site
   inteiro em 1511 linhas. A ordem de carga importa (ver o bloco de <link> no
   HTML): a cascata é a mesma de antes, arquivo a arquivo, na mesma sequência.
   ============================================================================= */

/* ------------------------------- O AVISO ---------------------------------
   Recado curto no pé da tela. Sobe, fica alguns segundos e se recolhe — sem
   botão de fechar, porque não pede decisão nenhuma.                        */
.aviso {
  position: fixed; z-index: 80;
  left: 50%; bottom: clamp(20px, 5vh, 44px);
  max-width: min(90vw, 420px);
  padding: 12px 18px;
  border: 1px solid var(--hairline-strong);
  border-radius: var(--r-md);
  background: rgb(var(--ink-rgb) / 0.86);
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
  color: var(--ink-muted);
  font-size: 0.88rem; line-height: 1.45; text-align: center;
  opacity: 0; visibility: hidden;
  transform: translate(-50%, 14px);
  transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.4s;
}
.aviso.is-on { opacity: 1; visibility: visible; transform: translate(-50%, 0); }