Telefone: (61) 3327-3888

Estacionamento gratuito para clientes

contato@pinheiroadvocaciadf.com.br
Pinheiro AdvocaciaPinheiro AdvocaciaPinheiro AdvocaciaPinheiro Advocacia
  • Home
  • Quem Somos
  • Áreas de Atuação
    • Direito Trabalhista
    • Direito Empresarial
    • Direito de Família e Sucessões
    • Direito Condominial
    • Direito Imobiliário
    • Direito do Consumidor
    • Contratos
    • Direito de trânsito
  • Notícias
  • Contato
    • Envie um E-mail
    • Banco de Talentos
  • Advogado Correspondente

TST inicia sessão virtual para reafirmar jurisprudência em 68 temas

    Home Sem categoria TST inicia sessão virtual para reafirmar jurisprudência em 68 temas

    TST inicia sessão virtual para reafirmar jurisprudência em 68 temas

    By admin | Sem categoria | 0 comment | 15 agosto, 2025 | 0

    Imprimir

    A sessão está sendo realizada integralmente de forma eletrônica, com encerramento previsto para a próxima sexta-feira, 22 de agosto.

    15/8/2025 – O Pleno do Tribunal Superior do Trabalho (TST) iniciou, nesta sexta-feira (15), uma sessão no plenário virtual para reafirmar jurisprudência em 68 temas. Esses temas abrangem matérias já pacificadas em Súmulas, Orientações Jurisprudenciais e entendimentos consolidados no tribunal, sem divergências entre as turmas e a Subseção I Especializada em Dissídios Individuais (SDI-1).

    Por se tratarem de temas das quais a jurisprudência do TST é uniforme, eles podem ser submetidos ao rito dos recursos repetitivos pela sistemática de reafirmação de jurisprudência, o que contribui para a consolidação dos entendimentos e fortalece a segurança jurídica. A iniciativa visa fixar novas teses jurídicas de caráter vinculante.

    A sessão está sendo realizada integralmente de forma eletrônica, com encerramento previsto para a próxima sexta-feira, 22 de agosto. O julgamento em formato virtual está em conformidade com as diretrizes da Emenda Regimental nº 7/2024, que conferiu maior agilidade e flexibilidade ao julgamento de processos por meio do Plenário Eletrônico.

    Entre os principais temas em análise, destacam-se:

    RR – 0000103-05.2024.5.05.0421 – AUXÍLIO-DOENÇA ACIDENTÁRIO. APOSENTADORIA POR INVALIDEZ. SUSPENSÃO DO CONTRATO DE TRABALHO. RECONHECIMENTO DO DIREITO À MANUTENÇÃO DE PLANO DE SAÚDE OU DE ASSISTÊNCIA MÉDICA.   MATÉRIA PACIFICADA NA SÚMULA Nº 440 DO TST. 

    RR – 0000174-08.2024.5.22.0106 – TRABALHADOR RURAL. COLHEITA DE LARANJAS. REMUNERAÇÃO POR PRODUÇÃO. SOBREJORNADA. DEVIDAS AS HORAS EXTRAS ACRESCIDAS DO ADICIONAL.

    RR – 0010136-82.2024.5.03.0171- HORAS EXTRAS. COMPROVAÇÃO DE PARTE DO PERÍODO ALEGADO. MATÉRIA PACIFICADA NA ORIENTAÇÃO JURISPRUDENCIAL SBDI-1 Nº 233.

    RR – 0010391-25.2024.5.03.0176 – TRABALHADOR RURAL. PAUSAS DA NR 31 DO MTE. 

    RR – 0011349-11.2022.5.15.0026 – DISPENSA DISCRIMINATÓRIA. PRESUNÇÃO. EMPREGADO PORTADOR DE DOENÇA GRAVE. ESTIGMA OU PRECONCEITO. DIREITO À REINTEGRAÇÃO. MATÉRIA PACIFICADA NA SÚMULA Nº 443 DO TST.

    RR – 1000733-66.2024.5.02.0085 – ADICIONAL DE PERICULOSIDADE. TRABALHO REALIZADO EM SISTEMA ELÉTRICO DE POTÊNCIA OU EM CONDIÇÕES SIMILARES (ALTA TENSÃO), AINDA QUE EM UNIDADE CONSUMIDORA DE ENERGIA ELÉTRICA. EXTENSÃO DO DIREITO PREVISTO PARA A CATEGORIA DOS ELETRICITÁRIOS. BASE DE CÁLCULO. INCIDÊNCIA SOBRE A TOTALIDADE DAS PARCELAS DE NATUREZA SALARIAL. 

    Confira a lista completa dos temas.

    (Secom/TST)

    ×
    1 / 1
    ‹
    ›

    Mais detalhes

    Número de visualizações

    26
    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-wtbp_ .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

    Art Work

    Leave a Comment

    Cancelar resposta

    O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

    Copyright 2018 | Pinheiro Advocacia | Todos os direitos reservados | Desenvolvido por G3 Comunicação
    • Home
    • Quem Somos
    • Áreas de Atuação
      • Direito Trabalhista
      • Direito Empresarial
      • Direito de Família e Sucessões
      • Direito Condominial
      • Direito Imobiliário
      • Direito do Consumidor
      • Contratos
      • Direito de trânsito
    • Notícias
    • Contato
      • Envie um E-mail
      • Banco de Talentos
    • Advogado Correspondente
    Pinheiro Advocacia