/* Estilos personalizados para melhorar a experiência do utilizador */
        body {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* Transição suave entre as páginas */
        .page-transition {
            animation: fadeIn 0.3s ease-in-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Garante que os ícones SVG tenham o tamanho correto */
        .icon {
            width: 1.5rem;
            height: 1.5rem;
        }