#main.portfolio-page {padding: 245px 7% 70px;}
.portfolio-content {max-width: 1920px;margin: 0 auto;}
.portfolio-heading h1 {color: var(--cor-texto-principal);margin: 0 0 28px;}
.portfolio-intro {margin-bottom: 32px;}
.portfolio-mosaic {columns: 4;column-gap: 16px;}
.portfolio-mosaic:empty {display: none;}
.portfolio-mosaic .portfolio-photo {
    display: block;
    break-inside: avoid;
    margin: 0 0 16px;

    cursor: zoom-in;
}
.portfolio-mosaic .portfolio-photo img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    opacity: 0.9;
    transition: .2s ease;
}
.portfolio-mosaic .portfolio-photo:hover img {opacity: 1; transform: scale(1.1); z-index:9}
.portfolio-mosaic .portfolio-photo:focus-visible {outline: 3px solid var(--cor-botao);outline-offset: 3px;}
@media (max-width: 1000px) {.portfolio-mosaic {columns: 2;}}
@media (max-width: 600px) {
    #main.portfolio-page {padding-top: 130px;}
    .portfolio-mosaic {columns: 1;}
}