wagtail-enap-designsystem 1.2.1.144__py3-none-any.whl → 1.2.1.146__py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.


This version of wagtail-enap-designsystem might be problematic. Click here for more details.

Files changed (41) hide show
  1. enap_designsystem/blocks/__init__.py +2 -0
  2. enap_designsystem/blocks/content_blocks.py +2 -1
  3. enap_designsystem/blocks/html_blocks.py +154 -77
  4. enap_designsystem/blocks/semana_blocks.py +1 -1
  5. enap_designsystem/migrations/0415_showcasecomponentesdireto_debug_mode_and_more.py +77346 -0
  6. enap_designsystem/migrations/0416_alter_showcasecomponentesdireto_debug_mode_and_more.py +33 -0
  7. enap_designsystem/migrations/0417_alter_showcasecomponentesdireto_options_and_more.py +53 -0
  8. enap_designsystem/models.py +798 -147
  9. enap_designsystem/static/enap_designsystem/blocks/accordions.css +1 -0
  10. enap_designsystem/static/enap_designsystem/blocks/apresentacao_block.css +174 -0
  11. enap_designsystem/static/enap_designsystem/blocks/cards_section.css +112 -0
  12. enap_designsystem/static/enap_designsystem/blocks/cards_titles.css +229 -0
  13. enap_designsystem/static/enap_designsystem/blocks/carousel_images.css +323 -0
  14. enap_designsystem/static/enap_designsystem/blocks/carousel_responsive.css +522 -0
  15. enap_designsystem/static/enap_designsystem/blocks/carousel_responsivo_snippet.css +294 -0
  16. enap_designsystem/static/enap_designsystem/blocks/clientes_block.css +146 -0
  17. enap_designsystem/static/enap_designsystem/blocks/semana.css +6 -5
  18. enap_designsystem/templates/enap_designsystem/base.html +8 -1
  19. enap_designsystem/templates/enap_designsystem/blocks/apresentacao_block.html +25 -29
  20. enap_designsystem/templates/enap_designsystem/blocks/apresentacao_simple_block.html +14 -15
  21. enap_designsystem/templates/enap_designsystem/blocks/banner.html +14 -1
  22. enap_designsystem/templates/enap_designsystem/blocks/banner_logo.html +15 -1
  23. enap_designsystem/templates/enap_designsystem/blocks/card_block.html +2 -2
  24. enap_designsystem/templates/enap_designsystem/blocks/cards_section.html +2 -109
  25. enap_designsystem/templates/enap_designsystem/blocks/cards_titles.html +31 -30
  26. enap_designsystem/templates/enap_designsystem/blocks/carousel.html +1 -187
  27. enap_designsystem/templates/enap_designsystem/blocks/carousel_images.html +17 -314
  28. enap_designsystem/templates/enap_designsystem/blocks/carousel_responsive.html +0 -328
  29. enap_designsystem/templates/enap_designsystem/blocks/carousel_responsivo_snippet.html +3 -197
  30. enap_designsystem/templates/enap_designsystem/blocks/clientes_block.html +9 -152
  31. enap_designsystem/templates/enap_designsystem/blocks/footer_block.html +122 -0
  32. enap_designsystem/templates/enap_designsystem/blocks/logos_simple_block.html +1 -22
  33. enap_designsystem/templates/enap_designsystem/blocks/section_block.html +1 -1
  34. enap_designsystem/templates/enap_designsystem/blocks/video_hero_banner.html +4 -10
  35. enap_designsystem/templates/enap_designsystem/pages/showcase_components.html +1168 -444
  36. enap_designsystem/templates/enap_designsystem/semana_inovacao/blocks_menu_navigation.html +2 -2
  37. {wagtail_enap_designsystem-1.2.1.144.dist-info → wagtail_enap_designsystem-1.2.1.146.dist-info}/METADATA +1 -1
  38. {wagtail_enap_designsystem-1.2.1.144.dist-info → wagtail_enap_designsystem-1.2.1.146.dist-info}/RECORD +41 -30
  39. {wagtail_enap_designsystem-1.2.1.144.dist-info → wagtail_enap_designsystem-1.2.1.146.dist-info}/WHEEL +0 -0
  40. {wagtail_enap_designsystem-1.2.1.144.dist-info → wagtail_enap_designsystem-1.2.1.146.dist-info}/licenses/LICENSE +0 -0
  41. {wagtail_enap_designsystem-1.2.1.144.dist-info → wagtail_enap_designsystem-1.2.1.146.dist-info}/top_level.txt +0 -0
@@ -59,6 +59,7 @@ body {
59
59
  margin: auto;
60
60
  width: 100%;
61
61
  margin-bottom: 20px;
62
+ border-radius: 20px;
62
63
  }
63
64
 
64
65
  .accordion:active{
@@ -0,0 +1,174 @@
1
+ /* Estilos gerais */
2
+ .secao-display {
3
+ padding: 90px 0;
4
+ }
5
+
6
+ .secao-cabecalho {
7
+ font-size: 48px !important;
8
+ font-weight: 500;
9
+ margin-bottom: 2rem;
10
+ }
11
+
12
+ .secao-conteudo-cartoes {
13
+ max-width: 1142px;
14
+ margin: 0 auto;
15
+ padding: 45px;
16
+ }
17
+
18
+ .secao-texto {
19
+ font-size: 1.125rem;
20
+ line-height: 1.75;
21
+ }
22
+
23
+ /* Forçar cores do richtext */
24
+ .secao-display .secao-texto * {
25
+ color: inherit !important;
26
+ }
27
+
28
+ /* Grid de Cards */
29
+ .secao-cartoes {
30
+ display: grid;
31
+ gap: 2rem;
32
+ margin-top: 3rem;
33
+ }
34
+
35
+ /* Grid responsivo baseado na escolha */
36
+ .cards-grid-1 {
37
+ grid-template-columns: 1fr;
38
+ max-width: 600px;
39
+ margin-left: auto;
40
+ margin-right: auto;
41
+ }
42
+
43
+ .cards-grid-2 {
44
+ grid-template-columns: 1fr;
45
+ max-width: 800px;
46
+ margin-left: auto;
47
+ margin-right: auto;
48
+ }
49
+
50
+ @media (min-width: 768px) {
51
+ .cards-grid-2 {
52
+ grid-template-columns: repeat(2, 1fr);
53
+ }
54
+ }
55
+
56
+ .cards-grid-3 {
57
+ grid-template-columns: 1fr;
58
+ }
59
+
60
+ @media (min-width: 768px) {
61
+ .cards-grid-3 {
62
+ grid-template-columns: repeat(2, 1fr);
63
+ }
64
+ }
65
+
66
+ @media (min-width: 1024px) {
67
+ .cards-grid-3 {
68
+ grid-template-columns: repeat(3, 1fr);
69
+ }
70
+ }
71
+
72
+ .cards-grid-4 {
73
+ grid-template-columns: 1fr;
74
+ }
75
+
76
+ @media (min-width: 768px) {
77
+ .cards-grid-4 {
78
+ grid-template-columns: repeat(2, 1fr);
79
+ }
80
+ }
81
+
82
+ @media (min-width: 1024px) {
83
+ .cards-grid-4 {
84
+ grid-template-columns: repeat(4, 1fr);
85
+ }
86
+ }
87
+
88
+ .cards-grid-5 {
89
+ grid-template-columns: 1fr;
90
+ }
91
+
92
+ @media (min-width: 640px) {
93
+ .cards-grid-5 {
94
+ grid-template-columns: repeat(2, 1fr);
95
+ }
96
+ }
97
+
98
+ @media (min-width: 768px) {
99
+ .cards-grid-5 {
100
+ grid-template-columns: repeat(3, 1fr);
101
+ }
102
+ }
103
+
104
+ @media (min-width: 1024px) {
105
+ .cards-grid-5 {
106
+ grid-template-columns: repeat(4, 1fr);
107
+ }
108
+ }
109
+
110
+ @media (min-width: 1280px) {
111
+ .cards-grid-5 {
112
+ grid-template-columns: repeat(5, 1fr);
113
+ }
114
+ }
115
+
116
+ /* Estilos do Card */
117
+ .secao-cartao {
118
+ text-align: center;
119
+ padding: 0px;
120
+ }
121
+
122
+ .cartao-simbolo {
123
+ margin-bottom: 1.5rem;
124
+ width: 60px;
125
+ height: 60px;
126
+ border-radius: 50%;
127
+ }
128
+
129
+ .cartao-simbolo i {
130
+ font-size: 2rem;
131
+ color: #FFFFFF;
132
+ width: 60px;
133
+ height: 60px;
134
+ border-radius: 50%;
135
+ display: flex;
136
+ align-items: center;
137
+ justify-content: center;
138
+ margin: 0 auto;
139
+ }
140
+
141
+ .cartao-cabecalho {
142
+ font-size: 1.25rem;
143
+ font-weight: 600;
144
+ color: #FFFFFF;
145
+ margin-bottom: 1rem;
146
+ line-height: 1.4;
147
+ text-align: left;
148
+ }
149
+
150
+ .cartao-texto {
151
+ font-size: 0.95rem;
152
+ color: rgba(255, 255, 255, 0.9);
153
+ line-height: 1.6;
154
+ margin: 0;
155
+ text-align: left;
156
+ }
157
+
158
+ /* Responsividade mobile */
159
+ @media (max-width: 767px) {
160
+ .secao-conteudo-cartoes {
161
+ padding: 2rem;
162
+ }
163
+
164
+ .secao-cartoes {
165
+ gap: 2.5rem;
166
+ margin-top: 2rem;
167
+ }
168
+
169
+ .cartao-simbolo i {
170
+ font-size: 2.5rem;
171
+ width: 70px;
172
+ height: 70px;
173
+ }
174
+ }
@@ -0,0 +1,112 @@
1
+ .enap-cards-section {
2
+ padding: 60px 20px;
3
+ background-color: #ffffff;
4
+ }
5
+
6
+ .enap-cards-container {
7
+ max-width: 1142px;
8
+ margin: 0 auto;
9
+ }
10
+
11
+ .enap-section-header {
12
+ margin-bottom: 50px;
13
+ }
14
+
15
+ .enap-section-title {
16
+ font-size: 32px;
17
+ font-weight: 700;
18
+ color: #024248;
19
+ margin: 0 0 15px 0;
20
+ line-height: 1.2;
21
+ }
22
+
23
+ .enap-section-subtitle {
24
+ font-size: 18px;
25
+ color: #024248;
26
+ margin: 0;
27
+ max-width: 600px;
28
+ }
29
+
30
+ .enap-cards-grid {
31
+ display: grid;
32
+ gap: 30px;
33
+ grid-template-columns: 1fr;
34
+ }
35
+
36
+ /* Responsive Grid */
37
+ @media (min-width: 768px) {
38
+ .enap-cards-grid.grid-2 { grid-template-columns: repeat(2, 1fr); }
39
+ .enap-cards-grid.grid-3 { grid-template-columns: repeat(3, 1fr); }
40
+ .enap-cards-grid.grid-4 { grid-template-columns: repeat(4, 1fr); }
41
+ }
42
+
43
+ .enap-card {
44
+ overflow: hidden;
45
+ transition: all 0.3s ease;
46
+ }
47
+
48
+ .enap-card:hover {
49
+ transform: translateY(-4px);
50
+ }
51
+
52
+ .enap-card-image {
53
+ width: 100%;
54
+ height: 350px;
55
+ object-fit: cover;
56
+ display: block;
57
+ object-position: top;
58
+ border-radius: 12px;
59
+ }
60
+
61
+ .enap-card-content {
62
+ padding: 24px 0;
63
+ }
64
+
65
+ .enap-card-title {
66
+ font-size: 20px;
67
+ font-weight: 600;
68
+ color: #2d3748;
69
+ margin: 0 0 8px 0;
70
+ line-height: 1.3;
71
+ }
72
+
73
+ .enap-card-subtitle {
74
+ font-size: 14px;
75
+ color:#000;
76
+ font-weight: 500;
77
+ margin: 0 0 12px 0;
78
+ }
79
+
80
+ .enap-card-description {
81
+ color: #4a5568;
82
+ margin: 0 0 16px 0;
83
+ line-height: 1.5;
84
+ font-size: 14px;
85
+ }
86
+
87
+ .enap-card-link {
88
+ display: inline-flex;
89
+ align-items: center;
90
+ color: #007D7A;
91
+ font-weight: 500;
92
+ text-decoration: none;
93
+ font-size: 14px;
94
+ transition: color 0.2s ease;
95
+ display: flex;
96
+ gap: 6px;
97
+ }
98
+
99
+ .enap-card-link:hover {
100
+ color: #047857;
101
+ }
102
+
103
+ .enap-card-link-arrow {
104
+ width: 16px;
105
+ height: 16px;
106
+ margin-left: 6px;
107
+ transition: transform 0.2s ease;
108
+ }
109
+
110
+ .enap-card-link:hover .enap-card-link-arrow {
111
+ transform: translateX(3px);
112
+ }
@@ -0,0 +1,229 @@
1
+ .secao-apresentacao-cards {
2
+ position: relative;
3
+ min-height: 500px;
4
+ }
5
+
6
+ .secao-background {
7
+ position: relative;
8
+ width: 100%;
9
+ min-height: 500px;
10
+ padding: 80px 0;
11
+ }
12
+
13
+ .secao-overlay {
14
+ position: relative;
15
+ top: 0;
16
+ left: 0;
17
+ right: 0;
18
+ bottom: 0;
19
+ backdrop-filter: blur(0.5px);
20
+ display: flex;
21
+ }
22
+
23
+ .card-item {
24
+ width: 100%;
25
+ flex: 0 0 268px;
26
+ display: flex;
27
+ flex-direction: column;
28
+ align-items: center;
29
+ justify-content: center;
30
+ text-align: center;
31
+ height: auto;
32
+ box-shadow: unset;
33
+ font-weight: 500;
34
+ padding: 0px;
35
+ text-decoration: none;
36
+ border-radius: 20px;
37
+ }
38
+
39
+ .titulo-secao {
40
+ line-height: 1.2;
41
+ text-align: center;
42
+ margin-bottom: 0;
43
+ font-weight: 500;
44
+ font-size: 48px;
45
+ letter-spacing: 0px;
46
+ }
47
+
48
+ .subtitulo-secao p {
49
+ text-align: center;
50
+ font-family: Georama;
51
+ font-weight: 400;
52
+ font-size: 21px;
53
+ line-height: 160%;
54
+ letter-spacing: 0px;
55
+ }
56
+
57
+ .cards-container {
58
+ display: grid;
59
+ gap: 2rem;
60
+ max-width: 1142px;
61
+ width: 100%;
62
+ margin: 0 auto;
63
+ }
64
+
65
+ /* Layouts responsivos */
66
+ .cards-1-coluna {
67
+ grid-template-columns: 1fr;
68
+ }
69
+
70
+ .cards-2-colunas {
71
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
72
+ max-width: 800px;
73
+ }
74
+
75
+ .cards-3-colunas {
76
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
77
+ max-width: 1000px;
78
+ }
79
+
80
+ .cards-4-colunas {
81
+ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
82
+ }
83
+
84
+ .cards-5-colunas {
85
+ grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
86
+ }
87
+
88
+ .card-apresentacao {
89
+ border-radius: 12px;
90
+ overflow: hidden;
91
+ transition: all 0.3s ease;
92
+ backdrop-filter: blur(10px);
93
+ border: 1px solid rgba(255, 255, 255, 0.1);
94
+ height: 100%;
95
+ display: flex;
96
+ flex-direction: column;
97
+ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
98
+ }
99
+
100
+ .card-apresentacao:hover {
101
+ transform: translateY(-8px);
102
+ border-color: rgba(255, 255, 255, 0.2);
103
+ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
104
+ }
105
+
106
+ .card-imagem {
107
+ position: relative;
108
+ height: auto;
109
+ overflow: hidden;
110
+ }
111
+
112
+ .card-img {
113
+ width: 100%;
114
+ height: auto;
115
+ object-fit: cover;
116
+ transition: transform 0.3s ease;
117
+ }
118
+
119
+ .card-apresentacao:hover .card-img {
120
+ transform: scale(1.05);
121
+ }
122
+
123
+ .card-conteudo {
124
+ padding: 1.5rem;
125
+ flex: 1;
126
+ display: flex;
127
+ flex-direction: column;
128
+ align-items: flex-start;
129
+ }
130
+
131
+ .card-titulo {
132
+ font-size: 21px;
133
+ font-weight: 500;
134
+ margin-bottom: 0.5rem;
135
+ line-height: 1.4;
136
+ text-align: left;
137
+ }
138
+
139
+ .card-subtitulo {
140
+ font-size: 0.9rem;
141
+ font-weight: 400;
142
+ margin-bottom: 1rem;
143
+ font-style: italic;
144
+ }
145
+
146
+ .card-descricao {
147
+ flex: 1;
148
+ font-size: 0.95rem;
149
+ line-height: 1.6;
150
+ margin-bottom: 1rem;
151
+ text-align: left;
152
+ }
153
+
154
+ .card-acao {
155
+ margin-top: auto;
156
+ padding-top: 24px;
157
+ }
158
+
159
+ .card-link {
160
+ display: inline-flex;
161
+ align-items: center;
162
+ gap: 0.5rem;
163
+ font-size: 0.95rem;
164
+ font-weight: 500;
165
+ text-decoration: none;
166
+ transition: all 0.3s ease;
167
+ }
168
+
169
+ .link-arrow {
170
+ transition: transform 0.3s ease;
171
+ }
172
+
173
+ /* Responsividade */
174
+ @media (max-width: 768px) {
175
+ .titulo-secao {
176
+ font-size: 2rem;
177
+ }
178
+
179
+ .cards-container {
180
+ grid-template-columns: 1fr;
181
+ gap: 1.5rem;
182
+ }
183
+
184
+ .card-imagem {
185
+ height: 160px;
186
+ }
187
+
188
+ .card-conteudo {
189
+ padding: 1.25rem;
190
+ }
191
+
192
+ .card-titulo {
193
+ font-size: 1.1rem;
194
+ }
195
+
196
+ .card-subtitulo {
197
+ font-size: 0.85rem;
198
+ }
199
+ }
200
+
201
+ @media (max-width: 480px) {
202
+ .titulo-secao {
203
+ font-size: 1.75rem;
204
+ }
205
+
206
+ .container {
207
+ padding-left: 1rem;
208
+ padding-right: 1rem;
209
+ }
210
+
211
+ .card-imagem {
212
+ height: 140px;
213
+ }
214
+
215
+ .card-conteudo {
216
+ padding: 1rem;
217
+ }
218
+
219
+ .card-titulo {
220
+ font-size: 1rem;
221
+ }
222
+ }
223
+
224
+ .titulo-cards{
225
+ display: flex;
226
+ flex-direction: column;
227
+ justify-content: center;
228
+ gap: 48px;
229
+ }