Aprimoramento - Relatório de Sustentabilidade

Um erro ocorreu enquanto processava o modelo.

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-->

8<style>

9#klabin-aba-dinamica {

10  margin-bottom: 47px;

11  position: relative;

12}

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}

35#klabin-aba-dinamica .dropdown-list:not(.show) {

36  display: none;

37}

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}

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}

58#klabin-aba-dinamica .dropdown-list .dropdown-list-itens li a.active {

59  background: rgba(0, 0, 0, 0.12);

60  color: #009530;

61}

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}

67#klabin-aba-dinamica .dropdown-list li {

68  outline: none;

69  display: block;

70  cursor: pointer;

71}

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}

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}

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}

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}

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}

128#klabin-aba-dinamica .aba-container ul.tab-wrapper li {

129  min-width: 215px;

130  max-width: 215px;

131}

133#klabin-aba-dinamica .aba-container ul.tab-wrapper li.active a {

134  color: #303030;

135}

137#klabin-aba-dinamica .aba-container ul.tab-wrapper li:not(:last-child) {

138  margin-right: 5px;

139}

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}

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}

155#klabin-aba-dinamica .tab {

156  cursor: pointer;

157}

159@media (min-width: 1025px){

160  #klabin-aba-dinamica {

161    margin-top: 35px;

162  }

164  #klabin-aba-dinamica .dropdown-list {

165    display: none;

166  }

167}

169@media (max-width: 1024px){

170  #klabin-aba-dinamica .aba-container ul.tab-wrapper {

171    display: none;

172  }

173}

175@media (max-width: 900px){

176  #klabin-aba-dinamica .aba-container ul.tab-wrapper a {

177    font-size: 12px;

178    line-height: 14px;

179  }

181  #klabin-aba-dinamica .aba-container ul.tab-wrapper li {

182    min-width: 180px;

183  }

184}

186@media (max-width: 768px){

187  #klabin-aba-dinamica .aba-container ul.tab-wrapper li {

188    min-width: 110px;

189  }

190}

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}

199@media (max-width: 480px){

200  #klabin-aba-dinamica .aba-container ul.tab-wrapper li {

201    min-width: auto;

202  }

203}

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>

213<#attempt>

214    <#assign currentPage = getterUtil.getString(themeDisplay.getThemeSetting("rs-active-tabs-menu")) />

215<#recover>

216    <#assign currentPage = 0 />

217</#recover>

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>

248                </#list>

249            </ul>

250        </#if>

251      </div>

252    </ul>

253</div>

255<script>

257  var handleSelect = function() {

258  var selectDropdown = document.getElementById("dropdown");

259  var newDropdown = document.querySelector('.dropdown-list');

261  newDropdown.classList.add('show'); // show new dropdown

263  newDropdown.addEventListener('click', function(){

264    var newDropdownItems = newDropdown.querySelector('.dropdown-list-itens');

265    var newDropdownItemArray = newDropdownItems.querySelectorAll('li');

267    if(newDropdownItems.classList.contains('show')){

268      // newDropdownItems.classList.remove('show');

269      newDropdown.style.overflow = "hidden";

270    }

272    else {

273      // newDropdownItems.classList.add('show');

274      newDropdown.style.overflow = "visible";

275    }

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        }

285        changeCurrentText(e);

286      });

287    });

289    function outsideClick(event){

290      if(event.target !== newDropdown){

291        newDropdownItems.classList.remove('show');

292      }

294      else {

295        return false;

296      }

297    }

299    window.addEventListener('click', outsideClick);

300  });

301}

303handleSelect();

304</script>

Governança corporativa aprimorada

A constante evolução é a marca da governança corporativa na Klabin, que oferece o suporte necessário à sua gestão rumo ao crescimento sustentável. O lançamento, em 2021, do Painel ASG, plataforma que reúne os compromissos, as metas e os principais indicadores de desempenho da Klabin, promoveu um ganho de transparência na apresentação de resultados e na prestação de contas sobre as atividades da Companhia. O novo canal dialoga com este Relatório de Sustentabilidade na divulgação das iniciativas, da gestão, do desempenho e dos desafios da Companhia no âmbito ambiental, social e de governança (ASG).

O sistema de governança da Klabin é constantemente avaliado pelo Conselho de Administração, visando ao seu aprimoramento. A Companhia possui uma Secretaria de Governança Corporativa que tem, entre suas atribuições, estabelecer procedimentos para o funcionamento dos órgãos societários da empresa, bem como organizar as pautas de assuntos a serem tratados nos órgãos sociais da Companhia.

Em sintonia com as exigências do mercado, bem como de investidores, de acionistas e de outros stakeholders, o ano de 2021 distinguiu-se pelas iniciativas de aprimoramento da governança.

Avanços na gestão acompanham crescimento da empresa

O foco no desenvolvimento de sucessores é contínuo na Klabin. Atualmente, 89% do quadro de Diretoria é composto de profissionais que fizeram carreira na Companhia e foram identificados internamente como potenciais sucessores por meio do Ciclo de Performance.

Para sustentar as rotas de crescimento da Companhia, foi promovida uma adequação na estrutura organizacional, com a consolidação de um segundo nível de Diretoria, constituído de 10 posições novas, divididas entre as áreas. Esses profissionais se reportam à Diretoria Executiva. Além de angariar ganhos para a gestão, a medida é um reconhecimento aos colaboradores e amplia a perspectiva de desenvolvimento de carreira na empresa. A seguir, sua composição.

Participação em iniciativas voluntárias

No Painel ASG, veja o indicador GRI 102-12.