Atualizar 'Atendimento'

Atendimento.md

@@ -413,6 +413,60 @@ Para implantar a barra, é necessário:
 > Pegadinha: Os códigos começando com `$(function(){` não podem ficar como `(function(){` (sem o "$"). Cuidado nos copy/paste.
 
 
+6. Acrescente o CSS.
+
+Pode ser no arquivo `style.css` ou em arquivo próprio (`lgpd.css`). Eu prefiro a segunda opção. Neste caso, é necessário importar o arquivo no `style.css`, com `@import url("lgpd.css");`.
+
+
+CSS:
+
+```css
+/*Css Banner Lgpd Inincio*/
+
+.ocultar{
+    display: none;
+}
+
+.contentWarningLgpd{
+    display: flex;
+    margin: 0 1em;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+
+
+.btn-aviso{
+    box-sizing: border-box;
+    padding: 0.4rem 1.5rem ;
+    margin: 0 0 0 3rem;
+}
+
+#bannerWarningLgpd a{
+    color: #F29F1F;
+}
+
+#bannerWarningLgpd{
+    position: fixed;
+    bottom: 0;
+    width: 85%;
+    z-index: 2;
+    margin: 1.5em auto; /* Will not center vertically and won't work in IE6/7. */
+    left: 0;
+    right: 0;
+    box-sizing: border-box;
+    background-color: #387147; 
+    border-radius: 0.4rem;
+    color: #FFFFFF;
+    padding: 0.7rem;
+    text-align: justify;
+    box-shadow: 0 0 0.7rem  black;
+}
+
+
+/*Css Banner Lgpd Fim*/
+```
+
 7. Aperte o botão "Save File" (lado direito, acima da caixa de edição) e teste.
 
 > O status se o usuário apertou o botão alguma vez fica guardado no `localStorage`, chave "agreement". Apague se necessário.