/* componentes/avisos.css — Avisos de tela cheia, estados vazios e animação de desenho dos SVGs. */
.aviso { display: grid; place-items: center; text-align: center; padding: 48px 24px; }
.aviso svg { width: min(360px, 90%); height: auto; }
.aviso h2 { font-size: 22px; letter-spacing: .02em; margin-top: 18px; }
.aviso p { color: var(--cinza); max-width: 44ch; margin-top: 6px; }
.aviso .acoes { justify-content: center; margin-top: 18px; }
.vazio { padding: 28px 16px; text-align: center; color: var(--cinza); display: grid; justify-items: center; gap: 6px; }
.vazio svg { width: 88px; height: auto; }
.vazio b { color: var(--tinta); font-weight: 700; }
.desenha-svg path, .desenha-svg line, .desenha-svg polyline, .desenha-svg circle, .desenha-svg rect { stroke-dasharray: 600; stroke-dashoffset: 600; animation: desenha-svg 1.6s var(--ease-out) forwards; }
@keyframes desenha-svg { to { stroke-dashoffset: 0; } }