Imprimir
O Tribunal reafirma seu compromisso com a boa governança, a confiança da sociedade e a qualidade da Justiça prestada.
13/8/2025 – Mais do que uma diretriz institucional, ética, transparência e responsabilidade na atuação pública são valores que sustentam a confiança da sociedade na Justiça e orientam todas as relações do Tribunal Superior do Trabalho (TST) — com pessoas, empresas, advocacia e demais públicos. Nos últimos anos, o TST tem fortalecido essa cultura por meio de políticas internas e iniciativas de conscientização, como a campanha interna “Fazer o certo é a única escolha”. Esse diálogo é ampliado para além de seus muros, com a reafirmação de que a integridade é um princípio essencial de sua atuação com toda a sociedade.
Ações concretas
O compromisso do TST com a ética não é apenas um discurso. Ele está documentado em instrumentos oficiais (políticas, normas e ações concretas) que integram o chamado Sistema de Integridade e estão acessíveis a todos. Entre os principais instrumentos destacam-se:
Política de Integridade: define os princípios e as diretrizes para a promoção de uma cultura de integridade, prevenção, detecção e punição de atos de corrupção, fraudes, irregularidades e desvios de conduta.
Plano de Integridade: documento atualizado periodicamente que descreve as ações práticas adotadas para fortalecer a cultura ética no Tribunal. Inclui ações de capacitação e comunicação, análise de riscos de integridade e monitoramento das penalidades apuradas e dos desvios investigados.
Política de Prevenção e Enfrentamento da Violência, do Assédio e da Discriminação: voltada à promoção de um ambiente de trabalho seguro e respeitoso, coibindo condutas que configurem violência, assédio e discriminação.
Código de Ética dos Servidores: orienta o comportamento do quadro funcional, prevenindo conflitos de interesse e garantindo respeito, impessoalidade e responsabilidade.
Ouvidoria do TST: canal de escuta da sociedade que recebe manifestações como elogios, sugestões, denúncias e reclamações, com garantia de sigilo, se solicitado.
Regulamentação específica para licitações e contratos: garante mais transparência nas contratações com fornecedores.
A quem interessa?
A integridade no TST interessa a todas as pessoas que se relacionam com o Tribunal. Seja no papel de fornecedoras, integrantes da advocacia, partes processuais ou visitantes, todas têm o direito de serem tratadas com respeito e a responsabilidade de agir com ética.
Para empresas e prestadoras de serviço, é fundamental seguir as regras estabelecidas. As empresas que mantêm contratos com o TST devem pautar sua conduta pela ética e pela conformidade com a legislação. O TST não admite práticas como oferecimento de vantagens indevidas, direcionamento de licitações ou favorecimentos pessoais. Em caso de descumprimento, há consequências severas, como rompimento de contrato, a proibição de contratar com a administração pública e processo administrativo de responsabilização.
Para as pessoas, quem interage com o TST, seja em um processo, em um atendimento ou mesmo ao acessar informações no portal, tem o direito de ser tratado com respeito, impessoalidade e lisura. A sociedade é um importante agente fiscalizador e pode (e deve) estar atenta a qualquer conduta que fuja aos padrões éticos esperados do serviço público ou da magistratura.
Como denunciar irregularidades?
Caso você presencie ou tenha conhecimento de alguma conduta que viole os princípios éticos do TST, pode (e deve) comunicar o fato à Ouvidoria, que atua como ponte entre a sociedade e o Tribunal. Ela garante que as manifestações serão recebidas, analisadas e encaminhadas aos setores competentes para apuração. As denúncias podem ser feitas de forma anônima, com total sigilo.
Veja como denunciar:
Reúna informações: anote datas, locais e nomes e descreva o que ocorreu. Se possível, inclua provas, como fotos ou documentos.
Escolha o canal:
Formulário eletrônico: disponível no site do TST.
Telefone e e-mail: para orientações e envio de denúncias.
Atendimento presencial: se estiver em Brasília, é possível ir à sede do TST para registrar a manifestação pessoalmente.
Casos de assédio ou violência institucional contam com um canal específico e acolhedor, vinculado ao Comitê de Prevenção e Enfrentamento do Assédio e da Discriminação.
O que é considerado uma irregularidade?
Conforme definido na Política de Integridade do TST, a quebra de integridade ou irregularidade abrange uma gama de comportamentos inadequados. É importante saber identificar sinais de alerta que incluem, mas não se limitam a:
Corrupção e fraude: suborno, desvio de recursos públicos ou fraudes em licitações e contratos.
Conflito de interesses: quando interesses pessoais influenciam indevidamente decisões públicas.
Abuso de poder: uso do cargo para benefício próprio ou de terceiros.
Nepotismo: favorecimento de parentes em nomeações ou contratos — incluindo cônjuges, companheiros e familiares até o terceiro grau.
Vazamento ou uso indevido de informações: compartilhamento de dados sigilosos obtidos no exercício da função.
Assédio moral ou sexual: atitudes abusivas que ferem a dignidade de colegas ou do público externo.
Outros desvios de conduta: desrespeito a normas legais, atrasos injustificados em publicações ou desobediência às regras de editais.
Esses comportamentos não são tolerados e estão sujeitos a investigação e responsabilização.
Transparência como regra
Ao colocar a ética como valor central, o TST reafirma seu compromisso com a boa governança, a confiança da sociedade e a qualidade da Justiça prestada. A integridade, para o Tribunal, é mais que uma diretriz interna: é uma prática que fortalece a democracia e garante o respeito a todas as pessoas.
(Secom. Foto: Bárbara Cabral)
Receba nossos conteúdos
Quer receber as notícias do TST em seu email? Assine a nossa newsletter.
Se quiser receber as notícias em seu WhatsApp, faça parte da comunidade do TST no aplicativo. Atenção: ao ingressar, os demais membros não terão acesso ao seu contato. Os envios de conteúdo são realizados uma vez por dia, em dias úteis.
Esta matéria é meramente informativa.
Permitida a reprodução mediante citação da fonte.
Secretaria de Comunicação Social
Tribunal Superior do Trabalho
Tel. (61) 3043-4907
secom@tst.jus.br
×
1 / 1
‹
›
Mais detalhes
Número de visualizações
0
Visualizações
// Objeto para armazenar dados das imagens por grupo
const imageGalleries = {};
let currentModalIndex = 0;
let currentGalleryGroup = 0;
// Coletar dados das imagens do DOM por grupo, SEMPRE usando a ordem atual do DOM
function initGalleryCustom() {
// Limpar dados anteriores
Object.keys(imageGalleries).forEach(key => delete imageGalleries[key]);
console.log(‘Inicializando galerias baseado na ordem atual do DOM…’);
// SEMPRE usar a ordem atual do DOM, ignorar scripts JSON após reordenação
const galleryContainers = document.querySelectorAll(‘.gallery-container-custom’);
galleryContainers.forEach((container) => {
const groupId = container.getAttribute(‘data-gallery-group’);
const thumbnails = container.querySelectorAll(‘.thumbnail’);
imageGalleries[groupId] = [];
// Coletar imagens na ordem atual do DOM
thumbnails.forEach((img, index) => {
imageGalleries[groupId].push({
src: img.src,
alt: img.alt,
fileEntryId: img.getAttribute(‘data-fileentryid’),
imageIndex: index, // Usar índice atual do DOM
originalOrder: parseInt(img.getAttribute(‘data-original-order’)) || index
});
});
console.log(‘Grupo ‘ + groupId + ‘ carregado com ‘ + imageGalleries[groupId].length + ‘ imagens (ordem DOM)’);
});
console.log(‘Galerias inicializadas:’, imageGalleries);
// Atualizar contadores nos títulos
updateGalleryTitles();
// Recriar os atributos onclick com os índices corretos
updateOnClickHandlers();
}
// Atualizar os handlers onclick para refletir a ordem atual
function updateOnClickHandlers() {
const galleryContainers = document.querySelectorAll(‘.gallery-container-custom’);
galleryContainers.forEach((container) => {
const groupId = container.getAttribute(‘data-gallery-group’);
const thumbnails = container.querySelectorAll(‘.thumbnail’);
thumbnails.forEach((img, index) => {
// Atualizar o data-image-index para refletir a posição atual
img.setAttribute(‘data-image-index’, index);
// Remover o onclick antigo e adicionar o novo
img.onclick = null;
img.onclick = function() {
openModalCustom(index, groupId);
};
console.log(‘Thumbnail ‘ + index + ‘ do grupo ‘ + groupId + ‘ atualizado’);
});
});
}
// Método fallback – REMOVIDO pois agora sempre usamos DOM
// function fallbackLoadGallery(groupId) { … }
// Atualizar títulos das galerias com contadores corretos
function updateGalleryTitles() {
Object.keys(imageGalleries).forEach(groupId => {
const container = document.querySelector(‘.gallery-container-custom[data-gallery-group=”‘ + groupId + ‘”]’);
if (container) {
const title = container.querySelector(‘.gallery-header h3’);
const imageCount = imageGalleries[groupId].length;
if (title && imageCount > 0) {
title.textContent = ‘Mais imagens (‘ + imageCount + ‘)’;
}
}
});
}
// Função para reinicializar quando a ordem dos campos muda
function handleFieldReorder() {
console.log(‘Reordenação detectada, reinicializando galerias…’);
// Fechar modal se estiver aberto
const modal = document.getElementById(‘imageModalCustom’);
if (modal && modal.style.display === ‘block’) {
closeModalCustom();
}
// Atualizar IDs e reinicializar
updateGroupIds();
initGalleryCustom();
}
// Atualizar modal com nova imagem
function updateModalImage() {
const modalImage = document.getElementById(‘modalImageCustom’);
const modalDescription = document.getElementById(‘modalDescriptionCustom’);
const modalCounter = document.getElementById(‘modalCounterCustom’);
const modalPrev = document.getElementById(‘modalPrevCustom’);
const modalNext = document.getElementById(‘modalNextCustom’);
const currentGallery = imageGalleries[currentGalleryGroup];
if (currentGallery && currentGallery[currentModalIndex]) {
const image = currentGallery[currentModalIndex];
modalImage.src = image.src;
modalImage.alt = image.alt;
modalDescription.textContent = image.alt;
modalCounter.textContent = (currentModalIndex + 1) + ‘ / ‘ + currentGallery.length;
// Atualizar estado dos botões
modalPrev.disabled = (currentModalIndex === 0);
modalNext.disabled = (currentModalIndex === currentGallery.length – 1);
console.log(‘Modal atualizado – Grupo:’, currentGalleryGroup, ‘Índice:’, currentModalIndex, ‘Imagem:’, image.src);
}
}
// Abrir modal
function openModalCustom(index, galleryGroup) {
const modal = document.getElementById(‘imageModalCustom’);
currentGalleryGroup = galleryGroup;
currentModalIndex = index;
console.log(‘Abrindo modal – Grupo:’, galleryGroup, ‘Índice:’, index);
if (imageGalleries[galleryGroup] && imageGalleries[galleryGroup][index]) {
updateModalImage();
modal.style.display = ‘block’;
document.body.style.overflow = ‘hidden’;
} else {
console.error(‘Imagem não encontrada:’, galleryGroup, index, imageGalleries);
}
}
// Próxima imagem no modal
function nextImageModal() {
const currentGallery = imageGalleries[currentGalleryGroup];
if (currentGallery && currentModalIndex 0) {
currentModalIndex–;
updateModalImage();
}
}
// Fechar modal
function closeModalCustom() {
const modal = document.getElementById(‘imageModalCustom’);
modal.style.display = ‘none’;
document.body.style.overflow = ‘auto’;
}
// Event listeners
document.addEventListener(‘DOMContentLoaded’, function() {
// Inicializar galeria
setTimeout(initGalleryCustom, 100);
// Fechar modal clicando fora da imagem
const modal = document.getElementById(‘imageModalCustom’);
if (modal) {
modal.addEventListener(‘click’, function(e) {
if (e.target === modal) {
closeModalCustom();
}
});
}
});
// Escutar eventos de reordenação dos campos repetíveis
document.addEventListener(‘repeatableFieldReordered’, function(e) {
console.log(‘Campo reordenado detectado:’, e.detail);
// Aguardar um pouco para garantir que o DOM foi atualizado
setTimeout(function() {
console.log(‘Detectando e corrigindo duplicação de conteúdo…’);
// Primeiro, detectar e corrigir duplicação de matérias
fixDuplicatedContent();
// Depois atualizar galerias
updateGroupIds();
initGalleryCustom();
// Se o modal estiver aberto, fechar para evitar inconsistências
const modal = document.getElementById(‘imageModalCustom’);
if (modal && modal.style.display === ‘block’) {
closeModalCustom();
console.log(‘Modal fechado devido à reordenação’);
}
}, 200);
});
// Escutar eventos de reordenação dos campos repetíveis
document.addEventListener(‘repeatableFieldReordered’, function(e) {
console.log(‘Campo reordenado detectado:’, e.detail);
handleFieldReorder();
});
// Escutar evento de mudança de ordem do conteúdo
document.addEventListener(‘contentOrderChanged’, function(e) {
console.log(‘Ordem do conteúdo alterada:’, e.detail);
handleContentOrderChange(e.detail);
});
// Lidar com mudança na ordem do conteúdo
function handleContentOrderChange(detail) {
console.log(‘Processando mudança de ordem do conteúdo…’);
// Fechar modal se estiver aberto
const modal = document.getElementById(‘imageModalCustom’);
if (modal && modal.style.display === ‘block’) {
closeModalCustom();
}
// Aguardar e reinicializar completamente
setTimeout(function() {
console.log(‘Reconstruindo galerias após mudança de conteúdo…’);
// Limpar tudo e reconstruir
rebuildGalleries();
}, 300);
}
// Reconstruir galerias completamente
function rebuildGalleries() {
// Limpar dados existentes
Object.keys(imageGalleries).forEach(key => delete imageGalleries[key]);
// Encontrar todas as galerias novamente
const galleryContainers = document.querySelectorAll(‘.gallery-container-custom’);
console.log(‘Reconstruindo ‘ + galleryContainers.length + ‘ galerias’);
galleryContainers.forEach((container, index) => {
// Redefinir IDs de grupo sequencialmente
container.setAttribute(‘data-gallery-group’, index);
const thumbnails = container.querySelectorAll(‘.thumbnail’);
imageGalleries[index] = [];
// Recriar dados da galeria
thumbnails.forEach((img, imgIndex) => {
// Atualizar atributos
img.setAttribute(‘data-gallery-group’, index);
img.setAttribute(‘data-image-index’, imgIndex);
// Recriar onclick
img.onclick = function() {
openModalCustom(imgIndex, index);
};
// Adicionar aos dados
imageGalleries[index].push({
src: img.src,
alt: img.alt,
fileEntryId: img.getAttribute(‘data-fileentryid’),
imageIndex: imgIndex,
originalOrder: imgIndex
});
});
// Atualizar título
const title = container.querySelector(‘.gallery-header h3’);
if (title && imageGalleries[index].length > 0) {
title.textContent = ‘Mais imagens (‘ + imageGalleries[index].length + ‘)’;
}
console.log(‘Galeria ‘ + index + ‘ reconstruída com ‘ + imageGalleries[index].length + ‘ imagens’);
});
console.log(‘Reconstrução concluída:’, imageGalleries);
}
// Função principal para lidar com reordenação (simplificada)
function handleFieldReorder() {
console.log(‘Processando reordenação de campos…’);
// Fechar modal se estiver aberto
const modal = document.getElementById(‘imageModalCustom’);
if (modal && modal.style.display === ‘block’) {
closeModalCustom();
}
// Aguardar e reinicializar
setTimeout(function() {
console.log(‘Reinicializando galerias…’);
updateGroupIds();
initGalleryCustom();
}, 200);
}
// Atualizar os IDs dos grupos após reordenação para manter consistência
function updateGroupIds() {
const galleryContainers = document.querySelectorAll(‘.gallery-container-custom’);
galleryContainers.forEach((container, newIndex) => {
const oldGroupId = container.getAttribute(‘data-gallery-group’);
const newGroupId = newIndex.toString();
if (oldGroupId !== newGroupId) {
console.log(‘Atualizando grupo ID de ‘ + oldGroupId + ‘ para ‘ + newGroupId);
// Atualizar o container
container.setAttribute(‘data-gallery-group’, newGroupId);
// Atualizar todos os thumbnails deste grupo
const thumbnails = container.querySelectorAll(‘.thumbnail’);
thumbnails.forEach((img, imgIndex) => {
img.setAttribute(‘data-gallery-group’, newGroupId);
img.setAttribute(‘data-image-index’, imgIndex);
});
// Atualizar script JSON se existir
const script = document.querySelector(‘script.gallery-data[data-gallery-group=”‘ + oldGroupId + ‘”]’);
if (script) {
script.setAttribute(‘data-gallery-group’, newGroupId);
}
}
});
}
// Observador adicional para mudanças no DOM relacionadas aos campos de imagem
const imageFieldObserver = new MutationObserver(function(mutations) {
let shouldReinitialize = false;
mutations.forEach(function(mutation) {
if (mutation.type === ‘childList’) {
mutation.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
// Verificar se é um campo de imagem ou contém campos de imagem
if (node.classList && node.classList.contains(‘lfr-forms__form-view-field-repeatable-dnd’) ||
node.querySelector && node.querySelector(‘.gallery-container-custom’)) {
shouldReinitialize = true;
}
}
});
mutation.removedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.classList && node.classList.contains(‘lfr-forms__form-view-field-repeatable-dnd’) ||
node.querySelector && node.querySelector(‘.gallery-container-custom’)) {
shouldReinitialize = true;
}
}
});
}
});
if (shouldReinitialize) {
setTimeout(initGalleryCustom, 300);
}
});
// Observar mudanças no body para capturar reordenações
imageFieldObserver.observe(document.body, {
childList: true,
subtree: true
});
// Navegação por teclado
document.addEventListener(‘keydown’, function(e) {
const modal = document.getElementById(‘imageModalCustom’);
if (modal && modal.style.display === ‘block’) {
if (e.key === ‘Escape’) {
closeModalCustom();
} else if (e.key === ‘ArrowLeft’) {
prevImageModal();
} else if (e.key === ‘ArrowRight’) {
nextImageModal();
}
}
});
$(‘#lightbox-kiiq_ .slider-gallery-wrapper img’).hover(
function() {
const $text=$($($(this).parent()).next());
$text.hasClass(‘inside-description’) && $text.fadeTo( “slow” , 0);
}, function() {
const $text=$($($(this).parent()).next());
$text.hasClass(‘inside-description’) && $text.fadeTo( “slow” , 1);
}
);
$(document).ready(function() {
});
Liferay.on(“allPortletsReady”, function() {
$(‘#header_custom_print’).attr(‘href’, $(“[title*=’Imprimir’]”).children().attr(‘href’));
})
.banner-final-noticia {
margin: 25px auto 20px auto;
padding: 15px 0;
text-align: center;
width: 100%;
max-width: 800px; /* Largura reduzida */
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; /* Altura mínima reduzida */
max-height: 150px; /* Altura máxima reduzida */
object-fit: cover; /* Mantém proporção e preenche o espaço */
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);
}
.banner-final-noticia .banner-legenda {
margin-top: 10px;
font-size: 13px;
font-style: italic;
color: #666;
line-height: 1.4;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
/* === RESPONSIVIDADE === */
/* Tablets */
@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;
}
.banner-final-noticia .banner-legenda {
font-size: 13px;
max-width: 90%;
}
}
/* Mobile */
@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 .banner-legenda {
font-size: 12px;
margin-top: 8px;
padding: 0 10px;
}
.banner-final-noticia a:hover {
transform: none; /* Remove efeito hover no mobile */
}
}
/* Mobile pequeno */
@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;
}
.banner-final-noticia .banner-legenda {
font-size: 11px;
padding: 0 15px;
}
}
.gallery-container-custom {
max-width: 800px;
margin: 20px auto;
background: white;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
overflow: hidden;
font-family: Arial, sans-serif;
}
.gallery-header {
background: #e8e8e8;
padding: 15px;
border-bottom: 2px dotted #ccc;
}
.gallery-header h3 {
color: #333;
font-size: 14px;
margin: 0 0 10px 0;
}
.thumbnail-container {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-start;
}
/* Adaptação automática baseada na quantidade de imagens */
.thumbnail-container.images-1 {
justify-content: center;
}
.thumbnail-container.images-2 {
justify-content: center;
}
.thumbnail-container.images-3 {
justify-content: center;
}
.thumbnail-container.images-4 {
justify-content: center;
}
.thumbnail-container.images-5-plus {
justify-content: flex-start;
}
/* Tamanhos adaptativos dos thumbnails */
.thumbnail-container.images-1 .thumbnail {
width: 80px;
height: 80px;
}
.thumbnail-container.images-2 .thumbnail {
width: 70px;
height: 70px;
}
.thumbnail-container.images-3 .thumbnail {
width: 65px;
height: 65px;
}
.thumbnail-container.images-4 .thumbnail {
width: 60px;
height: 60px;
}
.thumbnail-container.images-5-plus .thumbnail {
width: 55px;
height: 55px;
}
.thumbnail {
width: 60px;
height: 60px;
border-radius: 5px;
object-fit: cover;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
border: 2px solid transparent;
}
.thumbnail:hover {
transform: scale(1.05);
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
border-color: #007bff;
}
/* Modal Styles */
.image-modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.9);
animation: fadeIn 0.3s;
}
.modal-content-custom {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
max-height: 90%;
text-align: center;
}
.modal-image {
max-width: 100%;
max-height: 80vh;
object-fit: contain;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(255,255,255,0.1);
}
.modal-description {
background: white;
color: #333;
padding: 15px;
margin-top: 15px;
border-radius: 8px;
font-size: 16px;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.modal-close {
position: absolute;
top: 15px;
right: 25px;
color: white;
font-size: 35px;
font-weight: bold;
cursor: pointer;
transition: color 0.3s;
z-index: 1001;
}
.modal-close:hover {
color: #007bff;
}
/* Navegação no Modal */
.modal-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0,0,0,0.7);
color: white;
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s;
z-index: 1002;
}
.modal-nav:hover {
background: rgba(0,0,0,0.9);
}
.modal-nav:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.modal-prev {
left: 20px;
}
.modal-next {
right: 20px;
}
.modal-counter {
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.7);
color: white;
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
z-index: 1002;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* Responsive Design */
@media (max-width: 768px) {
.gallery-container-custom {
margin: 10px;
}
/* Ajustes para mobile – thumbnails menores */
.thumbnail-container.images-1 .thumbnail {
width: 60px;
height: 60px;
}
.thumbnail-container.images-2 .thumbnail {
width: 55px;
height: 55px;
}
.thumbnail-container.images-3 .thumbnail {
width: 50px;
height: 50px;
}
.thumbnail-container.images-4 .thumbnail {
width: 45px;
height: 45px;
}
.thumbnail-container.images-5-plus .thumbnail {
width: 40px;
height: 40px;
}
.modal-close {
font-size: 28px;
top: 10px;
right: 15px;
}
.modal-description {
font-size: 14px;
padding: 12px;
}
.modal-nav {
width: 40px;
height: 40px;
font-size: 20px;
}
.modal-prev {
left: 10px;
}
.modal-next {
right: 10px;
}
.modal-counter {
font-size: 12px;
padding: 6px 12px;
}
}
@media (max-width: 480px) {
/* Para telas muito pequenas */
.thumbnail-container {
gap: 8px;
}
.thumbnail-container.images-5-plus .thumbnail {
width: 35px;
height: 35px;
}
.gallery-header h3 {
font-size: 12px;
}
}
Source: TST
Leave a Comment