An error occurred while processing the template.
Can't convert this string to number: ""
The blamed expression:
==> currentPage?number  [in template "785690848#785690894#787275778" at line 224, column 53]

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${(navEntry?index == currentPage?numb...  [in template "785690848#785690894#787275778" at line 224, column 32]
----
1<#--   
2    Widget Template 
3    Type: Navigation Menu 
4    Name: [pt] Menu em abas 
5--> 
6 
7 
8<style> 
9#klabin-aba-dinamica { 
10  margin-bottom: 47px; 
11  position: relative; 
12
13 
14#klabin-aba-dinamica .dropdown-list { 
15  max-width: 335px; 
16  height: 50px; 
17  list-style: none; 
18  background: #F7F7F7 url(/documents/785690889/0/arrow-down.svg/89ba6f12-d6d7-c681-42ee-00a0a3c460c9?t=1654286561769) no-repeat center; 
19  background-position-x: 95%; 
20  padding-right: 40px; 
21  padding-left: 20px; 
22  position: relative; 
23  margin-top: 25px; 
24  margin-right: auto; 
25  margin-left: auto; 
26  border: 1px solid #D7D4CE; 
27  border-radius: 26px; 
28  box-sizing: border-box; 
29  box-shadow: -1px -1px 2px rgba(213, 210, 203, 0.5), inset 2px -2px 4px rgba(213, 210, 203, 0.2),  
30              inset -2px -2px 3px rgba(255, 255, 255, 0.9), inset 2px 2px 5px rgba(190, 187, 180, 0.9); 
31  cursor: pointer; 
32  overflow: hidden; 
33
34 
35#klabin-aba-dinamica .dropdown-list:not(.show) { 
36  display: none; 
37
38 
39#klabin-aba-dinamica .dropdown-list .dropdown-list-itens { 
40  width: 100%; 
41  background: #FFFFFF; 
42  border: solid 1px #D7D4CE; 
43  padding-left: 0; 
44  position: absolute; 
45  margin-bottom: 0; 
46  top: 100%; 
47  left: 0; 
48  z-index: 99; 
49
50 
51#klabin-aba-dinamica .dropdown-list .dropdown-list-itens li a { 
52  color: #009530; 
53  padding: 15px 20px; 
54  display: flex; 
55  align-items: center; 
56
57 
58#klabin-aba-dinamica .dropdown-list .dropdown-list-itens li a.active { 
59  background: rgba(0, 0, 0, 0.12); 
60  color: #009530; 
61
62 
63#klabin-aba-dinamica .dropdown-list .dropdown-list-itens li:not(:last-child) a { 
64  border-bottom: 1px solid rgba(0, 0, 0, 0.12); 
65
66 
67#klabin-aba-dinamica .dropdown-list li { 
68  outline: none; 
69  display: block; 
70  cursor: pointer; 
71
72 
73#klabin-aba-dinamica .dropdown-list li a, 
74#klabin-aba-dinamica .dropdown-list .dropdown-list-current { 
75  height: 60px; 
76  font-family: 'Raleway', sans-serif; 
77  font-size: 14px; 
78  line-height: 17px; 
79  font-weight: 600; 
80  text-transform: uppercase; 
81  color: #009530; 
82  text-decoration: none; 
83
84 
85#klabin-aba-dinamica .dropdown-list .dropdown-list-current { 
86  height: 30px; 
87  line-height: 17px; 
88  max-width: 260px; 
89  position: absolute; 
90  top: -37px; 
91  left: 20px; 
92  display: flex; 
93  align-items: center; 
94
95 
96#klabin-aba-dinamica .aba-container { 
97  max-width: 1200px; 
98  margin-right: auto; 
99  margin-left: auto; 
100  display: flex; 
101  justify-content: center; 
102  align-items: center; 
103
104 
105#klabin-aba-dinamica .aba-container ul.tab-wrapper { 
106  list-style-type: none; 
107  padding: 0; 
108  margin-bottom: 0; 
109  display: flex; 
110  justify-content: center; 
111  align-items: flex-end; 
112
113 
114#klabin-aba-dinamica .aba-container ul.tab-wrapper a { 
115  font-family: 'Raleway', sans-serif; 
116  font-size: 14px; 
117  line-height: 16px; 
118  font-weight: 700; 
119  color: #303030; 
120  text-transform: uppercase; 
121  text-align: center; 
122  position: relative; 
123  display: flex; 
124  flex-direction: column; 
125  justify-content: space-between; 
126
127 
128#klabin-aba-dinamica .aba-container ul.tab-wrapper li { 
129  min-width: 215px; 
130  max-width: 215px; 
131
132 
133#klabin-aba-dinamica .aba-container ul.tab-wrapper li.active a { 
134  color: #303030; 
135
136 
137#klabin-aba-dinamica .aba-container ul.tab-wrapper li:not(:last-child) { 
138  margin-right: 5px; 
139
140 
141#klabin-aba-dinamica .aba-container ul.tab-wrapper li .tab-default { 
142  height: 7px; 
143  background: #D8EC00; 
144  border: 1px solid #D8EC00; 
145  margin-top: 10px; 
146
147 
148#klabin-aba-dinamica .aba-container ul.tab-wrapper li.active .tab-default { 
149  height: 7px; 
150  background: transparent; 
151  border: 1px solid #D8EC00; 
152  margin-top: 10px; 
153
154 
155#klabin-aba-dinamica .tab { 
156  cursor: pointer; 
157
158 
159@media (min-width: 1025px){ 
160  #klabin-aba-dinamica { 
161    margin-top: 35px; 
162
163 
164  #klabin-aba-dinamica .dropdown-list { 
165    display: none; 
166
167
168 
169@media (max-width: 1024px){ 
170  #klabin-aba-dinamica .aba-container ul.tab-wrapper { 
171    display: none; 
172
173
174 
175@media (max-width: 900px){ 
176  #klabin-aba-dinamica .aba-container ul.tab-wrapper a { 
177    font-size: 12px; 
178    line-height: 14px; 
179
180 
181  #klabin-aba-dinamica .aba-container ul.tab-wrapper li { 
182    min-width: 180px; 
183
184
185 
186@media (max-width: 768px){ 
187  #klabin-aba-dinamica .aba-container ul.tab-wrapper li { 
188    min-width: 110px; 
189
190
191 
192@media (max-width: 640px){ 
193  #klabin-aba-dinamica .aba-container ul.tab-wrapper a { 
194    font-size: 12px; 
195    line-height: 14px; 
196
197
198 
199@media (max-width: 480px){ 
200  #klabin-aba-dinamica .aba-container ul.tab-wrapper li { 
201    min-width: auto; 
202
203
204 
205@media (max-width: 420px){ 
206  #klabin-aba-dinamica .aba-container ul.tab-wrapper a { 
207    font-size: 11px; 
208    line-height: 13px; 
209
210
211</style> 
212 
213<#attempt> 
214    <#assign currentPage = getterUtil.getString(themeDisplay.getThemeSetting("rs-active-tabs-menu")) /> 
215<#recover> 
216    <#assign currentPage = 0 /> 
217</#recover> 
218 
219<div id="klabin-aba-dinamica"> 
220    <div class="aba-container"> 
221        <#if entries?has_content> 
222            <ul class="tab-wrapper"> 
223                <#list entries as navEntry> 
224                    <li class="${(navEntry?index == currentPage?number)?string('active', '')}"> 
225                        <a href="${navEntry.getURL()}" class="tab">${navEntry.getName()}</a> 
226                        <div class="${(navEntry?index == currentPage?number)?string('tab-default', 'tab-default')}"></div> 
227                    </li> 
228                </#list> 
229            </ul> 
230        </#if> 
231    </div> 
232    <ul class="dropdown-list"> 
233        <div class="dropdown-list-itens"> 
234          <#if entries?has_content> 
235          <#assign count = 1 /> 
236            <ul class="tab-wrapper"> 
237                <#list entries as navEntry> 
238                    <#assign teste = "${(navEntry?index == currentPage?number)?string('dropdown-list-current', '')}" /> 
239                        <#if teste?? && teste != ""> 
240                         <li class="${(navEntry?index == currentPage?number)?string('dropdown-list-current', '')}">${navEntry.getName()}</li> 
241                        <#else> 
242                            <li class="${(navEntry?index == currentPage?number)?string('dropdown-list-current', '')}"> 
243                                <a href="${navEntry.getURL()}">${navEntry.getName()}</a> 
244                            </li> 
245                        </#if> 
246                     
247                         
248                </#list> 
249            </ul> 
250        </#if> 
251      </div> 
252    </ul> 
253</div> 
254 
255<script> 
256  
257  var handleSelect = function() { 
258  var selectDropdown = document.getElementById("dropdown"); 
259  var newDropdown = document.querySelector('.dropdown-list'); 
260 
261  newDropdown.classList.add('show'); // show new dropdown 
262 
263  newDropdown.addEventListener('click', function(){ 
264    var newDropdownItems = newDropdown.querySelector('.dropdown-list-itens'); 
265    var newDropdownItemArray = newDropdownItems.querySelectorAll('li'); 
266     
267    if(newDropdownItems.classList.contains('show')){ 
268      // newDropdownItems.classList.remove('show'); 
269      newDropdown.style.overflow = "hidden"; 
270
271 
272    else { 
273      // newDropdownItems.classList.add('show'); 
274      newDropdown.style.overflow = "visible"; 
275
276 
277    newDropdownItemArray.forEach(function(item){ 
278      item.addEventListener('click', function(e){ 
279        function changeCurrentText(e){ 
280          var currentDropdownText = document.querySelector(".dropdown-list-current"); 
281          var newDropdownText = e.target.innerText; 
282          currentDropdownText.innerText = newDropdownText; 
283
284 
285        changeCurrentText(e); 
286      }); 
287    }); 
288 
289    function outsideClick(event){ 
290      if(event.target !== newDropdown){ 
291        newDropdownItems.classList.remove('show'); 
292
293 
294      else { 
295        return false; 
296
297
298 
299    window.addEventListener('click', outsideClick); 
300  }); 
301
302 
303handleSelect(); 
304</script> 

Cultural evolution

In another challenging year, 2021 put the resilience of all the company's employees to the test. Maintaining the pace of the growth cycle that Klabin has been forging in recent years, while simultaneously generating consistent results, such as those presented in 2021, was only possible because the Company is supported by a solid organizational culture. Several moves have been made in this field and several initiatives were developed throughout the year. All this helped confirm that the efforts related to Klabin's culture are being applied in the right direction.

The Culture Thermometer is one of these initiatives: more than 2,000 employees were heard in the survey, in individual consultations and focus groups, to understand which aspects progressed and which presented opportunities for improvement. Based on the perceptions captured, some culture drivers and organizational competencies were reviewed and the following prevailed, which will be prioritized in the next cycle: collaboration, autonomy, good conversations, agility, safety, meritocracy/recognition, and diversity.

Online survey with 2,000+ employees.

Points of emphasis worked in 22 focus groups in the units.

80% of people perceive the Company's cultural evolution.

Safety and diversity were perceived as the attributes that most evolved.

Meritocracy is one of the culture attributes with opportunity for improvement.

Review of the organizational culture drivers.

Employee profile in 2021

Employee experience

Focused on constantly improving the work experience of each employee, a survey was applied at the end of 2020, which pointed out opportunities for improvement, generating more than 30 actions implemented in 2021 in several processes: integration, internal recruitment, health and welfare, career and development, recognition and meritocracy. In 2021, a survey was conducted, with a result of 81 points of overall favorability.

Parental leave

As a supporter of the Empresa Cidadã Program since 2019, Klabin offers parental leave to all genders, including cases of same-sex relationships and adoption. In 2021, 563 men and 92 women took advantage of the benefit at the Company. Return-to-work rates after the end of leave were 100% among men and 97.8% among women; the retention rates, which represent the retention in the company for at least 12 months after returning to work, were 93.61% and 94.57%, respectively, among men and women. These indicators are important references for people management at Klabin.