1
00:00:01,090 --> 00:00:02,290
‫Instrutor: Agora vamos

2
00:00:02,290 --> 00:00:04,750
‫começar a realmente criar nosso template base.

3
00:00:04,750 --> 00:00:07,490
‫Portanto, o modelo no qual todos os outros

4
00:00:07,490 --> 00:00:09,360
‫modelos serão baseados posteriormente.

5
00:00:09,360 --> 00:00:12,723
‫Então, basicamente, estaremos convertendo um arquivo html regular,

6
00:00:12,723 --> 00:00:16,163
‫que está nos arquivos iniciais, em um modelo Pug.

7
00:00:17,840 --> 00:00:19,830
‫Então, basicamente, vamos começar

8
00:00:19,830 --> 00:00:21,850
‫a criar o layout desta página.

9
00:00:21,850 --> 00:00:26,450
‫Portanto, este cabeçalho aqui e também o rodapé.

10
00:00:26,450 --> 00:00:28,650
‫Ok, não o conteúdo, é claro,

11
00:00:28,650 --> 00:00:31,710
‫porque isso iremos construir mais dinamicamente um pouco

12
00:00:31,710 --> 00:00:33,440
‫mais tarde, ok.

13
00:00:33,440 --> 00:00:35,220
‫Mas deixaremos tudo

14
00:00:35,220 --> 00:00:38,920
‫pronto, para que possamos injetar todo esse conteúdo real

15
00:00:38,920 --> 00:00:41,053
‫naquele modelo de base geral.

16
00:00:43,030 --> 00:00:45,440
‫Então, vamos fazer isso agora.

17
00:00:45,440 --> 00:00:47,650
‫E vamos começar nos livrando

18
00:00:47,650 --> 00:00:50,090
‫de todo esse conteúdo que tínhamos aqui.

19
00:00:50,090 --> 00:00:51,810
‫Então, isso foi realmente

20
00:00:51,810 --> 00:00:54,550
‫apenas para mostrar as diferentes características do Pug.

21
00:00:54,550 --> 00:00:58,070
‫E agora, vamos abrir esta visão geral. arquivo html, para

22
00:00:58,070 --> 00:01:01,463
‫que possamos basicamente convertê-lo aqui para Pug.

23
00:01:02,420 --> 00:01:05,370
‫Ok, então esse era o arquivo html original

24
00:01:05,370 --> 00:01:08,360
‫que criei para projetar a página de visão geral

25
00:01:08,360 --> 00:01:10,610
‫que acabamos de ver renderizada dinamicamente.

26
00:01:10,610 --> 00:01:13,810
‫Ok, então isso é o que temos na cabeça e,

27
00:01:13,810 --> 00:01:17,950
‫na verdade, vamos seguir em frente e copiar todo o código, para

28
00:01:17,950 --> 00:01:21,053
‫que possamos converter o que está faltando aqui.

29
00:01:22,610 --> 00:01:26,573
‫Ok, então o conteúdo do nosso título é este,

30
00:01:27,420 --> 00:01:29,973
‫então vamos copiá-lo, então vamos

31
00:01:33,460 --> 00:01:37,980
‫nos livrar, então este é o conteúdo da página principal, certo.

32
00:01:37,980 --> 00:01:42,150
‫Então já temos o favicon e também o estilo.

33
00:01:42,150 --> 00:01:44,980
‫Então, o que está faltando é basicamente esse

34
00:01:44,980 --> 00:01:46,990
‫material aqui, para resposta de

35
00:01:46,990 --> 00:01:51,143
‫desenvolvimento web, e também este link para a fonte do Google, ok.

36
00:01:52,210 --> 00:01:53,563
‫Então, começando

37
00:01:58,280 --> 00:02:00,123
‫com isso, instale uma folha

38
00:02:02,830 --> 00:02:05,610
‫de estilo e, em seguida, vamos pegar

39
00:02:09,040 --> 00:02:11,803
‫essa referência e substituí-la por aspas simples.

40
00:02:13,970 --> 00:02:18,650
‫Ok, então eu também quero definir esses dois,

41
00:02:18,650 --> 00:02:21,273
‫então vamos cortá-los aqui

42
00:02:23,890 --> 00:02:28,323
‫e simplesmente converter tudo o que temos aqui.

43
00:02:40,099 --> 00:02:40,932
‫Tudo bem.

44
00:02:42,960 --> 00:02:44,473
‫Ah, e também as aspas simples.

45
00:02:50,470 --> 00:02:54,223
‫Ok, vamos realmente colocar este no final,

46
00:02:55,780 --> 00:03:00,730
‫e esse é o nosso chapéu para o nosso modelo.

47
00:03:00,730 --> 00:03:03,993
‫A seguir, vamos dar uma olhada no cabeçalho.

48
00:03:05,640 --> 00:03:09,143
‫Ok, basicamente temos todo esse elemento aqui, com

49
00:03:10,100 --> 00:03:14,600
‫apenas um cabeçalho para aquela barra cinza escura que você viu

50
00:03:14,600 --> 00:03:17,140
‫lá no topo da página.

51
00:03:17,140 --> 00:03:18,430
‫E então vamos

52
00:03:20,500 --> 00:03:22,530
‫copiar isso e colocar aqui.

53
00:03:22,530 --> 00:03:24,180
‫Então, isso é muito

54
00:03:24,180 --> 00:03:27,800
‫código e você verá quão pequeno será mais tarde, uma

55
00:03:27,800 --> 00:03:29,920
‫vez que traduzirmos para o Pug.

56
00:03:29,920 --> 00:03:33,480
‫Ok, e aqui vamos colocar um

57
00:03:33,480 --> 00:03:37,370
‫comentário visível em nosso html, dizendo HEADER.

58
00:03:37,370 --> 00:03:41,070
‫Ok, na verdade, isso é sem o traço.

59
00:03:41,070 --> 00:03:44,020
‫Portanto, no código VS, quando eu clico no atalho

60
00:03:44,020 --> 00:03:46,860
‫de comentário, ele cria automaticamente um comentário Pug.

61
00:03:46,860 --> 00:03:49,320
‫Mas aqui, eu realmente quero apenas um

62
00:03:49,320 --> 00:03:51,833
‫comentário, que também está disponível na saída html.

63
00:03:53,470 --> 00:03:56,690
‫De qualquer forma, vamos agora criar o elemento de cabeçalho

64
00:03:56,690 --> 00:03:59,040
‫e ver o que temos aqui.

65
00:03:59,040 --> 00:04:02,120
‫Portanto, temos cabeçalho com a classe de cabeçalho.

66
00:04:02,120 --> 00:04:04,680
‫E tudo o que precisamos fazer para especificar

67
00:04:04,680 --> 00:04:07,330
‫uma classe é DOT e o nome da classe.

68
00:04:07,330 --> 00:04:09,410
‫Portanto, cabeçalho novamente.

69
00:04:09,410 --> 00:04:12,530
‫Então, aí, temos um elemento de navegação.

70
00:04:12,530 --> 00:04:17,480
‫E então, indentação e nav. nav, que é o nome da

71
00:04:17,480 --> 00:04:19,537
‫classe aqui novamente, e então

72
00:04:19,537 --> 00:04:22,200
‫também temos outro nome de classe e,

73
00:04:22,200 --> 00:04:23,880
‫portanto, outro ponto.

74
00:04:23,880 --> 00:04:24,713
‫E é isso.

75
00:04:25,850 --> 00:04:28,550
‫Portanto, tours de navegação.

76
00:04:28,550 --> 00:04:32,290
‫Portanto, se você está um pouco familiarizado com a arquitetura CSS,

77
00:04:32,290 --> 00:04:35,620
‫talvez esteja vendo que estou usando a arquitetura BEM.

78
00:04:35,620 --> 00:04:37,660
‫Então, nav é o bloco

79
00:04:37,660 --> 00:04:40,260
‫e aqui este passeio é um modificador.

80
00:04:40,260 --> 00:04:42,500
‫E aqui esse sublinhado sublinhado significa que

81
00:04:42,500 --> 00:04:44,180
‫este é um bloco ou,

82
00:04:44,180 --> 00:04:45,560
‫na verdade, um elemento.

83
00:04:45,560 --> 00:04:49,293
‫Portanto, bloco, elemento e modificador.

84
00:04:50,160 --> 00:04:52,290
‫Ok, isso não é

85
00:04:52,290 --> 00:04:54,890
‫realmente importante, mas eu só queria mencioná-lo.

86
00:04:54,890 --> 00:04:57,120
‫Enfim, dentro da navegação, temos

87
00:04:57,120 --> 00:04:59,270
‫um elemento de link.

88
00:04:59,270 --> 00:05:02,920
‫Então, a, com a classe de nav__el.

89
00:05:07,130 --> 00:05:10,330
‫Então, aqui, temos este atributo href e, portanto,

90
00:05:10,330 --> 00:05:12,973
‫lembre-se de que usamos parênteses e, em

91
00:05:14,230 --> 00:05:15,063
‫seguida,

92
00:05:16,930 --> 00:05:18,890
‫href, e definimos como nada.

93
00:05:18,890 --> 00:05:22,020
‫Então, basicamente, é isso que esse hash significa.

94
00:05:22,020 --> 00:05:23,470
‫E então, simplesmente o conteúdo, então

95
00:05:24,690 --> 00:05:25,673
‫todos os tours.

96
00:05:27,150 --> 00:05:29,450
‫Em seguida, temos este formulário aqui,

97
00:05:29,450 --> 00:05:31,720
‫mas na verdade não vamos

98
00:05:31,720 --> 00:05:33,240
‫implementá-lo neste momento.

99
00:05:33,240 --> 00:05:34,543
‫Então, vamos nos livrar disso.

100
00:05:36,260 --> 00:05:39,090
‫Tudo bem e essa é a nossa navegação.

101
00:05:39,090 --> 00:05:41,230
‫Portanto, este código

102
00:05:41,230 --> 00:05:44,200
‫aqui é basicamente equivalente a este.

103
00:05:44,200 --> 00:05:46,993
‫E a seguir, temos este logotipo de cabeçalho.

104
00:05:48,730 --> 00:05:51,350
‫Então, nova linha, mas um nível atrás,

105
00:05:51,350 --> 00:05:54,100
‫no recuo para que fique no mesmo

106
00:05:54,100 --> 00:05:55,680
‫nível da navegação.

107
00:05:55,680 --> 00:05:58,930
‫Então, assim como está aqui, certo.

108
00:05:58,930 --> 00:05:59,980
‫Agora, quando

109
00:05:59,980 --> 00:06:04,980
‫é um div, nem precisamos dizer div. headerlogo, neste caso.

110
00:06:07,150 --> 00:06:08,350
‫Então, quando é

111
00:06:08,350 --> 00:06:11,820
‫um div, que é uma espécie de elemento de bloco padrão

112
00:06:11,820 --> 00:06:13,980
‫em html, tudo o que precisamos é

113
00:06:13,980 --> 00:06:16,873
‫o ponto e isso criará automaticamente um elemento div.

114
00:06:18,930 --> 00:06:20,713
‫Então, lá dentro, temos essa imagem,

115
00:06:22,030 --> 00:06:24,980
‫e é claro que precisa de alguns atributos, que

116
00:06:24,980 --> 00:06:26,693
‫são primeiro, a fonte.

117
00:06:27,560 --> 00:06:31,937
‫Então, imagem, logotipo, branco. png, e também

118
00:06:33,850 --> 00:06:36,433
‫o texto alternativo, ok.

119
00:06:40,910 --> 00:06:44,690
‫Em seguida, temos essa outra navegação aqui e, novamente, que

120
00:06:44,690 --> 00:06:46,820
‫está no mesmo nível

121
00:06:46,820 --> 00:06:49,293
‫da primeira navegação e desta div.

122
00:06:51,030 --> 00:06:53,750
‫Portanto, um nível atrás no

123
00:06:53,750 --> 00:06:57,680
‫recuo e crie um novo elemento nav com a

124
00:06:57,680 --> 00:07:00,763
‫classe nav e o usuário classe nav.

125
00:07:02,120 --> 00:07:03,950
‫Então, lá, há um link,

126
00:07:03,950 --> 00:07:05,130
‫muito semelhante

127
00:07:05,130 --> 00:07:09,160
‫a este, então vamos apenas copiá-lo para nos poupar algum tempo.

128
00:07:09,160 --> 00:07:11,293
‫E então aqui diz: Minhas reservas.

129
00:07:16,170 --> 00:07:20,470
‫Em seguida, outro, e na verdade vamos apenas copiá-lo novamente, com a diferença

130
00:07:20,470 --> 00:07:23,380
‫de que ele não tem esse conteúdo, mas

131
00:07:23,380 --> 00:07:27,070
‫ao invés disso, tem um pouco mais de conteúdo dentro dele.

132
00:07:27,070 --> 00:07:28,470
‫Então, é isso.

133
00:07:28,470 --> 00:07:30,023
‫Então, muito fácil de novo, imagem,

134
00:07:31,170 --> 00:07:33,633
‫com a fonte,. jpg.

135
00:07:42,100 --> 00:07:43,853
‫E também tem um nome

136
00:07:45,060 --> 00:07:47,420
‫de classe, então vamos editar aqui com o ponto.

137
00:07:47,420 --> 00:07:51,713
‫Então, nav, imagem do usuário.

138
00:07:53,290 --> 00:07:56,810
‫E então simplesmente um palmo dizendo Jonas.

139
00:07:56,810 --> 00:07:58,120
‫E, como

140
00:07:58,120 --> 00:08:00,960
‫você pode ver, esta realmente será a

141
00:08:00,960 --> 00:08:02,350
‫parte dinâmica deste cabeçalho.

142
00:08:02,350 --> 00:08:05,000
‫E então, na verdade, tudo isso aqui se

143
00:08:05,000 --> 00:08:06,675
‫tornará um ponto no início.

144
00:08:06,675 --> 00:08:11,675
‫Ok, mas de qualquer maneira, vamos terminar de codificar esta parte aqui.

145
00:08:13,160 --> 00:08:14,620
‫Basicamente, esses dois botões

146
00:08:14,620 --> 00:08:17,520
‫são o botão de login e o botão de inscrição.

147
00:08:17,520 --> 00:08:20,120
‫Então, é claro que você não terá

148
00:08:20,120 --> 00:08:22,920
‫o botão de login e o botão de inscrição

149
00:08:22,920 --> 00:08:25,680
‫ao mesmo tempo de ter esse usuário navegando aqui.

150
00:08:25,680 --> 00:08:29,590
‫Então, minhas reservas e o nome do usuário, ok.

151
00:08:29,590 --> 00:08:32,250
‫Mas, novamente, vamos colocar isso aqui por enquanto e,

152
00:08:32,250 --> 00:08:34,553
‫em seguida, comentar o que não precisamos.

153
00:08:36,860 --> 00:08:41,860
‫Então, botão, elemento nav e também elemento nav

154
00:08:44,440 --> 00:08:49,043
‫e o modificador cta para inscrição.

155
00:08:50,290 --> 00:08:54,847
‫E na verdade há também um antes disso para login, certo.

156
00:08:56,850 --> 00:08:58,837
‫Então, é esse aqui.

157
00:09:03,010 --> 00:09:05,730
‫Ok e isso é realmente isso.

158
00:09:05,730 --> 00:09:06,940
‫Então esse é

159
00:09:06,940 --> 00:09:09,010
‫o cabeçalho, e você vê que

160
00:09:09,010 --> 00:09:12,550
‫este código aqui é equivalente a tudo isso que temos aqui,

161
00:09:12,550 --> 00:09:15,070
‫o que parece muito mais confuso, se você

162
00:09:15,070 --> 00:09:16,653
‫me perguntar pelo menos.

163
00:09:18,010 --> 00:09:20,690
‫Então, apague isso, e como eu disse,

164
00:09:20,690 --> 00:09:22,920
‫essa navegação do usuário aqui,

165
00:09:22,920 --> 00:09:25,200
‫essa parte só vai ficar disponível

166
00:09:25,200 --> 00:09:27,010
‫quando alguém estiver logado.

167
00:09:27,010 --> 00:09:30,123
‫E então, por enquanto, vamos comentar completamente tudo isso.

168
00:09:31,370 --> 00:09:36,370
‫Tudo bem, então temos o conteúdo e vamos adicionar outro comentário aqui e

169
00:09:36,500 --> 00:09:38,350
‫em nosso html,

170
00:09:42,130 --> 00:09:44,050
‫na verdade tudo o que

171
00:09:44,050 --> 00:09:46,010
‫vamos adicionar agora é esta

172
00:09:46,010 --> 00:09:49,350
‫seção aqui com a classe de visão geral.

173
00:09:49,350 --> 00:09:51,430
‫Porque aí é onde temos

174
00:09:51,430 --> 00:09:53,160
‫todos esses cartões de

175
00:09:53,160 --> 00:09:56,070
‫conteúdo, que novamente, por enquanto, não incluiremos lá.

176
00:09:56,070 --> 00:09:57,400
‫Então, novamente, o que estamos

177
00:09:57,400 --> 00:09:59,623
‫fazendo agora é apenas um esqueleto, por assim dizer.

178
00:10:00,729 --> 00:10:03,123
‫Tudo bem, então seção. visão global.

179
00:10:07,410 --> 00:10:08,243
‫Visão geral.

180
00:10:09,574 --> 00:10:12,500
‫E por enquanto, vamos simplesmente colocar um h1 aqui

181
00:10:12,500 --> 00:10:16,040
‫com o nome do passeio que está chegando como uma variável.

182
00:10:16,040 --> 00:10:18,270
‫Ok e é claro que esta

183
00:10:18,270 --> 00:10:22,103
‫seção aqui precisa estar no mesmo nível que este cabeçalho, ótimo.

184
00:10:24,130 --> 00:10:26,820
‫Portanto, tudo o que está faltando agora é o

185
00:10:26,820 --> 00:10:28,700
‫rodapé no final da página.

186
00:10:28,700 --> 00:10:32,690
‫Então vamos lá e vamos lá.

187
00:10:32,690 --> 00:10:35,790
‫Vamos pegar tudo isso.

188
00:10:35,790 --> 00:10:38,040
‫E isso deve ser realmente um elemento de rodapé,

189
00:10:39,040 --> 00:10:40,393
‫não apenas um div regular.

190
00:10:45,510 --> 00:10:49,730
‫Portanto, um elemento de rodapé com a classe de rodapé, em seguida,

191
00:10:49,730 --> 00:10:52,573
‫um div, com a classe do logotipo

192
00:10:53,850 --> 00:10:57,493
‫do rodapé e, novamente, nem preciso especificar o elemento div.

193
00:10:58,870 --> 00:11:00,323
‫Então temos uma imagem aqui. png e então

194
00:11:07,917 --> 00:11:12,810
‫eu espero que digitar tudo isso sozinho, basicamente à mão, faça com que você

195
00:11:12,810 --> 00:11:16,820
‫mantenha esse conhecimento de como tudo isso funciona um pouco melhor.

196
00:11:16,820 --> 00:11:20,030
‫Ok, então este é alt e agora esta navegação

197
00:11:20,030 --> 00:11:22,330
‫de rodapé, então uma lista não

198
00:11:23,560 --> 00:11:26,520
‫ordenada, e agora, temos alguns elementos de

199
00:11:26,520 --> 00:11:28,033
‫item de lista.

200
00:11:31,260 --> 00:11:35,483
‫Então, liste o item e, em seguida, haverá um link

201
00:11:36,580 --> 00:11:38,620
‫em cada um deles.

202
00:11:38,620 --> 00:11:41,470
‫Então, basicamente, um com o href do nada.

203
00:11:41,470 --> 00:11:46,470
‫E então, sobre nós.

204
00:11:48,410 --> 00:11:51,490
‫Agora, aqui nesta situação, precisar desta

205
00:11:51,490 --> 00:11:53,170
‫linha extra apenas

206
00:11:53,170 --> 00:11:57,298
‫para especificar este li, não é realmente ideal.

207
00:11:57,298 --> 00:11:58,640
‫E o que

208
00:11:58,640 --> 00:12:00,010
‫podemos fazer aqui é usar

209
00:12:00,010 --> 00:12:03,310
‫dois pontos, como este, e basicamente colocar tudo na mesma linha.

210
00:12:03,310 --> 00:12:05,840
‫E então isso ainda funcionará como se houvesse uma

211
00:12:05,840 --> 00:12:07,730
‫nova linha com um recuo,

212
00:12:07,730 --> 00:12:10,570
‫mas basicamente nos permitindo fazer tudo na mesma linha.

213
00:12:10,570 --> 00:12:13,910
‫Ok, então por algum motivo, o realce de

214
00:12:13,910 --> 00:12:15,810
‫sintaxe para de

215
00:12:15,810 --> 00:12:19,180
‫funcionar, mas bem, isso não é tão importante.

216
00:12:19,180 --> 00:12:21,343
‫Então baixe os aplicativos, torne-se um

217
00:12:22,910 --> 00:12:24,453
‫guia de carreiras.

218
00:12:26,300 --> 00:12:29,873
‫E é isso mesmo.

219
00:12:39,630 --> 00:12:41,053
‫Em seguida, temos este rodapé,

220
00:12:43,770 --> 00:12:46,520
‫direitos autorais e, portanto, aqui temos apenas um monte de texto.

221
00:12:50,540 --> 00:12:53,100
‫Portanto, ele especifica o símbolo

222
00:12:53,100 --> 00:12:56,943
‫de copyright aqui, e isso é de Jonas Schmedtmann.

223
00:12:58,860 --> 00:13:02,670
‫Então, sou eu e, assim como em todos os meus outros

224
00:13:02,670 --> 00:13:06,100
‫cursos, quero que você saiba que está livre para usar

225
00:13:06,100 --> 00:13:08,290
‫este projeto basicamente para você.

226
00:13:08,290 --> 00:13:11,120
‫Então basicamente para colocar no seu portfólio ou mostrar

227
00:13:11,120 --> 00:13:13,550
‫para quem você quiser, que você construiu esse

228
00:13:13,550 --> 00:13:15,270
‫projeto no meu curso.

229
00:13:15,270 --> 00:13:18,630
‫Agora, o que você não pode fazer é criar seu próprio curso

230
00:13:18,630 --> 00:13:20,030
‫com base neste projeto.

231
00:13:20,030 --> 00:13:23,310
‫E é triste que eu tenha que dizer isso,

232
00:13:23,310 --> 00:13:25,970
‫mas é claro que houve pessoas que

233
00:13:25,970 --> 00:13:28,980
‫usaram meu projeto, basicamente para colocar alguns cursos

234
00:13:28,980 --> 00:13:32,270
‫gratuitos no YouTube, onde copiavam meus projetos, um por um.

235
00:13:32,270 --> 00:13:35,410
‫Ok, deixe-me escrever isso aqui.

236
00:13:35,410 --> 00:13:38,473
‫Para seus próprios fins, exceto produzir,

237
00:13:42,160 --> 00:13:45,593
‫é claro, seus próprios cursos ou tutoriais.

238
00:13:49,850 --> 00:13:54,850
‫Ok e é isso mesmo.

239
00:13:59,230 --> 00:14:01,213
‫Tudo bem, então

240
00:14:06,130 --> 00:14:09,500
‫essa é a tradução do esqueleto basicamente

241
00:14:10,990 --> 00:14:14,400
‫que temos aqui, claro, exceto o conteúdo.

242
00:14:14,400 --> 00:14:17,560
‫Ok, então não precisamos mais disso.

243
00:14:17,560 --> 00:14:20,753
‫E, para terminar, vamos dar uma olhada rápida

244
00:14:21,960 --> 00:14:25,000
‫e, de fato, aqui vai nosso conteúdo.

245
00:14:25,000 --> 00:14:27,640
‫Agora, isso aqui parece um pouco fora do lugar porque este

246
00:14:27,640 --> 00:14:29,650
‫texto de copyright aqui é muito longo.

247
00:14:29,650 --> 00:14:31,883
‫Então, essa navegação de rodapé basicamente.

248
00:14:33,950 --> 00:14:37,330
‫Mas como esse é um flex container, devemos

249
00:14:37,330 --> 00:14:39,540
‫ser capazes de consertar

250
00:14:39,540 --> 00:14:42,270
‫isso com conteúdo justificado, flex-end, não este.

251
00:14:42,270 --> 00:14:47,270
‫Ok, e não se preocupe se você não está

252
00:14:48,660 --> 00:14:53,660
‫familiarizado com CSS, ou mesmo Flexbox, isso é

253
00:14:53,870 --> 00:14:56,180
‫apenas para consertar

254
00:14:56,180 --> 00:15:00,200
‫visualmente o pequeno problema que tivemos aqui.

255
00:15:00,200 --> 00:15:01,050
‫Então, vamos pesquisar o rodapé aqui.

256
00:15:02,820 --> 00:15:04,723
‫Aqui estamos.

257
00:15:08,590 --> 00:15:09,893
‫Corrija isso aqui,

258
00:15:11,210 --> 00:15:12,303
‫e se

259
00:15:13,690 --> 00:15:15,790
‫recarregarmos agora, sim, estamos bem, perfeito.