Conteudo SKYBR | Breadcrumb Sex Zone HD
Conteudo SKYBR | Conteúdo Trabalhe Conosco
TRABALHE CONOSCO
Somos a maior operadora de TV paga via satélite com sinal 100% digital do País. Nos orgulhamos em ser uma empresa presente, diversificada e divertida, e levamos o melhor da nossa programação a todos os brasileiros. Uma marca pioneira no lançamento da Banda Larga 4G no Brasil.
Nossa motivação é estar cada vez mais próximos do nosso consumidor e democratizar o acesso a diversão, cultura e informação, com alta qualidade de sinal, atendimento e serviço para cada Brasil, atendendo às necessidades de todos os nossos clientes.
Somos quem somos graças aos mais de 1500 colaboradores que fazem parte da SKY Brasil: um time comprometido e criativo, sempre focado na excelência, e que respira a mesma cultura nos diferentes níveis da organização. Contamos também com mais de 25.000 colaboradores que apoiam as nossas operações comerciais e de atendimento para levar a nossa marca aos nossos clientes. Para todos eles, e com todos eles, construímos dia após dia um ótimo lugar para trabalhar, e somos reconhecidos pela GPTW como uma das melhores empresas para trabalhar no Brasil.
Na SKY tem muito espaço para a diversidade! Pessoas de diferentes faixas etárias, origens e experiências, que amam esportes, música, cultura, eventos, marketing, tecnologia, vendas, e principalmente pessoas. Valorizamos e respeitamos cada colaborador em sua individualidade, para que todos façam parte de um ambiente seguro e inclusivo, e entreguem o melhor de si.
Temos 6 atitudes que norteiam todas as nossas ações: accountability, senso de urgência, colaboração, candura radical, inovação e inclusão.
Se você se identifica com tudo isso, fique ligado nas nossas vagas e venha fazer parte do nosso time SKY!
Aqui a gente se diverte junto!
Fique por dentro das nossa vagas:
VAGAS.COM.BR | LINKEDIN | PORTAL SKY
- Senso de urgência: Saber priorizar por ordem de importância, evitando atrasos que podem gerar custos para a companhia.
- Inovação: Crer para ver que tudo é possível.
- Inclusão: A diversidade de pensamentos, opiniões e visões traz mais resultados.
- Colaboração: O objetivo de todos é o mesmo: fazer o melhor para a SKY. Em conjunto sempre se chega na melhor solução.
- Candura Radical: Honestidade e respeito para extrair o melhor de todos.
- Accountability: Pensar e agir como dono, entregando resultados excepcionais.
Cativar as pessoas com a melhor experiência de entretenimento digital, quando e onde preferirem, oferecendo conteúdo, tecnologia e experiências de alta qualidade para os usuários.
Ser a melhor empresa de entretenimento e diversão digital para o Brasil.
- Viva com integridade: Faça sempre o correto.
- Pense grande: Seja criativo, inovador e pioneiro.
- Busque a excelência: Em tudo em cada momento.
- Inspire imaginação: Entregue às pessoas o que elas não esperam.
- Esteja sempre presente: Quando os clientes e colegas mais precisarem.
- Apoie a equalidade: Que suas ações falem por você.
- Celebre a liberdade: De imprensa, de expressão de crenças.
- Faça a diferença: Impacte seu mundo.
Conteúdo SKYBR | Modal Login
Conteúdo SKYBR | Header - Menu 2.0
Um erro ocorreu enquanto processava o modelo.
The following has evaluated to null or missing:
==> buttonScrollToContent [in template "20116#20152#67244344" at line 163, column 30]
----
Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: ${buttonScrollToContent.idContent.get... [in template "20116#20152#67244344" at line 163, column 28]
----
1<#assign serviceContext=staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()
2 themeDisplay=serviceContext.getThemeDisplay() url=themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
3<!-- Aviso Cookie -->
4<#if alertaCookies.LinkCookies.LinkInternoCookies.getFriendlyUrl()?? &&
5 alertaCookies.LinkCookies.LinkInternoCookies.getFriendlyUrl() !="">
6 <#assign linkCookie=alertaCookies.LinkCookies.LinkInternoCookies.getFriendlyUrl() />
7 <#else>
8 <#assign linkCookie=alertaCookies.LinkCookies.LinkExternoCookies.getData() />
9</#if>
10
11<#if getterUtil.getBoolean(alertaCookies.LinkCookies.targetCookies.getData())>
12 <#assign targetCookie='_self' />
13 <#else>
14 <#assign targetCookie='_self' />
15</#if>
16
17<!-- Iniciando leitura de GTM -->
18<#assign
19 JournalArticleLocalService=serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
20 <#assign JA=JournalArticleLocalService.getArticle(getterUtil.getLong(groupId),
21 getterUtil.getString(.vars['reserved-article-id'].data)) />
22
23 <#assign content="">
24 <#assign objects="">
25
26 <#attempt>
27 <#if JA.getExpandoBridge().getAttribute("commonField")?? && JA.getExpandoBridge().getAttribute("commonField")
28 !=''>
29 <#assign content=JA.getExpandoBridge().getAttribute("commonField")>
30 </#if>
31 <#recover>
32 <#assign content="">
33 </#attempt>
34
35 <#attempt>
36 <#if JA.getExpandoBridge().getAttribute("hashobjects")?? && JA.getExpandoBridge().getAttribute("hashobjects")
37 !=''>
38 <#assign objects=JA.getExpandoBridge().getAttribute("hashobjects")>
39 </#if>
40 <#recover>
41 <#assign objects="">
42 </#attempt>
43
44 <!--<#if buttonEnter??>-->
45 <!-- <pre>${buttonEnter?keys?join(", ")}</pre>-->
46 <!--</#if>-->
47
48 <!-- Fim Iniciando leitura de GTM -->
49 <div class="theme_sky">
50 <div id="wrap-aviso-cookie" class="bgBar aviso-cookie">
51 <div class="container">
52 <div class="row">
53 <div class="col-lg-10 col-lg-offset-1 col-xs-12">
54 <div class="row cookie-infos">
55 <div class="col-md-8 col-sm-6 col-xs-11">
56 <div class="media">
57 <div class="media-left">
58 <span class="sky_icon sky-cookie icon_vb" aria-hidden="true"></span>
59 </div>
60 <div class="media-body media-middle">
61 <div class="cookie-message subHeading medium">
62 <div class="caption_style texto1-aviso-cookie">
63 ${alertaCookies.textoAvisoCookies.getData()! 'Os cookies servem para garantir a sua
64 segurança e pra gente te conhecer melhor.'}
65 </div>
66 <div class="caption_style">
67 ${alertaCookies.textoSaibaMais.getData()! 'Ao navegar no nosso site, você concorda com o uso
68 de cookies.'}
69 </div>
70 </div>
71 </div>
72 </div>
73 </div>
74 <div class="col-md-1 col-sm-2 col-xs-12 hidden-xs pl-0">
75 <#if linkCookie !=''>
76 <div class="row text-link">
77 <a href="${linkCookie}?desk" class="btn buttonLink"
78 data-gtm="13"><strong>${alertaCookies.LinkCookies.txtLinkCookies.getData()! 'Ver
79 mais'}</strong></a>
80 </div>
81 </#if>
82 </div>
83 <div class="col-md-2 col-sm-3 col-xs-12 hidden-xs">
84 <div class="row">
85 <div class="ml-3 wrap-btn-ok-cookie">
86 <button class="btn buttonSecondary btn-block btn-ok-cookie" type="submit"
87 data-gtm="14">${alertaCookies.txtBtnOkCookies.getData()! 'OK, entendi'}</button>
88 </div>
89 </div>
90 </div>
91 <div class="col-md-1 col-sm-1 col-xs-1 text-right close-icon">
92 <span class="sky_icon sky-icon-line-close icon_md icon-round close-message" aria-hidden="true"
93 role="button" data-gtm="15"></span>
94 </div>
95 </div>
96 </div>
97 </div>
98 </div>
99 <div class="links-mobile visible-xs">
100 <div class="container">
101 <div class="row text-center">
102 <div class="col-xs-6">
103 <#if linkCookie !=''>
104 <a href="${linkCookie}?mob"
105 class="btn buttonLink"><strong>${alertaCookies.LinkCookies.txtLinkCookies.getData()! 'Ver
106 mais'}</strong></a>
107 </#if>
108 </div>
109 <div class="col-xs-6">
110 <button class="btn buttonLink btn-ok-cookie" type="submit">${alertaCookies.txtBtnOkCookies.getData()!
111 'OK, entendi'}</button>
112 </div>
113 </div>
114 </div>
115 </div>
116 </div>
117 </div>
118 <!-- Fim Aviso Cookie -->
119
120 <!-- Modal Base Vendida -->
121 <div class="modal fade hide" id="modal-base-vendida" tabindex="-1" role="dialog">
122 <div class="modal-dialog modal-sm" role="document">
123 <div class="modal-content">
124 <div class="modal-header borderless">
125 <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-gtm="9" title="fechar">
126 <span class="sky_icon sky_icon-close icon_xs" aria-hidden="true"></span>
127 </button>
128 </div>
129 <div class="modal-body text-center">
130 <span class="sky_icon ${(baseVendida.iconeModalBV.getData())! 'sky-melhor-valor-do-mercado'}"
131 aria-hidden="true"></span>
132 <div class="modal-title">${(baseVendida.tituloModalBV.getData())! 'Esta assinatura não está mais
133 disponível'}</div>
134 <p>Assinatura: <span class="num-assinatura-bv"></span> </p>
135 <hr />
136 <p class="bodyDisable">${(baseVendida.textoModalBV.getData())! 'Para saber mais, ligue no 0800 606 4123
137 (segunda a sexta, das 8h às 20h, sábado, das 9h às 18h)'}</p>
138 <br />
139 <div class="box-botoes">
140 <button type="button" class="btn buttonSecondary btn-block btn-modal-base-vendida" data-dismiss="modal"
141 aria-label="Close" data-gtm="10">
142 ${(baseVendida.textoBotaoModalBV.getData())! 'Ok, entendi'}
143 </button>
144 </div>
145 </div>
146 </div>
147 </div>
148 </div>
149 <!-- Fim Modal Base Vendida -->
150
151 <div class="theme_sky">
152 <div class="header74" <#if content !=''>
153 data-gtm-commonfield="${content}"
154 </#if>
155 <#if objects !=''>
156 data-gtm-obj="${objects?replace('"', "'")}"
157 </#if>
158 >
159 <header class="sky-header desktop-header">
160 <div class="top-bar">
161 <div class="container">
162 <div class="d-flex justify-content-between align-items-center py-2 top-bar-content">
163 <a href="${buttonScrollToContent.idContent.getData()!'#main-content'}"
164 class="skip-content">${buttonScrollToContent.tituloButtonContent.getData()!'Ir para o conteúdo'}</a>
165
166 <div class="accessibility-controls d-flex align-items-center gap-2">
167 <a
168 href="<#if accessibility.titleAccessibility.externalLinkAccessibility?has_content>${accessibility.titleAccessibility.externalLinkAccessibility.getData()}<#else>${accessibility.titleAccessibility.internalLinkAccessibility.getData()!''}</#if>">${accessibility.titleAccessibility.getData()!
169 'Acessibilidade'}</a>
170 <button class="btn-toggle-dark-mode btn-sky_icon-line-contrast" aria-label="Alternar modo escuro">
171 <span class="sky_icon sky_icon-line-contrast icon_sm" aria-hidden="true"></span><span
172 class="hide">Modo noturno</span>
173 </button>
174 <button class="btn-font-increase btn-sky_icon-line-a-plus" aria-label="Aumentar fonte">
175 <span class="sky_icon sky_icon-line-a-plus icon_sm" aria-hidden="true"></span><span
176 class="hide">Aumentar fonte</span>
177 </button>
178 <button class="btn-font-decrease btn-sky_icon-line-a-minus" aria-label="Diminuir fonte">
179 <span class="sky_icon sky_icon-line-a-minus icon_sm" aria-hidden="true"></span><span
180 class="hide">Diminuir fonte</span>
181 </button>
182 </div>
183 </div>
184 </div>
185 </div>
186
187 <nav class="main-header">
188 <div class="container">
189 <div class="main-header-content d-flex justify-content-between align-items-center">
190 <div class="main-header-content-brand d-flex align-items-center">
191 <a href="/" class="logo me-4">
192 <img src="${logo.linkImgLogo.getData()! 'https://skycms.s3.amazonaws.com/images/0/LogoSky.svg'}"
193 alt="${logo.tituloImgLogo.getData()! 'Logo - SKY'}" class="img-responsive" />
194 </a>
195 <nav class="main-nav">
196 <ul class="nav">
197
198 <#list Menu.ItemMenu.getSiblings() as item>
199 <#if item?has_content>
200 <li class="nav-item dropdown">
201
202 <!-- Link principal do menu -->
203 <#if item.externalLink?has_content && item.externalLink.getData()?trim !=''>
204 <#assign link=item.externalLink.getData()>
205 <#elseif item.internalLink?has_content && item.internalLink.getData()?trim !=''>
206 <#assign link=item.internalLink.getData()>
207 <#else>
208 <#assign link='javascript:void(0)'>
209 </#if>
210
211 <a class="nav-link" href="${link}"
212 id="${(item.TituloMenu.getData()!'')?lower_case?replace('\\s+', '', 'r')}-dropdown"
213 role="button" data-bs-toggle="dropdown" aria-expanded="false">
214 ${item.TituloMenu.getData()!'Sem titulo'}
215 </a>
216
217 <!-- SubMenu (mega menu) - Só renderiza se houver conteúdo válido -->
218 <#assign subMenuItems=item.SubMenu.getSiblings()>
219 <#assign hasValidSubMenuContent=false>
220
221 <!-- Verificação mais precisa do conteúdo -->
222 <#list subMenuItems as subitem>
223 <#-- Verifica se tem título com conteúdo OU pelo menos um link com texto e URL -->
224 <#assign hasValidTitle=subitem.SubMenuTitle.getData()?? &&
225 subitem.SubMenuTitle.getData()?trim?has_content>
226
227 <#assign hasValidLinks=false>
228 <#if subitem.SubMenuLink.getSiblings()?has_content>
229 <#list subitem.SubMenuLink.getSiblings() as link>
230 <#assign linkText=link.TextoDoLink.getData()!''>
231 <#assign
232 linkUrl=link.LinkExterno.getData()!link.LinkInterno.getData()!''>
233 <#if linkText?trim?has_content && linkUrl?trim?has_content>
234 <#assign hasValidLinks=true>
235 <#break>
236 </#if>
237 </#list>
238 </#if>
239
240 <#if hasValidTitle || hasValidLinks>
241 <#assign hasValidSubMenuContent=true>
242 <#break>
243 </#if>
244 </#list>
245
246 <#if hasValidSubMenuContent>
247 <div class="dropdown-menu mega-menu"
248 aria-labelledby="${(item.TituloMenu.getData()!'')?lower_case?replace('\\s+', '', 'r')}-dropdown">
249 <div class="container">
250 <div class="row">
251 <!-- Cada coluna do mega menu -->
252 <#list subMenuItems as subitem>
253 <#assign hasTitle=subitem.SubMenuTitle.getData()?has_content>
254 <#assign hasLinks=subitem.SubMenuLink.getSiblings()?has_content>
255
256 <#if hasTitle || hasLinks>
257 <div class="col-md-3">
258 <!-- Título da seção do SubMenu -->
259 <#if hasTitle>
260 <h6>${subitem.SubMenuTitle.getData()}</h6>
261 </#if>
262
263 <!-- Itens do SubMenu -->
264 <#if hasLinks>
265 <ul class="list-unstyled">
266 <#list subitem.SubMenuLink.getSiblings() as link>
267 <li>
268 <a
269 href="<#if link.LinkExterno?has_content>${link.LinkExterno.getData()}<#else>${link.LinkInterno.getData()!''}</#if>">
270 ${link.TextoDoLink.getData()!"Link sem texto"}
271 </a>
272 </li>
273 </#list>
274 </ul>
275 </#if>
276 </div>
277 </#if>
278 </#list>
279 </div>
280 </div>
281 </div>
282 </#if>
283
284 </li>
285 </#if>
286 </#list>
287
288 </ul>
289 </nav>
290 </div>
291
292 <div class="main-header-actions d-flex align-items-center">
293 <a class="btn-location" aria-label="Localização" id="btn-location"
294 href="<#if buttonLocation.externalLocationLink?has_content>${buttonLocation.externalLocationLink.getData()}<#else>${buttonLocation.internalLocationLink.getData()!''}</#if>"
295 style="color: inherit;">
296 <span
297 class="sky_icon-react ${buttonLocation.locationIcon.getData()! 'icon-react-location'} icon_md"><span class="hide">Icone seta para esquerda</span></span>
298 </a>
299
300 <div class="cart-wrapper">
301 <a class="btn-cart"
302 href="<#if buttonCart.externalLinkSignIn?has_content>${buttonCart.externalLinkSignIn.getData()}<#else>${buttonCart.internalLinkSignIn.getData()!''}</#if>"
303 aria-label="Carrinho" style="color: inherit;">
304 <span class="sky_icon-react ${buttonCart.cartIcon.getData()!'icon-react-shop'}"><span class="hide">Icone carrinho</span></span>
305 <span class="cart-badge">0 <span class="hide">Quantidade de itens do carrinho</span></span>
306 </a>
307 </div>
308
309 <div class="user-wrapper">
310 <a class="btn-login" id="btnLogin"
311 href="<#if buttonEnter.externalLinkEnter?has_content>${buttonEnter.externalLinkEnter.getData()}<#else>${buttonEnter.internalLinkEnter.getData()!''}</#if>">
312 <span class="sky_icon-react ${buttonEnter.iconEnter.getData()}"></span>
313 ${buttonEnter.textButtonEnter.getData()! 'Já sou cliente'}
314 </a>
315
316 <!-- logged menu (inicialmente escondido) -->
317 <div class="user-logged d-none" id="userLogged">
318 <button class="btn-user-profile" id="btnUserProfile">
319 <div class="user-avatar">CB</div>
320 </button>
321
322 <div class="user-dropdown" id="userDropdown">
323 <div class="user-info">
324 <div class="user-avatar-large">CB</div>
325 <div class="user-name">Carlos Batista</div>
326 </div>
327
328 <div class="user-details">
329 <div class="user-plan">
330 <div class="user-plan-content">
331 <span>Pós-pago</span>
332 <p>Rua Monte de Alvalde 23, apto 104</p>
333 </div>
334 <button class="btn-edit" id="btn-edit">
335 <span class="sky_icon-react icon-react-swap-horizontal"><span class="hide">Icone troca de assinatura</span></span>
336 </button>
337 </div>
338 </div>
339
340 <#if logged.linksDropdownProfile.getSiblings()?has_content>
341 <#list logged.linksDropdownProfile.getSiblings() as linkProfile>
342 <#if linkProfile.linksDropdown.getSiblings()?has_content>
343
344 <ul style="display: none;" class="user-menu"
345 data-plan="${linkProfile.dropdownPlan.getData()!''}">
346
347 <#list linkProfile.linksDropdown.getSiblings() as link>
348
349 <li>
350 <a
351 href="<#if link.externalLinkProfile?has_content>${link.externalLinkProfile.getData()}<#else>${link.internalLinkProfile.getData()!''}</#if>">
352 ${link.linkText.getData()! 'Link sem texto'}
353 <span class="sky_icon-react icon-react-chevron-right"></span>
354 </a>
355 </li>
356
357 </#list>
358
359 </ul>
360
361 </#if>
362 </#list>
363 </#if>
364
365 <div class="user-logout">
366 <button class="btn-logout" id="btnLogout">
367 <span class="sky_icon-react icon-react-exit-app"></span>
368 ${logged.textLogout.getData()! 'Sair'}
369 </button>
370 </div>
371 </div>
372 </div>
373 </div>
374 </div>
375 </div>
376 </div>
377 </nav>
378 </header>
379
380 <!-- Header Mobile -->
381 <header class="sky-header mobile-header" id="mobileHeader">
382 <div class="main-mobile-header">
383 <div class="container-fluid align-items-center">
384 <div class="main-mobile-header-content d-flex justify-content-between align-items-center">
385 <a href="/" class="logo me-4">
386 <img src="${logo.linkImgLogo.getData()! 'https://skycms.s3.amazonaws.com/images/0/LogoSky.svg'}"
387 alt="${logo.tituloImgLogo.getData()! 'Logo - SKY'}" class="img-responsive" />
388 </a>
389 <div class="d-flex align-items-center gap-2">
390 <a class="btn-location" aria-label="Localização" id="btn-location-mobile"
391 href="<#if buttonLocation.externalLocationLink?has_content>${buttonLocation.externalLocationLink.getData()}<#else>${buttonLocation.internalLocationLink.getData()!''}</#if>"
392 style="color: inherit;">
393 <span
394 class="sky_icon-react ${buttonLocation.locationIcon.getData()! 'icon-react-location'} icon_md"><span class="hide">Icone localização</span></span>
395 </a>
396
397 <div class="cart-wrapper">
398 <a class="btn-cart"
399 href="<#if buttonCart.externalLinkSignIn?has_content>${buttonCart.externalLinkSignIn.getData()}<#else>${buttonCart.internalLinkSignIn.getData()!''}</#if>"
400 aria-label="Carrinho" style="color: inherit;">
401 <span class="sky_icon-react ${buttonCart.cartIcon.getData()!'icon-react-shop'}"><span class="hide">Icone shop</span></span>
402 <span class="cart-badge">0 <span class="hide">Quantidade de itens do carrinho</span></span>
403 </a>
404 </div>
405
406 <button class="btn-menu btn-open-menu" aria-label="Menu" id="btnMobileMenu">
407 <span class="sky_icon-react icon-react-menu"><span class="hide">Icone menu</span></span>
408 </button>
409
410 <button class="btn-menu btn-close-menu hidden" aria-label="Menu" id="btnMobileMenuClose">
411 <span class="sky_icon-react icon-react-close"><span class="hide">Icone fechar menu mobile</span></span>
412 </button>
413 </div>
414 </div>
415 </div>
416 </div>
417
418 <!-- Mobile Menu Overlay -->
419 <div class="mobile-menu-overlay" id="mobileMenuOverlay">
420 <div class="mobile-menu">
421 <div class="mobile-menu-content">
422 <a class="btn-login-mobile" id="btnLoginMobile"
423 href="<#if buttonEnter.externalLinkEnter?has_content>${buttonEnter.externalLinkEnter.getData()}<#else>${buttonEnter.internalLinkEnter.getData()!''}</#if>">
424 <span class="sky_icon-react ${buttonEnter.iconEnter.getData()}"></span>
425 ${buttonEnter.textButtonEnter.getData()! 'Já sou cliente'}
426 </a>
427
428 <div class="user-mobile-logged d-none" id="userMobileLogged">
429 <div class="user-info">
430 <div class="user-avatar-large">CB</div>
431 <div class="user-name">Carlos Batista</div>
432 </div>
433
434 <div class="user-details">
435 <div class="user-plan">
436 <div class="user-plan-content">
437 <span>Pós-pago</span>
438 <p>Rua Monte de Alvalde 23, apto 104</p>
439 </div>
440 <button class="btn-mobile-edit" id="btn-mobile-edit">
441 <span class="sky_icon-react icon-react-swap-horizontal"><span class="hide">Icone troca de assinatura</span></span>
442 </button>
443 </div>
444 </div>
445 </div>
446
447 <div class="mobile-main-menu" id="mobileMainMenu">
448 <ul class="mobile-nav">
449
450 <#list Menu.ItemMenu.getSiblings() as item>
451
452 <#if item?has_content && item.externalLink?has_content && item.externalLink.getData()?trim !='' && item.externalLink.getData()?trim !='javascript:void(0)'>
453 <li class="mobile-nav-item">
454 <a href="<#if item.externalLink?has_content>${item.externalLink.getData()}<#else>${item.internalLink.getData()!''}</#if>"
455 class="mobile-nav-link"
456 data-submenu="${(item.TituloMenu.getData()!'')?lower_case?replace('\\s+', '', 'r')}">
457 ${item.TituloMenu.getData()!'Sem titulo'}
458 <span class="sky_icon-react icon-react-chevron-right"><span class="hide">Icone seta para direita</span></span>
459 </a>
460 </li>
461
462 <#else>
463 <li class="mobile-nav-item">
464 <button
465 class="mobile-nav-link" style="width: 100%; background: none; border: none; padding-inline: 0;"
466 data-submenu="${(item.TituloMenu.getData()!'')?lower_case?replace('\\s+', '', 'r')}">
467 ${item.TituloMenu.getData()!'Sem titulo'}
468 <span class="sky_icon-react icon-react-chevron-right"><span class="hide">Icone seta para direita</span></span>
469 </button>
470 </li>
471 </#if>
472
473 </#list>
474
475 </ul>
476
477 <div class="mobile-menu-footer">
478 <div class="mobile-menu-footer-content">
479 <a class="mobile-nav-link accessibility-link" data-submenu="acessibilidadeSubmenu"
480 href="<#if accessibility.titleAccessibility.externalLinkAccessibility?has_content>${accessibility.titleAccessibility.externalLinkAccessibility.getData()}<#else>${accessibility.titleAccessibility.internalLinkAccessibility.getData()!''}</#if>">${accessibility.titleAccessibility.getData()!
481 'Acessibilidade'}
482 <span class="sky_icon-react icon-react-chevron-right"><span class="hide">Icone seta para direita</span></span>
483 </a>
484 <div class="dark-mode-toggle">
485 <span>Modo escuro</span>
486
487 <label class="switch">
488 <input type="checkbox" class="btn-sky_icon-line-contrast" id="darkModeToggle" />
489 <span class="slider round"></span>
490 <span class="hide">Botão para alterar tema</span>
491 </label>
492 </div>
493 </div>
494 </div>
495
496 <div class="mobile-menu-footer d-none" id="userMobileLogged">
497 <#if logged.linksDropdownProfile.getSiblings()?has_content>
498 <#list logged.linksDropdownProfile.getSiblings() as linkProfile>
499 <#if linkProfile.linksDropdown.getSiblings()?has_content>
500 <ul style="display: none;" class="mobile-nav mt-0"
501 data-plan="${linkProfile.dropdownPlan.getData()!''}">
502
503 <#list linkProfile.linksDropdown.getSiblings() as link>
504
505 <li class="mobile-nav-item">
506 <a class="mobile-nav-link"
507 href="<#if link.externalLinkProfile?has_content>${link.externalLinkProfile.getData()}<#else>${link.internalLinkProfile.getData()!''}</#if>">
508 ${link.linkText.getData()! 'Link sem texto'}
509 <span class="sky_icon-react icon-react-chevron-right"></span>
510 </a>
511 </li>
512
513 </#list>
514
515 </ul>
516 </#if>
517 </#list>
518 </#if>
519 </div>
520
521 <div class="user-logout d-none" id="userMobileLogged">
522 <button class="btn-logout" id="btnLogoutMobile">
523 <span class="sky_icon-react icon-react-exit-app"></span>
524 ${logged.textLogout.getData()! 'Sair'}
525 </button>
526 </div>
527 </div>
528
529 <!-- Submenus mobile -->
530 <#list Menu.ItemMenu.getSiblings() as item>
531 <#if item?has_content>
532 <#assign subMenuItems=item.SubMenu.getSiblings()>
533 <#assign hasValidSubMenuContent=false>
534
535 <!-- Verificação se existe conteúdo válido no submenu -->
536 <#list subMenuItems as subitem>
537 <#assign hasValidTitle=subitem.SubMenuTitle.getData()?? &&
538 subitem.SubMenuTitle.getData()?trim?has_content>
539
540 <#assign hasValidLinks=false>
541 <#if subitem.SubMenuLink.getSiblings()?has_content>
542 <#list subitem.SubMenuLink.getSiblings() as link>
543 <#assign linkText=link.TextoDoLink.getData()!''>
544 <#assign linkUrl=link.LinkExterno.getData()!link.LinkInterno.getData()!''>
545 <#if linkText?trim?has_content && linkUrl?trim?has_content>
546 <#assign hasValidLinks=true>
547 <#break>
548 </#if>
549 </#list>
550 </#if>
551
552 <#if hasValidTitle || hasValidLinks>
553 <#assign hasValidSubMenuContent=true>
554 <#break>
555 </#if>
556 </#list>
557
558 <#if hasValidSubMenuContent>
559 <div class="mobile-submenu"
560 id="${(item.TituloMenu.getData()!'')?lower_case?replace('\\s+', '', 'r')}">
561 <div class="submenu-header">
562 <button class="btn-back">
563 <span class="sky_icon-react icon-react-chevron-left"><span class="hide">Icone seta para esquerda</span></span>
564 </button>
565 </div>
566
567 <div class="submenu-content">
568 <div class="submenu-section">
569 <!-- SubMenu - Mantendo sua estrutura original, só mostra se houver conteúdo -->
570 <#list subMenuItems as subitem>
571 <div class="submenu-section">
572 <#if subitem.SubMenuTitle.getData()?has_content>
573 <h6 class="submenu-title">${subitem.SubMenuTitle.getData()}</h6>
574 </#if>
575
576 <!-- Itens do SubMenu -->
577 <ul class="submenu-list">
578 <#list subitem.SubMenuLink.getSiblings() as link>
579 <li>
580 <a
581 href="<#if link.LinkExterno?has_content>${link.LinkExterno.getData()}<#else>${link.LinkInterno.getData()!''}</#if>">
582 ${link.TextoDoLink.getData()!"Link sem texto"}
583 <span class="sky_icon-react icon-react-chevron-right"><span class="hide">Icone seta para direita</span></span>
584 </a>
585 </li>
586 </#list>
587 </ul>
588 </div>
589 </#list>
590 </div>
591 </div>
592 </div>
593 </#if>
594 </#if>
595 </#list>
596
597 </div>
598 </div>
599 </div>
600 </header>
601
602 <!-- Modal de Seleção de Assinatura -->
603 <div class="modal fade" id="subscriptionModal" tabindex="-1" aria-labelledby="subscriptionModalLabel"
604 aria-hidden="true">
605 <div class="modal-dialog modal-dialog-centered d-flex align-items-center justify-content-center">
606 <div class="modal-content">
607 <div class="modal-header">
608 <h5 id="subscriptionModalLabel">
609 ${modalChangeSignature.titleModal.getData()! 'Selecione uma assinatura'}
610 </h5>
611 <button type="button" class="btn-subscriptions-modal-close" id="btn-subscriptions-modal-close"
612 data-bs-dismiss="modal" aria-label="Fechar">
613 <span class="sky_icon-react icon-react-close"><span class="hide">Icone close</span></span>
614 </button>
615 </div>
616 <div class="modal-body">
617 <div id="subscriptionForm">
618
619 </div>
620 </div>
621 <div class="modal-footer">
622 <button type="button" class="btn btn-danger btn-lg px-5" id="confirmSubscription">
623 ${modalChangeSignature.buttonText.getData()! 'Confirmar'}
624 </button>
625 </div>
626 </div>
627 </div>
628 </div>
629
630 </div>
631 </div>
632
633
634 <script>
635 document.addEventListener("DOMContentLoaded", (event) => {
636 var originURL = location.origin;
637 if (typeof require_acc !== "undefined") {
638 require_acc(['header-sky-74', 'modal-login-assine'])
639 if (document.querySelector('#modal-base-vendida')) document.querySelector('#modal-base-vendida').classList.remove('hide')
640 } else {
641 require_sky(['component!header#header-sky-74', 'modal-login-assine'])
642 require_sky(['component!authentication#gadget_blocked_access'])
643 if (document.querySelector('#modal-base-vendida')) document.querySelector('#modal-base-vendida').remove()
644 }
645 })
646 </script>