<!--
DEBUG LOG:
Episódio requisitado: '76'

=== INFORMAÇÕES DO ANIME ===
Título: Tales of Gods and Demons

=== LISTA COMPLETA DE EPISÓDIOS ===
Total de episódios: 172

Episódio #1
Título completo: Tales of Gods and Demons - Episódio 172
Número extraído: '172'
Número inteiro (sem decimal)
---

Episódio #2
Título completo: Tales of Gods and Demons - Episódio 171
Número extraído: '171'
Número inteiro (sem decimal)
---

Episódio #3
Título completo: Tales of Gods and Demons - Episódio 170
Número extraído: '170'
Número inteiro (sem decimal)
---

Episódio #4
Título completo: Tales of Gods and Demons - Episódio 169
Número extraído: '169'
Número inteiro (sem decimal)
---

Episódio #5
Título completo: Tales of Gods and Demons - Episódio 168
Número extraído: '168'
Número inteiro (sem decimal)
---

Episódio #6
Título completo: Tales of Gods and Demons - Episódio 167
Número extraído: '167'
Número inteiro (sem decimal)
---

Episódio #7
Título completo: Tales of Gods and Demons - Episódio 166
Número extraído: '166'
Número inteiro (sem decimal)
---

Episódio #8
Título completo: Tales of Gods and Demons - Episódio 165
Número extraído: '165'
Número inteiro (sem decimal)
---

Episódio #9
Título completo: Tales of Gods and Demons - Episódio 164
Número extraído: '164'
Número inteiro (sem decimal)
---

Episódio #10
Título completo: Tales of Gods and Demons - Episódio 163
Número extraído: '163'
Número inteiro (sem decimal)
---

Episódio #11
Título completo: Tales of Gods and Demons - Episódio 162
Número extraído: '162'
Número inteiro (sem decimal)
---

Episódio #12
Título completo: Tales of Gods and Demons - Episódio 161
Número extraído: '161'
Número inteiro (sem decimal)
---

Episódio #13
Título completo: Tales of Gods and Demons - Episódio 160
Número extraído: '160'
Número inteiro (sem decimal)
---

Episódio #14
Título completo: Tales of Gods and Demons - Episódio 159
Número extraído: '159'
Número inteiro (sem decimal)
---

Episódio #15
Título completo: Tales of Gods and Demons - Episódio 158
Número extraído: '158'
Número inteiro (sem decimal)
---

Episódio #16
Título completo: Tales of Gods and Demons - Episódio 157
Número extraído: '157'
Número inteiro (sem decimal)
---

Episódio #17
Título completo: Tales of Gods and Demons - Episódio 156
Número extraído: '156'
Número inteiro (sem decimal)
---

Episódio #18
Título completo: Tales of Gods and Demons - Episódio 155
Número extraído: '155'
Número inteiro (sem decimal)
---

Episódio #19
Título completo: Tales of Gods and Demons - Episódio 154
Número extraído: '154'
Número inteiro (sem decimal)
---

Episódio #20
Título completo: Tales of Gods and Demons - Episódio 153
Número extraído: '153'
Número inteiro (sem decimal)
---

Episódio #21
Título completo: Tales of Gods and Demons - Episódio 152
Número extraído: '152'
Número inteiro (sem decimal)
---

Episódio #22
Título completo: Tales of Gods and Demons - Episódio 151
Número extraído: '151'
Número inteiro (sem decimal)
---

Episódio #23
Título completo: Tales of Gods and Demons - Episódio 150
Número extraído: '150'
Número inteiro (sem decimal)
---

Episódio #24
Título completo: Tales of Gods and Demons - Episódio 149
Número extraído: '149'
Número inteiro (sem decimal)
---

Episódio #25
Título completo: Tales of Gods and Demons - Episódio 148
Número extraído: '148'
Número inteiro (sem decimal)
---

Episódio #26
Título completo: Tales of Gods and Demons - Episódio 147
Número extraído: '147'
Número inteiro (sem decimal)
---

Episódio #27
Título completo: Tales of Gods and Demons - Episódio 146
Número extraído: '146'
Número inteiro (sem decimal)
---

Episódio #28
Título completo: Tales of Gods and Demons - Episódio 145
Número extraído: '145'
Número inteiro (sem decimal)
---

Episódio #29
Título completo: Tales of Gods and Demons - Episódio 144
Número extraído: '144'
Número inteiro (sem decimal)
---

Episódio #30
Título completo: Tales of Gods and Demons - Episódio 143
Número extraído: '143'
Número inteiro (sem decimal)
---

Episódio #31
Título completo: Tales of Gods and Demons - Episódio 142
Número extraído: '142'
Número inteiro (sem decimal)
---

Episódio #32
Título completo: Tales of Gods and Demons - Episódio 141
Número extraído: '141'
Número inteiro (sem decimal)
---

Episódio #33
Título completo: Tales of Gods and Demons - Episódio 140
Número extraído: '140'
Número inteiro (sem decimal)
---

Episódio #34
Título completo: Tales of Gods and Demons - Episódio 139
Número extraído: '139'
Número inteiro (sem decimal)
---

Episódio #35
Título completo: Tales of Gods and Demons - Episódio 138
Número extraído: '138'
Número inteiro (sem decimal)
---

Episódio #36
Título completo: Tales of Gods and Demons - Episódio 137
Número extraído: '137'
Número inteiro (sem decimal)
---

Episódio #37
Título completo: Tales of Gods and Demons - Episódio 136
Número extraído: '136'
Número inteiro (sem decimal)
---

Episódio #38
Título completo: Tales of Gods and Demons - Episódio 135
Número extraído: '135'
Número inteiro (sem decimal)
---

Episódio #39
Título completo: Tales of Gods and Demons - Episódio 134
Número extraído: '134'
Número inteiro (sem decimal)
---

Episódio #40
Título completo: Tales of Gods and Demons - Episódio 133
Número extraído: '133'
Número inteiro (sem decimal)
---

Episódio #41
Título completo: Tales of Gods and Demons - Episódio 132
Número extraído: '132'
Número inteiro (sem decimal)
---

Episódio #42
Título completo: Tales of Gods and Demons - Episódio 131
Número extraído: '131'
Número inteiro (sem decimal)
---

Episódio #43
Título completo: Tales of Gods and Demons - Episódio 130
Número extraído: '130'
Número inteiro (sem decimal)
---

Episódio #44
Título completo: Tales of Gods and Demons - Episódio 129
Número extraído: '129'
Número inteiro (sem decimal)
---

Episódio #45
Título completo: Tales of Gods and Demons - Episódio 128
Número extraído: '128'
Número inteiro (sem decimal)
---

Episódio #46
Título completo: Tales of Gods and Demons - Episódio 127
Número extraído: '127'
Número inteiro (sem decimal)
---

Episódio #47
Título completo: Tales of Gods and Demons - Episódio 126
Número extraído: '126'
Número inteiro (sem decimal)
---

Episódio #48
Título completo: Tales of Gods and Demons - Episódio 125
Número extraído: '125'
Número inteiro (sem decimal)
---

Episódio #49
Título completo: Tales of Gods and Demons - Episódio 124
Número extraído: '124'
Número inteiro (sem decimal)
---

Episódio #50
Título completo: Tales of Gods and Demons - Episódio 123
Número extraído: '123'
Número inteiro (sem decimal)
---

Episódio #51
Título completo: Tales of Gods and Demons - Episódio 122
Número extraído: '122'
Número inteiro (sem decimal)
---

Episódio #52
Título completo: Tales of Gods and Demons - Episódio 121
Número extraído: '121'
Número inteiro (sem decimal)
---

Episódio #53
Título completo: Tales of Gods and Demons - Episódio 120
Número extraído: '120'
Número inteiro (sem decimal)
---

Episódio #54
Título completo: Tales of Gods and Demons - Episódio 119
Número extraído: '119'
Número inteiro (sem decimal)
---

Episódio #55
Título completo: Tales of Gods and Demons - Episódio 118
Número extraído: '118'
Número inteiro (sem decimal)
---

Episódio #56
Título completo: Tales of Gods and Demons - Episódio 117
Número extraído: '117'
Número inteiro (sem decimal)
---

Episódio #57
Título completo: Tales of Gods and Demons - Episódio 116
Número extraído: '116'
Número inteiro (sem decimal)
---

Episódio #58
Título completo: Tales of Gods and Demons - Episódio 115
Número extraído: '115'
Número inteiro (sem decimal)
---

Episódio #59
Título completo: Tales of Gods and Demons - Episódio 114
Número extraído: '114'
Número inteiro (sem decimal)
---

Episódio #60
Título completo: Tales of Gods and Demons - Episódio 113
Número extraído: '113'
Número inteiro (sem decimal)
---

Episódio #61
Título completo: Tales of Gods and Demons - Episódio 112
Número extraído: '112'
Número inteiro (sem decimal)
---

Episódio #62
Título completo: Tales of Gods and Demons - Episódio 111
Número extraído: '111'
Número inteiro (sem decimal)
---

Episódio #63
Título completo: Tales of Gods and Demons - Episódio 110
Número extraído: '110'
Número inteiro (sem decimal)
---

Episódio #64
Título completo: Tales of Gods and Demons - Episódio 109
Número extraído: '109'
Número inteiro (sem decimal)
---

Episódio #65
Título completo: Tales of Gods and Demons - Episódio 108
Número extraído: '108'
Número inteiro (sem decimal)
---

Episódio #66
Título completo: Tales of Gods and Demons - Episódio 107
Número extraído: '107'
Número inteiro (sem decimal)
---

Episódio #67
Título completo: Tales of Gods and Demons - Episódio 106
Número extraído: '106'
Número inteiro (sem decimal)
---

Episódio #68
Título completo: Tales of Gods and Demons - Episódio 105
Número extraído: '105'
Número inteiro (sem decimal)
---

Episódio #69
Título completo: Tales of Gods and Demons - Episódio 104
Número extraído: '104'
Número inteiro (sem decimal)
---

Episódio #70
Título completo: Tales of Gods and Demons - Episódio 103
Número extraído: '103'
Número inteiro (sem decimal)
---

Episódio #71
Título completo: Tales of Gods and Demons - Episódio 102
Número extraído: '102'
Número inteiro (sem decimal)
---

Episódio #72
Título completo: Tales of Gods and Demons - Episódio 101
Número extraído: '101'
Número inteiro (sem decimal)
---

Episódio #73
Título completo: Tales of Gods and Demons - Episódio 100
Número extraído: '100'
Número inteiro (sem decimal)
---

Episódio #74
Título completo: Tales of Gods and Demons - Episódio 99
Número extraído: '99'
Número inteiro (sem decimal)
---

Episódio #75
Título completo: Tales of Gods and Demons - Episódio 98
Número extraído: '98'
Número inteiro (sem decimal)
---

Episódio #76
Título completo: Tales of Gods and Demons - Episódio 97
Número extraído: '97'
Número inteiro (sem decimal)
---

Episódio #77
Título completo: Tales of Gods and Demons - Episódio 96
Número extraído: '96'
Número inteiro (sem decimal)
---

Episódio #78
Título completo: Tales of Gods and Demons - Episódio 95
Número extraído: '95'
Número inteiro (sem decimal)
---

Episódio #79
Título completo: Tales of Gods and Demons - Episódio 94
Número extraído: '94'
Número inteiro (sem decimal)
---

Episódio #80
Título completo: Tales of Gods and Demons - Episódio 93
Número extraído: '93'
Número inteiro (sem decimal)
---

Episódio #81
Título completo: Tales of Gods and Demons - Episódio 92
Número extraído: '92'
Número inteiro (sem decimal)
---

Episódio #82
Título completo: Tales of Gods and Demons - Episódio 91
Número extraído: '91'
Número inteiro (sem decimal)
---

Episódio #83
Título completo: Tales of Gods and Demons - Episódio 90
Número extraído: '90'
Número inteiro (sem decimal)
---

Episódio #84
Título completo: Tales of Gods and Demons - Episódio 89
Número extraído: '89'
Número inteiro (sem decimal)
---

Episódio #85
Título completo: Tales of Gods and Demons - Episódio 88
Número extraído: '88'
Número inteiro (sem decimal)
---

Episódio #86
Título completo: Tales of Gods and Demons - Episódio 87
Número extraído: '87'
Número inteiro (sem decimal)
---

Episódio #87
Título completo: Tales of Gods and Demons - Episódio 86
Número extraído: '86'
Número inteiro (sem decimal)
---

Episódio #88
Título completo: Tales of Gods and Demons - Episódio 85
Número extraído: '85'
Número inteiro (sem decimal)
---

Episódio #89
Título completo: Tales of Gods and Demons - Episódio 84
Número extraído: '84'
Número inteiro (sem decimal)
---

Episódio #90
Título completo: Tales of Gods and Demons - Episódio 83
Número extraído: '83'
Número inteiro (sem decimal)
---

Episódio #91
Título completo: Tales of Gods and Demons - Episódio 82
Número extraído: '82'
Número inteiro (sem decimal)
---

Episódio #92
Título completo: Tales of Gods and Demons - Episódio 81
Número extraído: '81'
Número inteiro (sem decimal)
---

Episódio #93
Título completo: Tales of Gods and Demons - Episódio 80
Número extraído: '80'
Número inteiro (sem decimal)
---

Episódio #94
Título completo: Tales of Gods and Demons - Episódio 79
Número extraído: '79'
Número inteiro (sem decimal)
---

Episódio #95
Título completo: Tales of Gods and Demons - Episódio 78
Número extraído: '78'
Número inteiro (sem decimal)
---

Episódio #96
Título completo: Tales of Gods and Demons - Episódio 77
Número extraído: '77'
Número inteiro (sem decimal)
---

Episódio #97
Título completo: Tales of Gods and Demons - Episódio 76
Número extraído: '76'
Número inteiro (sem decimal)
---

Episódio #98
Título completo: Tales of Gods and Demons - Episódio 75
Número extraído: '75'
Número inteiro (sem decimal)
---

Episódio #99
Título completo: Tales of Gods and Demons - Episódio 74
Número extraído: '74'
Número inteiro (sem decimal)
---

Episódio #100
Título completo: Tales of Gods and Demons - Episódio 73
Número extraído: '73'
Número inteiro (sem decimal)
---

Episódio #101
Título completo: Tales of Gods and Demons - Episódio 72
Número extraído: '72'
Número inteiro (sem decimal)
---

Episódio #102
Título completo: Tales of Gods and Demons - Episódio 71
Número extraído: '71'
Número inteiro (sem decimal)
---

Episódio #103
Título completo: Tales of Gods and Demons - Episódio 70
Número extraído: '70'
Número inteiro (sem decimal)
---

Episódio #104
Título completo: Tales of Gods and Demons - Episódio 69
Número extraído: '69'
Número inteiro (sem decimal)
---

Episódio #105
Título completo: Tales of Gods and Demons - Episódio 68
Número extraído: '68'
Número inteiro (sem decimal)
---

Episódio #106
Título completo: Tales of Gods and Demons - Episódio 67
Número extraído: '67'
Número inteiro (sem decimal)
---

Episódio #107
Título completo: Tales of Gods and Demons - Episódio 66
Número extraído: '66'
Número inteiro (sem decimal)
---

Episódio #108
Título completo: Tales of Gods and Demons - Episódio 65
Número extraído: '65'
Número inteiro (sem decimal)
---

Episódio #109
Título completo: Tales of Gods and Demons - Episódio 64
Número extraído: '64'
Número inteiro (sem decimal)
---

Episódio #110
Título completo: Tales of Gods and Demons - Episódio 63
Número extraído: '63'
Número inteiro (sem decimal)
---

Episódio #111
Título completo: Tales of Gods and Demons - Episódio 62
Número extraído: '62'
Número inteiro (sem decimal)
---

Episódio #112
Título completo: Tales of Gods and Demons - Episódio 61
Número extraído: '61'
Número inteiro (sem decimal)
---

Episódio #113
Título completo: Tales of Gods and Demons - Episódio 60
Número extraído: '60'
Número inteiro (sem decimal)
---

Episódio #114
Título completo: Tales of Gods and Demons - Episódio 59
Número extraído: '59'
Número inteiro (sem decimal)
---

Episódio #115
Título completo: Tales of Gods and Demons - Episódio 58
Número extraído: '58'
Número inteiro (sem decimal)
---

Episódio #116
Título completo: Tales of Gods and Demons - Episódio 57
Número extraído: '57'
Número inteiro (sem decimal)
---

Episódio #117
Título completo: Tales of Gods and Demons - Episódio 56
Número extraído: '56'
Número inteiro (sem decimal)
---

Episódio #118
Título completo: Tales of Gods and Demons - Episódio 55
Número extraído: '55'
Número inteiro (sem decimal)
---

Episódio #119
Título completo: Tales of Gods and Demons - Episódio 54
Número extraído: '54'
Número inteiro (sem decimal)
---

Episódio #120
Título completo: Tales of Gods and Demons - Episódio 53
Número extraído: '53'
Número inteiro (sem decimal)
---

Episódio #121
Título completo: Tales of Gods and Demons - Episódio 52
Número extraído: '52'
Número inteiro (sem decimal)
---

Episódio #122
Título completo: Tales of Gods and Demons - Episódio 51
Número extraído: '51'
Número inteiro (sem decimal)
---

Episódio #123
Título completo: Tales of Gods and Demons - Episódio 50
Número extraído: '50'
Número inteiro (sem decimal)
---

Episódio #124
Título completo: Tales of Gods and Demons - Episódio 49
Número extraído: '49'
Número inteiro (sem decimal)
---

Episódio #125
Título completo: Tales of Gods and Demons - Episódio 48
Número extraído: '48'
Número inteiro (sem decimal)
---

Episódio #126
Título completo: Tales of Gods and Demons - Episódio 47
Número extraído: '47'
Número inteiro (sem decimal)
---

Episódio #127
Título completo: Tales of Gods and Demons - Episódio 46
Número extraído: '46'
Número inteiro (sem decimal)
---

Episódio #128
Título completo: Tales of Gods and Demons - Episódio 45
Número extraído: '45'
Número inteiro (sem decimal)
---

Episódio #129
Título completo: Tales of Gods and Demons - Episódio 44
Número extraído: '44'
Número inteiro (sem decimal)
---

Episódio #130
Título completo: Tales of Gods and Demons - Episódio 43
Número extraído: '43'
Número inteiro (sem decimal)
---

Episódio #131
Título completo: Tales of Gods and Demons - Episódio 42
Número extraído: '42'
Número inteiro (sem decimal)
---

Episódio #132
Título completo: Tales of Gods and Demons - Episódio 41
Número extraído: '41'
Número inteiro (sem decimal)
---

Episódio #133
Título completo: Tales of Gods and Demons - Episódio 40
Número extraído: '40'
Número inteiro (sem decimal)
---

Episódio #134
Título completo: Tales of Gods and Demons - Episódio 39
Número extraído: '39'
Número inteiro (sem decimal)
---

Episódio #135
Título completo: Tales of Gods and Demons - Episódio 38
Número extraído: '38'
Número inteiro (sem decimal)
---

Episódio #136
Título completo: Tales of Gods and Demons - Episódio 37
Número extraído: '37'
Número inteiro (sem decimal)
---

Episódio #137
Título completo: Tales of Gods and Demons - Episódio 36
Número extraído: '36'
Número inteiro (sem decimal)
---

Episódio #138
Título completo: Tales of Gods and Demons - Episódio 35
Número extraído: '35'
Número inteiro (sem decimal)
---

Episódio #139
Título completo: Tales of Gods and Demons - Episódio 34
Número extraído: '34'
Número inteiro (sem decimal)
---

Episódio #140
Título completo: Tales of Gods and Demons - Episódio 33
Número extraído: '33'
Número inteiro (sem decimal)
---

Episódio #141
Título completo: Tales of Gods and Demons - Episódio 32
Número extraído: '32'
Número inteiro (sem decimal)
---

Episódio #142
Título completo: Tales of Gods and Demons - Episódio 31
Número extraído: '31'
Número inteiro (sem decimal)
---

Episódio #143
Título completo: Tales of Gods and Demons - Episódio 30
Número extraído: '30'
Número inteiro (sem decimal)
---

Episódio #144
Título completo: Tales of Gods and Demons - Episódio 29
Número extraído: '29'
Número inteiro (sem decimal)
---

Episódio #145
Título completo: Tales of Gods and Demons - Episódio 28
Número extraído: '28'
Número inteiro (sem decimal)
---

Episódio #146
Título completo: Tales of Gods and Demons - Episódio 27
Número extraído: '27'
Número inteiro (sem decimal)
---

Episódio #147
Título completo: Tales of Gods and Demons - Episódio 26
Número extraído: '26'
Número inteiro (sem decimal)
---

Episódio #148
Título completo: Tales of Gods and Demons - Episódio 25
Número extraído: '25'
Número inteiro (sem decimal)
---

Episódio #149
Título completo: Tales of Gods and Demons - Episódio 24
Número extraído: '24'
Número inteiro (sem decimal)
---

Episódio #150
Título completo: Tales of Gods and Demons - Episódio 23
Número extraído: '23'
Número inteiro (sem decimal)
---

Episódio #151
Título completo: Tales of Gods and Demons - Episódio 22
Número extraído: '22'
Número inteiro (sem decimal)
---

Episódio #152
Título completo: Tales of Gods and Demons - Episódio 21
Número extraído: '21'
Número inteiro (sem decimal)
---

Episódio #153
Título completo: Tales of Gods and Demons - Episódio 20
Número extraído: '20'
Número inteiro (sem decimal)
---

Episódio #154
Título completo: Tales of Gods and Demons - Episódio 19
Número extraído: '19'
Número inteiro (sem decimal)
---

Episódio #155
Título completo: Tales of Gods and Demons - Episódio 18
Número extraído: '18'
Número inteiro (sem decimal)
---

Episódio #156
Título completo: Tales of Gods and Demons - Episódio 17
Número extraído: '17'
Número inteiro (sem decimal)
---

Episódio #157
Título completo: Tales of Gods and Demons - Episódio 16
Número extraído: '16'
Número inteiro (sem decimal)
---

Episódio #158
Título completo: Tales of Gods and Demons - Episódio 15
Número extraído: '15'
Número inteiro (sem decimal)
---

Episódio #159
Título completo: Tales of Gods and Demons - Episódio 14
Número extraído: '14'
Número inteiro (sem decimal)
---

Episódio #160
Título completo: Tales of Gods and Demons - Episódio 13
Número extraído: '13'
Número inteiro (sem decimal)
---

Episódio #161
Título completo: Tales of Gods and Demons - Episódio 12
Número extraído: '12'
Número inteiro (sem decimal)
---

Episódio #162
Título completo: Tales of Gods and Demons - Episódio 11
Número extraído: '11'
Número inteiro (sem decimal)
---

Episódio #163
Título completo: Tales of Gods and Demons - Episódio 10
Número extraído: '10'
Número inteiro (sem decimal)
---

Episódio #164
Título completo: Tales of Gods and Demons - Episódio 9
Número extraído: '9'
Número inteiro (sem decimal)
---

Episódio #165
Título completo: Tales of Gods and Demons - Episódio 8
Número extraído: '8'
Número inteiro (sem decimal)
---

Episódio #166
Título completo: Tales of Gods and Demons - Episódio 7
Número extraído: '7'
Número inteiro (sem decimal)
---

Episódio #167
Título completo: Tales of Gods and Demons - Episódio 6
Número extraído: '6'
Número inteiro (sem decimal)
---

Episódio #168
Título completo: Tales of Gods and Demons - Episódio 5
Número extraído: '5'
Número inteiro (sem decimal)
---

Episódio #169
Título completo: Tales of Gods and Demons - Episódio 4
Número extraído: '4'
Número inteiro (sem decimal)
---

Episódio #170
Título completo: Tales of Gods and Demons - Episódio 3
Número extraído: '3'
Número inteiro (sem decimal)
---

Episódio #171
Título completo: Tales of Gods and Demons - Episódio 2
Número extraído: '2'
Número inteiro (sem decimal)
---

Episódio #172
Título completo: Tales of Gods and Demons - Episódio 1
Número extraído: '1'
Número inteiro (sem decimal)
---

=== BUSCANDO EPISÓDIO ATUAL ===
--><!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tales of Gods and Demons - Episódio 76</title>
    <link rel="icon" type="image/png" href="includes/favicon.png">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        /* Reset e variáveis */
        :root {
            --primary: #8A2BE2;
            --primary-light: #9B4BFF;
            --accent: #FF3E6C;
            --text: #FFFFFF;
            --text-secondary: rgba(255, 255, 255, 0.85);
            --background: rgba(16, 16, 24, 0.95);
            --nav-height: 70px;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Estilos base do header */
        .nav-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: var(--nav-height);
            padding: 0 2rem;
            background: var(--background);
            backdrop-filter: blur(10px);
            position: relative;
            z-index: 1000;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        }

        /* Efeito de borda gradiente animada */
        .nav-container::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(
                90deg,
                var(--primary) 0%,
                var(--accent) 50%,
                var(--primary) 100%
            );
            background-size: 200% 100%;
            animation: gradientBorder 3s linear infinite;
        }

        @keyframes gradientBorder {
            0% { background-position: 100% 0; }
            100% { background-position: -100% 0; }
        }

        /* Grupos de navegação */
        .left-group, .right-group {
            display: flex;
            align-items: center;
            gap: 2rem;
        }
        /* Responsividade dos links de navegação */
        .nav-links {
            display: flex;
            gap: 1.1rem;
            flex-wrap: wrap;
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
            max-width: 100vw;
        }
        .nav-links::-webkit-scrollbar {
            display: none;
        }
        @media (max-width: 900px) {
            .nav-container {
                flex-direction: column;
                align-items: stretch;
                height: auto;
                padding: 0 0.5rem;
            }
            .left-group {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.5rem;
            }
            .nav-links {
                width: 100%;
                justify-content: flex-start;
                flex-wrap: nowrap;
                overflow-x: auto;
                padding-bottom: 6px;
                margin-bottom: 2px;
            }
            .right-group {
                flex-direction: row;
                width: 100%;
                justify-content: flex-end;
                margin-top: 8px;
                gap: 1rem;
            }
        }
        @media (max-width: 600px) {
            :root {
                --nav-height: 48px;
            }
            .nav-container {
                flex-direction: column;
                align-items: stretch;
                height: auto;
                padding: 0 0.1rem;
            }
            .left-group {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.22rem;
            }
            .nav-links {
                width: 100vw;
                gap: 0.45rem;
                font-size: 0.89rem;
                padding-bottom: 3px;
            }
            .right-group {
                flex-direction: row;
                width: 100%;
                justify-content: flex-end;
                margin-top: 4px;
                gap: 0.5rem;
            }
            .search-toggle {
                width: 32px;
                height: 32px;
                font-size: 1.05rem;
                min-width: 32px;
                min-height: 32px;
                padding: 0 3px;
            }
            .search-bar input[type="text"] {
                font-size: 0.97rem;
                padding: 5px 7px;
            }
        }

        /* Logo */
        .logo {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: var(--text);
            font-weight: 700;
            font-size: 1.8rem;
            letter-spacing: -0.5px;
            background: linear-gradient(45deg, var(--primary), var(--accent));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            transition: all 0.3s ease;
        }

        .logo:hover {
            transform: scale(1.05);
            filter: brightness(1.2);
        }

        /* Links de navegação */
        .nav-links {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }

        .nav-link {
            color: var(--text-secondary);
            text-decoration: none;
            font-size: 0.95rem;
            font-weight: 500;
            padding: 0.5rem 1rem;
            border-radius: 8px;
            transition: all 0.3s ease;
            position: relative;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .nav-link:hover {
            color: var(--text);
            transform: translateY(-2px);
            background: rgba(255, 255, 255, 0.1);
        }

        .nav-link.active {
            color: var(--text);
            background: linear-gradient(45deg, var(--primary), var(--accent));
            box-shadow: 0 4px 15px rgba(138, 43, 226, 0.25);
        }

        .nav-link i {
            font-size: 1.1rem;
        }

        /* Perfil do usuário */
        .user-profile {
            display: flex;
            align-items: center;
            padding: 0.5rem 1rem;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            transition: all 0.3s ease;
            text-decoration: none;
            color: var(--text);
        }

        .user-profile:hover {
            background: rgba(255, 255, 255, 0.15);
            transform: translateY(-2px);
        }

        .user-profile .username {
            font-size: 0.95rem;
            font-weight: 500;
            color: var(--text);
        }

        /* Botão de login */
        .login-button {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.6rem 1.2rem;
            background: linear-gradient(45deg, var(--primary), var(--accent));
            border: none;
            color: var(--text);
            text-decoration: none;
            border-radius: 10px;
            font-size: 0.95rem;
            font-weight: 500;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(138, 43, 226, 0.25);
        }

        .login-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(138, 43, 226, 0.3);
            filter: brightness(1.1);
        }

        /* Busca */
        .search-container {
            position: relative;
        }

        .search-toggle {
            background: rgba(255, 255, 255, 0.1);
            border: none;
            color: var(--text);
            width: 40px;
            height: 40px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .search-toggle:hover {
            background: rgba(255, 255, 255, 0.15);
            transform: translateY(-2px);
        }

        .search-bar {
            display: none;
            position: absolute;
            top: calc(100% + 1rem);
            right: 0;
            background: var(--background);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            padding: 1rem;
            width: 300px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
            animation: slideDown 0.3s ease;
        }

        .search-bar.active {
            display: block;
        }

        .search-bar input {
            width: 100%;
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: var(--text);
            font-size: 0.95rem;
            padding: 0.8rem 1rem;
            border-radius: 8px;
            outline: none;
            transition: all 0.3s ease;
        }

        .search-bar input:focus {
            border-color: var(--primary);
            box-shadow: 0 0 0 2px rgba(138, 43, 226, 0.2);
        }

        @media (max-width: 768px) {
            .nav-container {
                padding: 0 1rem;
            }

            .nav-links {
                gap: 1rem;
            }

            .user-profile .username {
                display: none;
            }

            .user-profile {
                padding: 0.4rem;
            }

            .user-profile .avatar {
                width: 32px;
                height: 32px;
            }
        }

        @media (max-width: 640px) {
            .nav-links {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                background: var(--background);
                padding: 0.8rem;
                justify-content: space-around;
                box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.2);
            }

            .nav-link {
                flex-direction: column;
                font-size: 0.8rem;
                padding: 0.5rem;
            }

            .nav-link i {
                font-size: 1.2rem;
            }

            .nav-link span {
                font-size: 0.7rem;
            }
        }
    </style>
    <script src="assets/js/dev-blocker.js"></script>
    <script>
        // Desabilita tecla F12
        document.onkeypress = function (event) {
            event = (event || window.event);
            if (event.keyCode == 123) {
                return false;
            }
        }
        // Desabilita clique direito
        document.onmousedown = function (event) {
            event = (event || window.event);
            if (event.button == 2) {
                return false;
            }
        }
    </script>
</head>
<body>
    <div id="telegram-notify" style="display:none;position:relative;">
      <div style="background:linear-gradient(90deg,#9b59b6,#6c3483);color:#fff;padding:12px 18px 12px 40px;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:18px;box-shadow:0 2px 18px #0003;z-index:2000;position:relative;">
        <i class="fab fa-telegram-plane" style="font-size:1.5em;"></i>
        <span>Entre em nosso canal no <b>Telegram</b> para novidades e avisos! <a href="https://t.me/otakuplayanimes" target="_blank" style="color:#fff;text-decoration:underline;font-weight:bold;">@otakuplayanimes</a></span>
        <button id="close-tg-notify" style="background:none;border:none;color:#fff;font-size:1.4em;margin-left:18px;cursor:pointer;">&times;</button>
      </div>
    </div>
    <header>
        <div class="nav-container">
            <div class="left-group">
                <a href="/" class="logo">
                    <span>OtakuPlay</span>
                </a>
                <nav class="nav-links">
                    <a href="/" class="nav-link ">
                        <i class="fas fa-home"></i>
                        <span>Início</span>
                    </a>
                    <a href="/lista.php" class="nav-link ">
                        <i class="fas fa-list"></i>
                        <span>Lista</span>
                    </a>
                    <a href="/lista.php#search" class="nav-link search-nav-link">
                        <i class="fas fa-search"></i>
                        <span>Buscar</span>
                    </a>
                    <a href="/episodios.php" class="nav-link ">
                        <i class="fas fa-heart"></i>
                        <span>Episódios</span>
                    </a>
                    <a href="/ranking.php" class="nav-link ">
                        <i class="fas fa-trophy"></i>
                        <span>Ranking</span>
                    </a>
                </nav>
            </div>

            <div class="right-group">
                <div class="search-container">
                    <button type="button" class="search-toggle">
                        <i class="fas fa-search"></i>
                    </button>
                    <form action="/lista.php" method="GET" class="search-bar">
                        <input type="hidden" name="genre" value="">
                        <input type="hidden" name="year" value="">
                        <input type="hidden" name="dubbed" value="">
                        <input type="text" name="search" placeholder="Buscar animes..." required>
                    </form>
                </div>

                <div class="user-section">
                                            <a href="/login.php" class="login-button">
                            <i class="fas fa-sign-in-alt"></i>
                            <span>Entrar</span>
                        </a>
                                    </div>
            </div>
        </div>
    </header>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const searchToggle = document.querySelector('.search-toggle');
            const searchBar = document.querySelector('.search-bar');
            const searchInput = searchBar.querySelector('input[name="search"]');

            // Função para abrir/fechar a busca
            searchToggle.addEventListener('click', function(e) {
                e.stopPropagation();
                searchBar.classList.toggle('active');
                if (searchBar.classList.contains('active')) {
                    searchInput.focus();
                }
            });

            // Fechar a busca quando clicar fora
            document.addEventListener('click', function(e) {
                if (!searchBar.contains(e.target) && !searchToggle.contains(e.target)) {
                    searchBar.classList.remove('active');
                }
            });

            // Evitar que a busca feche quando clicar dentro dela
            searchBar.addEventListener('click', function(e) {
                e.stopPropagation();
            });
        });
    </script>
<script>
(function() {
    const notifyKey = 'tg_notify_last';
    const notifyDiv = document.getElementById('telegram-notify');
    const closeBtn = document.getElementById('close-tg-notify');
    function shouldShow() {
        try {
            const last = localStorage.getItem(notifyKey);
            if (!last) return true;
            const lastDate = new Date(parseInt(last, 10));
            const now = new Date();
            // 7 dias = 604800000 ms
            return (now - lastDate) > 604800000;
        } catch(e) { return true; }
    }
    function hideNotify() {
        notifyDiv.style.display = 'none';
        try { localStorage.setItem(notifyKey, Date.now().toString()); } catch(e){}
    }
    if (shouldShow()) {
        notifyDiv.style.display = 'block';
        closeBtn.onclick = hideNotify;
    }
})();
</script>
</body>
</html>

<link rel="stylesheet" href="css/player.css">

<div class="player-page">
    <div class="player-main">
        <div class="player-container">
            <div class="video-info">
                <h1>Tales of Gods and Demons</h1>
                <p class="episode-title">Episódio 76</p>
                <div class="episode-actions">
                    <p class="views-count">
                        <i class="fas fa-eye"></i> 2 visualizações
                    </p>
                                            <a href="login.php" class="action-btn">
                            <i class="fas fa-sign-in-alt"></i> Faça login para interagir
                        </a>
                                        <button id="reportBtn" class="action-btn report-btn">
                        <i class="fas fa-exclamation-triangle"></i> Reportar Erro
                    </button>
                </div>
            </div>

            <div class="video-container">
                <iframe 
                    src="https://www.blogger.com/video.g?token=AD6v5dxIH8i_sVDvmTbbSo0VYI3dM4czQvR1awKQ2BF8ViyQAdC15m6vmU6Z1RE99YMbhwcToKdz9WKIWBmKEqGHku8e5u4yaqADZn26abcBAD11KBsouALg9QNXEVDBgDJwnrAJQMuA" 
                    frameborder="0" 
                    allowfullscreen>
                </iframe>
            </div>

            <div class="episode-navigation">
                                <a href="?title=Tales+of+Gods+and+Demons&episode=" class="nav-button prev-button">
                    <span class="nav-icon">←</span> Episódio Anterior
                </a>
                
                <a href="anime.php?title=Tales+of+Gods+and+Demons" class="nav-button list-button">
                    Lista de Episódios
                </a>

                                <a href="?title=Tales+of+Gods+and+Demons&episode=" class="nav-button next-button">
                    Próximo Episódio <span class="nav-icon">→</span>
                </a>
                            </div>

            <!-- Seção de Comentários -->
            <div class="comments-section">
                <h3>Comentários</h3>
                
                                    <div class="login-prompt">
                        <p><a href="login.php">Faça login</a> para deixar um comentário</p>
                    </div>
                
                <div class="comments-list">
                                    </div>
            </div>
        </div>
    </div>

    <div class="episodes-sidebar">
        <div class="episodes-header">
            <h3 class="episodes-title">Lista de Episódios</h3>
        </div>
        <div class="episodes-list">
            <!-- Debug: Episódio atual requisitado: 76 -->
            <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=1">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 1</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=2">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 2</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=3">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 3</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=4">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 4</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=5">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 5</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=6">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 6</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=7">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 7</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=8">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 8</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=9">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 9</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=10">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 10</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=11">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 11</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=12">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 12</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=13">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 13</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=14">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 14</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=15">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 15</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=16">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 16</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=17">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 17</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=18">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 18</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=19">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 19</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=20">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 20</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=21">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 21</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=22">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 22</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=23">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 23</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=24">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 24</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=25">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 25</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=26">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 26</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=27">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 27</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=28">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 28</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=29">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 29</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=30">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 30</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=31">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 31</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=32">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 32</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=33">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 33</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=34">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 34</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=35">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 35</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=36">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 36</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=37">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 37</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=38">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 38</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=39">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 39</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=40">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 40</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=41">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 41</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=42">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 42</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=43">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 43</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=44">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 44</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=45">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 45</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=46">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 46</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=47">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 47</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=48">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 48</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=49">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 49</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=50">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 50</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=51">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 51</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=52">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 52</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=53">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 53</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=54">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 54</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=55">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 55</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=56">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 56</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=57">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 57</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=58">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 58</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=59">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 59</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=60">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 60</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=61">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 61</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=62">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 62</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=63">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 63</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=64">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 64</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=65">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 65</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=66">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 66</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=67">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 67</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=68">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 68</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=69">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 69</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=70">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 70</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=71">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 71</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=72">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 72</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=73">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 73</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=74">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 74</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=75">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 75</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item active">
                <a href="?title=Tales+of+Gods+and+Demons&episode=76">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 76</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=77">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 77</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=78">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 78</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=79">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 79</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=80">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 80</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=81">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 81</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=82">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 82</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=83">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 83</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=84">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 84</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=85">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 85</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=86">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 86</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=87">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 87</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=88">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 88</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=89">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 89</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=90">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 90</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=91">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 91</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=92">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 92</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=93">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 93</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=94">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 94</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=95">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 95</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=96">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 96</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=97">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 97</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=98">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 98</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=99">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 99</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=100">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 100</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=101">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 101</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=102">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 102</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=103">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 103</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=104">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 104</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=105">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 105</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=106">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 106</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=107">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 107</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=108">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 108</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=109">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 109</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=110">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 110</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=111">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 111</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=112">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 112</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=113">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 113</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=114">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 114</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=115">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 115</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=116">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 116</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=117">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 117</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=118">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 118</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=119">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 119</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=120">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 120</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=121">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 121</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=122">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 122</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=123">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 123</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=124">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 124</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=125">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 125</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=126">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 126</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=127">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 127</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=128">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 128</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=129">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 129</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=130">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 130</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=131">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 131</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=132">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 132</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=133">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 133</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=134">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 134</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=135">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 135</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=136">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 136</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=137">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 137</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=138">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 138</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=139">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 139</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=140">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 140</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=141">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 141</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=142">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 142</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=143">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 143</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=144">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 144</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=145">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 145</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=146">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 146</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=147">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 147</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=148">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 148</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=149">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 149</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=150">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 150</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=151">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 151</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=152">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 152</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=153">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 153</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=154">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 154</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=155">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 155</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=156">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 156</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=157">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 157</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=158">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 158</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=159">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 159</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=160">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 160</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=161">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 161</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=162">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 162</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=163">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 163</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=164">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 164</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=165">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 165</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=166">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 166</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=167">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 167</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=168">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 168</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=169">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 169</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=170">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 170</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=171">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 171</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                        <div class="episode-item ">
                <a href="?title=Tales+of+Gods+and+Demons&episode=172">
                    <div class="episode-info">
                        <span class="episode-number">Episódio 172</span>
                        <span class="episode-title">Assistir Agora</span>
                    </div>
                </a>
            </div>
                    </div>
    </div>
</div>

<style>
.episode-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 10px 0;
}

.action-btn {
    padding: 8px 15px;
    border: none;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
}

.action-btn:hover {
    background: rgba(255, 255, 255, 0.2);
}

.action-btn.active {
    background: #007bff;
}

.report-btn {
    background-color: #ff4444;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.report-btn:hover {
    background-color: #cc0000;
}

.comments-section {
    margin-top: 30px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.comments-section h3 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 1.5em;
}

.comment-form {
    margin-bottom: 30px;
}

.comment-form textarea {
    width: 100%;
    min-height: 100px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    margin-bottom: 10px;
    resize: vertical;
}

.comment-form button[type="submit"] {
    padding: 10px 20px;
    background: #007bff;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    transition: background 0.3s;
}

.comment-form button[type="submit"]:hover {
    background: #0056b3;
}

.comment-form button[type="submit"]:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.comment-feedback {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    display: none;
}

.comment-feedback.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.comment-feedback.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.login-prompt {
    text-align: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.login-prompt a {
    color: #007bff;
    text-decoration: none;
}

.login-prompt a:hover {
    text-decoration: underline;
}

.comments-list {
    margin-top: 20px;
}

.comment {
    padding: 15px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 5px;
    margin-bottom: 15px;
}

.comment-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.7);
}

.comment-author {
    font-weight: bold;
    color: #007bff;
}

.comment-date {
    font-size: 0.9em;
}

.comment-content {
    color: #fff;
    line-height: 1.5;
}

/* Modal de Report */
.report-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
}

.report-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 90%;
    max-width: 500px;
}

.report-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.report-modal-close {
    cursor: pointer;
    font-size: 24px;
}

.report-form textarea {
    width: 100%;
    min-height: 100px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.report-form button {
    background-color: #ff4444;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}

.report-form button:hover {
    background-color: #cc0000;
}
</style>

<!-- Modal de Report -->
<div id="reportModal" class="report-modal">
    <div class="report-modal-content">
        <div class="report-modal-header">
            <h3>Reportar Erro</h3>
            <span class="report-modal-close">&times;</span>
        </div>
        <form id="reportForm" class="report-form">
            <textarea id="errorDescription" placeholder="Descreva o erro encontrado (opcional)"></textarea>
            <button type="submit">Enviar Report</button>
        </form>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Sistema de curtidas e marcação de assistido
    const likeBtn = document.getElementById('likeBtn');
    const watchedBtn = document.getElementById('watchedBtn');
    const videoIframe = document.querySelector('.video-container iframe');
    
    // Função para marcar como assistido
    function markAsWatched() {
        if (watchedBtn && !watchedBtn.classList.contains('active')) {
            fetch('ajax/toggle_watched.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    anime_title: 'Tales of Gods and Demons',
                    episode_number: '76'
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    watchedBtn.classList.add('active');
                }
            });
        }
    }

    // Detectar quando o vídeo começa a ser reproduzido
    if (videoIframe) {
        videoIframe.addEventListener('load', function() {
            setTimeout(markAsWatched, 5000); // Marca como assistido após 5 segundos de carregamento do vídeo
        });
    }
    
    if (likeBtn) {
        likeBtn.addEventListener('click', function() {
            fetch('ajax/toggle_like.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    anime_title: 'Tales of Gods and Demons',
                    episode_number: '76'
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    this.classList.toggle('active');
                }
            });
        });
    }
    
    if (watchedBtn) {
        watchedBtn.addEventListener('click', function() {
            fetch('ajax/toggle_watched.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    anime_title: 'Tales of Gods and Demons',
                    episode_number: '76'
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    this.classList.toggle('active');
                }
            });
        });
    }

    // Sistema de comentários
    const commentForm = document.getElementById('commentForm');
    const submitButton = document.getElementById('submitComment');
    const feedbackDiv = document.querySelector('.comment-feedback');

    if (commentForm) {
        commentForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            // Desabilitar o botão durante o envio
            submitButton.disabled = true;
            submitButton.textContent = 'Enviando...';
            
            const commentText = this.querySelector('textarea').value;
            const commentsList = document.querySelector('.comments-list');
            const animeTitle = document.getElementById('animeTitle').value;
            const episodeNumber = document.getElementById('episodeNumber').value;
            
            fetch('ajax/add_comment.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    anime_title: animeTitle,
                    episode_number: episodeNumber,
                    comment: commentText
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    // Mostrar feedback de sucesso
                    showFeedback('Comentário enviado com sucesso!', 'success');
                    
                    // Criar novo elemento de comentário
                    const newComment = document.createElement('div');
                    newComment.className = 'comment';
                    newComment.innerHTML = `
                        <div class="comment-header">
                            <span class="comment-author">Usuário</span>
                            <span class="comment-date">${new Date().toLocaleString()}</span>
                        </div>
                        <div class="comment-content">
                            ${commentText.replace(/\n/g, '<br>')}
                        </div>
                    `;
                    
                    // Adicionar o novo comentário no topo da lista
                    if (commentsList.firstChild) {
                        commentsList.insertBefore(newComment, commentsList.firstChild);
                    } else {
                        commentsList.appendChild(newComment);
                    }
                    
                    // Limpar o campo de comentário
                    this.querySelector('textarea').value = '';
                } else {
                    showFeedback(data.message || 'Erro ao enviar comentário', 'error');
                }
            })
            .catch(error => {
                showFeedback('Erro ao enviar comentário. Tente novamente.', 'error');
                console.error('Erro:', error);
            })
            .finally(() => {
                // Reabilitar o botão após o envio
                submitButton.disabled = false;
                submitButton.textContent = 'Enviar Comentário';
            });
        });
    }

    function showFeedback(message, type) {
        feedbackDiv.textContent = message;
        feedbackDiv.className = `comment-feedback ${type}`;
        feedbackDiv.style.display = 'block';
        
        // Esconder o feedback após 5 segundos
        setTimeout(() => {
            feedbackDiv.style.display = 'none';
        }, 5000);
    }

    // Função para rolar até o episódio ativo
    function scrollToActiveEpisode() {
        const activeEpisode = document.querySelector('.episode-item.active');
        if (activeEpisode) {
            const episodesList = document.querySelector('.episodes-list');
            const episodesListRect = episodesList.getBoundingClientRect();
            const activeEpisodeRect = activeEpisode.getBoundingClientRect();
            
            // Calcula a posição para centralizar o episódio ativo
            const scrollPosition = activeEpisode.offsetTop - (episodesList.clientHeight / 2) + (activeEpisode.clientHeight / 2);
            
            // Aplica o scroll suave
            episodesList.scrollTo({
                top: Math.max(0, scrollPosition),
                behavior: 'smooth'
            });
        }
    }

    // Executa quando a página carrega
    scrollToActiveEpisode();
});

// Sistema de report de erros
document.addEventListener('DOMContentLoaded', function() {
    const reportBtn = document.getElementById('reportBtn');
    const reportModal = document.getElementById('reportModal');
    const reportForm = document.getElementById('reportForm');
    const closeBtn = document.querySelector('.report-modal-close');
    
    // Abrir modal
    reportBtn.addEventListener('click', function() {
        reportModal.style.display = 'block';
    });
    
    // Fechar modal
    closeBtn.addEventListener('click', function() {
        reportModal.style.display = 'none';
    });
    
    // Fechar modal ao clicar fora
    window.addEventListener('click', function(e) {
        if (e.target == reportModal) {
            reportModal.style.display = 'none';
        }
    });
    
    // Enviar report
    reportForm.addEventListener('submit', function(e) {
        e.preventDefault();
        
        const errorDescription = document.getElementById('errorDescription').value;
        const animeTitle = 'Tales of Gods and Demons';
        const episodeNumber = '76';
        
        fetch('/ajax/update_report.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded',
            },
            body: `anime_title=${encodeURIComponent(animeTitle)}&episode_number=${encodeURIComponent(episodeNumber)}&error_description=${encodeURIComponent(errorDescription)}`
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                alert('Report enviado com sucesso! Obrigado por nos ajudar a melhorar.');
                reportModal.style.display = 'none';
                reportForm.reset();
            } else {
                alert('Erro ao enviar report. Por favor, tente novamente.');
            }
        })
        .catch(error => {
            console.error('Erro:', error);
            alert('Erro ao enviar report. Por favor, tente novamente.');
        });
    });
});
</script>

<footer>
    <div class="footer-content">
        <div class="footer-section">
            <h3>Sobre OtakuPlay</h3>
            <p>O melhor site para assistir animes online gratuitamente, com uma grande variedade de títulos legendados e dublados.</p>
            <div class="social-links">
                <a href="https://t.me/otakuplayanimes" target="_blank" title="Telegram">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                        <path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/>
                    </svg>
                </a>
            </div>
        </div>
        
        <div class="footer-section">
            <h3>Links Úteis</h3>
            <ul>
                <li><a href="/dmca.php">DMCA</a></li>
                <li><a href="/termos.php">Termos de Uso</a></li>
                <li><a href="/privacidade.php">Política de Privacidade</a></li>
                <li><a href="/contato.php">Contato</a></li>
            </ul>
        </div>
        
        <div class="footer-section">
            <h3>Categorias</h3>
            <ul>
                <li><a href="/categoria/acao">Ação</a></li>
                <li><a href="/categoria/aventura">Aventura</a></li>
                <li><a href="/categoria/comedia">Comédia</a></li>
                <li><a href="/categoria/romance">Romance</a></li>
            </ul>
        </div>
        
    
    <div class="footer-bottom">
        <p>&copy; 2025 OtakuPlay. Todos os direitos reservados.</p>
        <p>Este site não armazena nenhum dos arquivos em seu servidor. Todo o conteúdo é fornecido por terceiros.</p>
    </div>
</footer>

<style>
.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 4rem 2rem;
}

.footer-section h3 {
    color: var(--primary-color);
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
}

.footer-section p {
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.social-links {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

.social-links a {
    color: var(--text-secondary);
    transition: color var(--transition-speed);
}

.social-links a:hover {
    color: var(--primary-color);
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 0.8rem;
}

.footer-section ul a {
    color: var(--text-secondary);
    text-decoration: none;
    transition: color var(--transition-speed);
}

.footer-section ul a:hover {
    color: var(--text-primary);
}

.newsletter-form {
    display: flex;
    gap: 0.5rem;
}

.newsletter-form input {
    flex: 1;
    padding: 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--border-radius);
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
}

.newsletter-form button {
    padding: 0.8rem 1.5rem;
    background: var(--gradient-primary);
    border: none;
    border-radius: var(--border-radius);
    color: var(--text-primary);
    cursor: pointer;
    transition: all var(--transition-speed);
}

.newsletter-form button:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-soft);
}

.footer-bottom {
    text-align: center;
    padding: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom p {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .footer-content {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        padding: 2rem 1rem;
    }

    .newsletter-form {
        flex-direction: column;
    }

    .newsletter-form button {
        width: 100%;
    }
}
</style>
</body>
</html>