/* ==========================================================================
   Trabalhos realizados: carrossel da home e página de galeria
   ========================================================================== */

.foto-trabalho {
    position: relative; aspect-ratio: 4 / 3; overflow: hidden; cursor: zoom-in;
    border-radius: var(--jj-radius); background: var(--jj-surface-2);
}
.foto-trabalho img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.foto-trabalho:hover img { transform: scale(1.05); }
.foto-trabalho .legenda {
    position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 14px 12px;
    font-size: .8rem; font-weight: 500; color: #fff; background: linear-gradient(transparent, rgba(0, 0, 0, .7));
    opacity: 0; transition: opacity .25s;
}
.foto-trabalho:hover .legenda,
.grade-galeria .foto-trabalho .legenda { opacity: 1; }

.barra-ferramentas { padding: 12px 16px; }
.paginacaoGaleria { width: auto; min-width: 72px; }