MariaJuliaAssistente/termos-de-servico.html at main · tayprogrammer/MariaJuliaAssistente · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Termos de Serviço - MariaJuliaAssistente</title>
    <style>
        :root {
            --primary-color: #2c3e50;
            --secondary-color: #3498db;
            --accent-color: #e74c3c;
            --text-color: #34495e;
            --background-color: #f8f9fa;
            --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        body {
            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
            line-height: 1.6;
            color: var(--text-color);
            background-color: var(--background-color);
            margin: 0;
            padding: 2rem;
            min-height: 100vh;
        }

        main {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            padding: 2.5rem;
            border-radius: 12px;
            box-shadow: var(--box-shadow);
        }

        h1 {
            color: var(--primary-color);
            font-size: 2.5rem;
            text-align: center;
            margin-bottom: 2rem;
            border-bottom: 2px solid var(--secondary-color);
            padding-bottom: 1rem;
        }

        h2 {
            color: var(--primary-color);
            margin-top: 2rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #ecf0f1;
        }

        section {
            margin: 1.5rem 0;
            padding: 1rem;
            background: #f8f9fa;
            border-radius: 8px;
        }

        ol {
            counter-reset: section;
            padding-left: 1.5rem;
        }

        li {
            margin-bottom: 1rem;
            position: relative;
            padding-left: 1.5rem;
        }

        .contact-info {
            background: var(--background-color);
            padding: 1.5rem;
            border-radius: 8px;
            margin-top: 2rem;
            text-align: center;
        }

        a {
            color: var(--secondary-color);
            text-decoration: none;
            transition: color 0.3s ease;
        }

        a:hover {
            color: var(--accent-color);
        }

        .back-to-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            padding: 15px;
            border: none;
            border-radius: 50%;
            background: var(--secondary-color);
            color: white;
            cursor: pointer;
            opacity: 0.9;
            transition: all 0.3s ease;
            display: none;
        }

        @media (max-width: 768px) {
            body {
                padding: 1rem;
            }

            main {
                padding: 1.5rem;
            }

            h1 {
                font-size: 2rem;
            }
        }
    </style>
</head>
<body>
    <main>
        <h1>Termos de Serviço da MariaJuliaAssistente</h1>

        <section aria-labelledby="introducao">
            <h2 id="introducao">1. Introdução</h2>
            <p>Bem-vindo(a) ao app da MariaJuliaAssistente! Estes Termos de Serviços ("Termos") regulamentam o uso do nosso app e serviços relacionados.</p>
        </section>

        <section aria-labelledby="definicoes">
            <h2 id="definicoes">2. Definições</h2>
            <ul>
                <li><strong>"App":</strong> o aplicativo da MariaJuliaAssistente disponível para download em lojas de aplicativos.</li>
                <li><strong>"Serviços":</strong> os serviços oferecidos pelo app, incluindo criação de conteúdo, gestão de redes sociais e análise de dados.</li>
                <li><strong>"Usuário":</strong> qualquer pessoa que use o app ou serviços.</li>
            </ul>
        </section>

        <section aria-labelledby="uso-app">
            <h2 id="uso-app">3. Uso do App e Serviços</h2>
            <ul>
                <li>O usuário deve ter pelo menos 18 anos para usar o app e serviços.</li>
                <li>O usuário deve fornecer informações precisas e atualizadas ao se registrar no app.</li>
                <li>O usuário é responsável por manter a confidencialidade de sua senha e conta.</li>
            </ul>
        </section>

        <section aria-labelledby="direitos-autorais">
            <h2 id="direitos-autorais">4. Direitos Autorais e Propriedade Intelectual</h2>
            <ul>
                <li>Todos os direitos autorais e propriedade intelectual do app e serviços pertencem à MariaJuliaAssistente.</li>
                <li>O usuário não pode copiar, distribuir ou usar o conteúdo do app sem permissão por escrito.</li>
            </ul>
        </section>

        <section aria-labelledby="uso-aceitavel">
            <h2 id="uso-aceitavel">5. Uso Aceitável</h2>
            <ul>
                <li>O usuário não pode usar o app ou serviços para:
                    <ul>
                        <li>Envio de spam ou mensagens não solicitadas</li>
                        <li>Propósitos ilegais ou antiéticos</li>
                        <li>Violacao de direitos autorais ou propriedade intelectual</li>
                    </ul>
                </li>
            </ul>
        </section>

        <section aria-labelledby="privacidade">
            <h2 id="privacidade">6. Privacidade</h2>
            <ul>
                <li>A política de privacidade da MariaJuliaAssistente está disponível em <a href="#politica-privacidade">[inserir link]</a>.</li>
                <li>O usuário concorda que a MariaJuliaAssistente colete e use suas informações conforme descrito na política de privacidade.</li>
            </ul>
        </section>

        <section aria-labelledby="isenção">
            <h2 id="isenção">7. Isenção de Responsabilidade</h2>
            <ul>
                <li>A MariaJuliaAssistente não será responsável por quaisquer danos ou perdas resultantes do uso do app ou serviços.</li>
            </ul>
        </section>

        <section aria-labelledby="alteracoes">
            <h2 id="alteracoes">8. Alterações aos Termos</h2>
            <ul>
                <li>A MariaJuliaAssistente pode alterar estes Termos a qualquer momento, sem aviso prévio.</li>
            </ul>
        </section>

        <section aria-labelledby="lei">
            <h2 id="lei">9. Lei Aplicável</h2>
            <ul>
                <li>Estes Termos serão regidos e interpretados de acordo com as leis do Brasil.</li>
            </ul>
        </section>

        <section class="contact-info">
            <h2 id="contato">10. Contato</h2>
            <p>Para qualquer dúvida ou reclamação, entre em contato conosco em <a href="mailto:suporte@mariajulia.ai">suporte@mariajulia.ai</a></p>
        </section>

        <p class="ultima-atualizacao"></p>
    </main>

    <button class="back-to-top" aria-label="Voltar ao topo">↑</button>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            // Scroll suave
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function(e) {
                    e.preventDefault();
                    const target = document.querySelector(this.getAttribute('href'));
                    if (target) {
                        target.scrollIntoView({
                            behavior: 'smooth',
                            block: 'start'
                        });
                    }
                });
            });

            // Botão Voltar ao Topo
            const backToTop = document.querySelector('.back-to-top');
            window.addEventListener('scroll', () => {
                backToTop.style.display = (window.scrollY > 500) ? 'block' : 'none';
            });

            backToTop.addEventListener('click', () => {
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
            });

            // Data de atualização
            const lastUpdated = document.querySelector('.ultima-atualizacao');
            if (lastUpdated) {
                lastUpdated.textContent = `Última atualização: ${new Date(document.lastModified).toLocaleDateString('pt-BR')}`;
            }

            // Confirmação para links externos
            document.querySelectorAll('a').forEach(link => {
                if (link.hostname !== window.location.hostname) {
                    link.addEventListener('click', (e) => {
                        if (!confirm('Você está sendo redirecionado para um site externo. Deseja continuar?')) {
                            e.preventDefault();
                        }
                    });
                }
            });
        });
    </script>
</body>
</html>