/* Estilos para a animação de carregamento */
 .loading {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(116, 111, 111, 0.5);
     display: none;
     align-items: center;
     justify-content: center;
     z-index: 9999;
 }

 .spinner {
     border: 16px solid #e2e2d6;
     /* Cor do fundo */
     border-top: 16px solid #3498db;
     /* Cor da linha */
     border-radius: 50%;
     width: 120px;
     height: 120px;
     animation: spin 1s linear infinite;
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }