Identidade visual mescla elementos de tradição e construção de futuro e valoriza formas que remetem a caminhos e soluções construídos no Tribunal
Imprimir
8/4/2026 – Em 23 de setembro de 2026, o Tribunal Superior do Trabalho (TST) completará 80 anos de sua instalação. Para iniciar essas celebrações, o Tribunal lançou uma marca comemorativa que remete não apenas à trajetória histórica de fortalecimento da Justiça do Trabalho no país, mas também reafirma o compromisso da instituição com a modernização e a valorização de sua identidade institucional.
Um labirinto de azulejos
A logomarca traduz, de forma visual, a solidez e a evolução do Tribunal ao longo das décadas. Desenvolvida pela designer gráfica Taíssa Radislovich, da Secretaria de Comunicação (Secom), ela foi inspirada em um labirinto circular e nos icônicos azulejos de Athos Bulcão.
O labirinto, contudo, é repleto de aberturas. Ele simboliza os muitos caminhos possíveis, o movimento de transformação e a fluidez da Justiça do Trabalho e do TST, sugerindo que, apesar da exigência dos ritos processuais, sempre há uma saída para a solução dos conflitos. “A ideia foi mostrar que, não importa qual percurso você vai seguir, sempre existirá um caminho para a solução”, explica a designer. A referência a Athos Bulcão dialoga com a identidade de espaços do edifício-sede do TST, que abriga obras do artista.
A logomarca dos 80 anos estará estampada em peças comemorativas, no portal do Tribunal e em aplicações impressas e digitais.
Meios e fins
“Celebrar 80 anos do Tribunal Superior do Trabalho é constatar a importância que a sociedade e o Estado brasileiros dão à promoção da justiça social em nosso país”, afirma o ministro Ives Gandra Filho, coordenador do Comitê Gestor das ações comemorativas.
Segundo ele, a data deve levar a uma reflexão sobre meios e fins. “A bandeira do TST, hasteada diariamente junto ao pavilhão nacional, lembra que o fim da Justiça do Trabalho é a pacificação social. E os meios, além dos materiais consistentes nos edifícios e na tecnologia, são os institucionais, de solução dos conflitos especialmente pela mediação, pela conciliação e pela uniformização jurisprudencial”.
A tônica da celebração, de acordo com o ministro, é a contribuição da Justiça do Trabalho para a harmonização das relações laborais, “garantindo justa remuneração e condições dignas de trabalho aos empregados e justa retribuição e segurança jurídica aos empregadores”.
TST
Criado em 9 de setembro de 1946, no contexto da redemocratização do país após o Estado Novo, o Tribunal Superior do Trabalho substituiu o Conselho Nacional do Trabalho (CNT) e ocupou o Palácio do Trabalho, no Rio de Janeiro, até sua mudança definitiva para a nova capital do Brasil.
Em 1946, o TST e a Justiça do Trabalho passaram a integrar o Poder Judiciário brasileiro com a missão de uniformizar a jurisprudência trabalhista e garantir maior segurança jurídica às relações entre empregadores e trabalhadores.
Em 1º de maio de 1971, o Tribunal foi transferido para Brasília e se instalou no Setor de Autarquias Sul, em prédio atualmente ocupado pelo TRT da 10ª Região.
Em 1993, a construção da nova sede do tribunal começou a ser planejada com um projeto arquitetônico de Oscar Niemeyer que fundia concreto, monumentalidade e modernidade. O edifício-sede, no Setor de Administração Federal Sul, foi inaugurado em 2006.
Tempos atuais
Na década de 2020, o TST enfrentou novos desafios decorrentes das mudanças nas relações de trabalho e de eventos globais. A expansão do trabalho por plataformas digitais, a flexibilização das relações laborais e o surgimento de novos modelos produtivos exigiram constantes atualizações nas interpretações das normas trabalhistas.
A pandemia da covid-19 acelerou a modernização e consolidou o processo eletrônico, intensificando o uso das ferramentas digitais e da inteligência artificial para garantir a continuidade e a eficiência dos julgamentos. Essas inovações ajudaram a transformar a Justiça do Trabalho em um modelo mais ágil e sustentável, preparando a instituição para os desafios das próximas décadas.
(Andrea Magalhães/CF)
Mais detalhes
Número de visualizações
20
Visualizações
.slick-carousel-container {
max-width: 800px;
margin: 20px auto;
padding: 0 20px;
font-family: Arial, sans-serif;
}
.gallery-header {
padding: 15px 0 10px 0;
}
.gallery-header h3 {
color: #333;
font-size: 14px;
margin: 0;
}
/* === CARROSSEL PRINCIPAL (SLIDER-FOR) – COM SETAS === */
.slick-carousel-container [class*=”slider-for-“] {
margin-bottom: 20px;
text-align: center;
position: relative;
}
.slide-item {
position: relative;
text-align: center;
padding: 0;
}
.slide-image {
width: 600px;
height: 400px;
object-fit: cover;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
transition: all 0.3s ease;
margin: 0 auto;
display: block;
}
.slide-caption {
margin-top: 15px;
padding: 10px;
background: white;
color: black;
border-radius: 5px;
font-size: 14px;
line-height: 1.4;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
/* === CARROSSEL DE NAVEGAÇÃO (SLIDER-NAV) – COM SETAS === */
.slick-carousel-container [class*=”slider-nav-“] {
position: relative;
padding: 0 30px;
}
/* === CORREÇÕES PARA CARROSSEIS COM POUCAS IMAGENS === */
.slick-carousel-container [class*=”slider-nav-“] .slick-track {
display: flex !important;
align-items: center;
justify-content: center; /* Centraliza quando há poucas imagens */
}
.slick-carousel-container [class*=”slider-nav-“] .slick-slide {
height: auto !important;
width: auto !important;
margin: 0 !important;
}
.nav-item {
padding: 0 5px;
cursor: pointer;
transition: all 0.3s ease;
}
.nav-thumbnail {
width: 100%;
height: 80px;
object-fit: cover;
border-radius: 6px;
opacity: 0.6;
transition: all 0.3s ease;
border: 2px solid transparent;
}
.nav-item:hover .nav-thumbnail {
opacity: 0.8;
}
/* === SLICK ESPECÍFICO PARA NAVEGAÇÃO – SLIDE ATIVO === */
.slick-carousel-container [class*=”slider-nav-“] .slick-current .nav-thumbnail {
opacity: 1;
border-color: #007bff;
transform: scale(1.05);
box-shadow: 0 2px 8px rgba(0,123,255,0.3);
}
/* === SETAS CUSTOMIZADAS PARA AS THUMBNAILS === */
.slick-carousel-container [class*=”slider-nav-“] .slick-prev,
.slick-carousel-container [class*=”slider-nav-“] .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 30px;
height: 30px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: rgba(255,255,255,0.9);
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
z-index: 10;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-prev:before,
.slick-carousel-container [class*=”slider-nav-“] .slick-next:before {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1;
color: #333;
opacity: 1;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-prev {
left: -15px;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-next {
right: -15px;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-prev:before {
content: ‘‹’;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-next:before {
content: ‘›’;
}
/* === DOTS CUSTOMIZADOS === */
.slick-carousel-container [class*=”slider-nav-“] .slick-dots {
bottom: -30px;
text-align: center;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-dots li button:before {
color: #007bff;
font-size: 12px;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-dots li.slick-active button:before {
color: #0056b3;
}
/* === RESPONSIVE DESIGN === */
@media (max-width: 768px) {
.slick-carousel-container {
margin: 10px;
padding: 0 15px;
}
.slide-item {
padding: 0;
}
.slide-image {
width: 100%;
max-width: 600px;
height: auto;
aspect-ratio: 3/2;
}
.slide-caption {
font-size: 13px;
padding: 8px;
margin-top: 10px;
}
.nav-thumbnail {
height: 60px;
}
.gallery-header {
padding: 10px 0;
}
.gallery-header h3 {
font-size: 13px;
}
/* Ajustar setas principais para mobile */
.slick-carousel-container [class*=”slider-for-“] .slick-prev,
.slick-carousel-container [class*=”slider-for-“] .slick-next {
width: 35px;
height: 35px;
}
.slick-carousel-container [class*=”slider-for-“] .slick-prev {
left: 10px;
}
.slick-carousel-container [class*=”slider-for-“] .slick-next {
right: 10px;
}
}
@media (max-width: 640px) {
.slide-image {
width: 100%;
height: 250px;
aspect-ratio: unset;
}
.nav-thumbnail {
height: 50px;
}
.slide-caption {
font-size: 12px;
padding: 6px;
}
/* Ajustar setas para mobile pequeno */
.slick-carousel-container [class*=”slider-nav-“] .slick-prev {
left: -10px;
}
.slick-carousel-container [class*=”slider-nav-“] .slick-next {
right: -10px;
}
}
@media (max-width: 480px) {
.slick-carousel-container {
padding: 0 10px;
}
.slide-image {
height: 200px;
}
.nav-thumbnail {
height: 40px;
}
/* Setas menores para mobile muito pequeno */
.slick-carousel-container [class*=”slider-for-“] .slick-prev,
.slick-carousel-container [class*=”slider-for-“] .slick-next {
width: 30px;
height: 30px;
}
.slick-carousel-container [class*=”slider-for-“] .slick-prev:before,
.slick-carousel-container [class*=”slider-for-“] .slick-next:before {
font-size: 16px;
}
.slick-carousel-container [class*=”slider-for-“] .slick-prev {
left: 5px;
}
.slick-carousel-container [class*=”slider-for-“] .slick-next {
right: 5px;
}
}
/* === ANIMAÇÕES SUAVES === */
.slick-carousel-container [class*=”slider-for-“] .slick-slide {
opacity: 0;
transition: opacity 0.3s ease;
}
.slick-carousel-container [class*=”slider-for-“] .slick-active {
opacity: 1;
}
/* === BANNER FINAL === */
.banner-final-noticia {
margin: 25px auto 20px auto;
padding: 15px 0;
text-align: center;
width: 100%;
max-width: 800px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #f0f0f0;
}
.banner-final-noticia a {
display: inline-block;
width: 100%;
text-decoration: none;
transition: all 0.3s ease;
}
.banner-final-noticia a:hover {
transform: translateY(-1px);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}
.banner-final-noticia .banner-image {
width: 100%;
height: auto;
min-height: 80px;
max-height: 150px;
object-fit: cover;
object-position: center;
border-radius: 6px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
cursor: pointer;
}
.banner-final-noticia .banner-image:hover {
opacity: 0.9;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
/* === RESPONSIVE BANNER === */
@media (max-width: 1024px) {
.banner-final-noticia {
margin: 20px auto 15px auto;
padding: 12px 10px;
max-width: 90%;
}
.banner-final-noticia .banner-image {
min-height: 70px;
max-height: 120px;
border-radius: 5px;
}
}
@media (max-width: 768px) {
.banner-final-noticia {
margin: 15px auto 12px auto;
padding: 10px 5px;
max-width: 95%;
}
.banner-final-noticia .banner-image {
min-height: 60px;
max-height: 100px;
border-radius: 4px;
}
.banner-final-noticia a:hover {
transform: none;
}
}
@media (max-width: 480px) {
.banner-final-noticia {
margin: 12px auto 10px auto;
padding: 8px 0;
}
.banner-final-noticia .banner-image {
min-height: 50px;
max-height: 80px;
}
}
// ===============================================
// SCRIPT GLOBAL MELHORADO PARA CARROSSEIS SLICK
// ===============================================
// Variáveis globais para controle
window.carouselInitialized = window.carouselInitialized || {};
window.carouselRetries = window.carouselRetries || {};
// Função para verificar se elementos estão prontos
function waitForElements(selector, callback, maxWait = 5000) {
const startTime = Date.now();
function check() {
const elements = $(selector);
if (elements.length > 0 && elements.find(‘img’).length > 0) {
callback(elements);
} else if (Date.now() – startTime 1,
autoplay: false,
speed: 300,
cssEase: ‘ease-in-out’
});
// Aguardar antes de inicializar navegação
setTimeout(function() {
$navSlider.slick({
slidesToShow: Math.min(5, navCount),
slidesToScroll: 1,
asNavFor: forSelector,
dots: navCount > 5,
centerMode: navCount > 3,
focusOnSelect: true,
variableWidth: false,
infinite: navCount > 3,
arrows: navCount > 5,
autoplay: false,
speed: 300,
cssEase: ‘ease-in-out’,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: Math.min(3, navCount),
centerMode: navCount > 3,
arrows: navCount > 3
}
},
{
breakpoint: 480,
settings: {
slidesToShow: Math.min(2, navCount),
centerMode: false,
arrows: navCount > 2
}
}
]
});
// Marcar como inicializado
window.carouselInitialized[groupId] = true;
console.log(`Carrossel 10157 inicializado com sucesso!`);
// Forçar refresh da posição
setTimeout(function() {
$forSlider.slick(‘setPosition’);
$navSlider.slick(‘setPosition’);
}, 100);
}, 150);
} catch (error) {
console.error(`Erro ao inicializar carrossel 10157:`, error);
// Tentar novamente uma vez
const retryCount = window.carouselRetries[groupId] || 0;
if (retryCount 0) {
console.log(`Corrigindo carrossel 10157`);
$forSlider.slick(‘setPosition’);
$navSlider.slick(‘setPosition’);
setTimeout(() => $forSlider.slick(‘slickGoTo’, 0), 100);
}
}
});
}
// Inicialização quando documento estiver pronto
$(document).ready(function() {
console.log(‘=== Documento Pronto – Inicializando Carrosseis ===’);
// Inicializar após um delay para garantir que tudo está carregado
setTimeout(initializeGlobalCarousels, 800);
// Verificação periódica
setInterval(checkCarousels, 5000);
});
// Event listener para Liferay
Liferay.on(“allPortletsReady”, function() {
console.log(‘=== Portlets Prontos – Verificando Carrosseis ===’);
// Configurar botão de impressão
$(‘#header_custom_print’).attr(‘href’, $(“[title*=’Imprimir’]”).children().attr(‘href’));
// Verificar carrosseis após portlets prontos
setTimeout(function() {
let needsInit = false;
$(‘.slick-carousel-container’).each(function() {
const groupId = $(this).attr(‘data-gallery-group’);
if (!window.carouselInitialized[groupId]) {
needsInit = true;
}
});
if (needsInit) {
console.log(‘Alguns carrosseis não foram inicializados, inicializando agora…’);
initializeGlobalCarousels();
}
}, 1000);
});
// Handler para redimensionamento
let resizeTimeout;
$(window).on(‘resize’, function() {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(function() {
console.log(‘Redimensionamento – Atualizando carrosseis’);
$(‘[class*=”slider-for-“], [class*=”slider-nav-“]’).each(function() {
if ($(this).hasClass(‘slick-initialized’)) {
try {
$(this).slick(‘setPosition’);
} catch (e) {
console.warn(‘Erro ao reposicionar:’, e);
}
}
});
}, 250);
});
// Funções de debug globais
window.debugAllCarousels = function() {
console.log(‘=== DEBUG GLOBAL DE CARROSSEIS ===’);
console.log(‘Carrosseis inicializados:’, window.carouselInitialized);
$(‘.slick-carousel-container’).each(function() {
const groupId = $(this).attr(‘data-gallery-group’);
const $forSlider = $(`.slider-for-10157`);
const $navSlider = $(`.slider-nav-10157`);
console.log(`Carrossel 10157:`, {
initialized: window.carouselInitialized[groupId] || false,
forExists: $forSlider.length > 0,
navExists: $navSlider.length > 0,
forSlickInit: $forSlider.hasClass(‘slick-initialized’),
navSlickInit: $navSlider.hasClass(‘slick-initialized’),
slides: $forSlider.find(‘.slide-item’).length
});
});
};
window.reinitAllCarousels = function() {
console.log(‘=== REINICIALIZAÇÃO MANUAL ===’);
window.carouselInitialized = {};
window.carouselRetries = {};
// Destruir todos os carrosseis
$(‘[class*=”slider-for-“], [class*=”slider-nav-“]’).each(function() {
if ($(this).hasClass(‘slick-initialized’)) {
try {
$(this).slick(‘unslick’);
} catch (e) {
console.warn(‘Erro ao destruir:’, e);
}
}
});
// Reinicializar após delay
setTimeout(initializeGlobalCarousels, 500);
};
Source: TST
Leave a Comment