.portfolio-page { padding-bottom: 0; }

/* layout igual serviços */
.portfolio-page .servicos-layout { padding: 40px 0 56px; }
.portfolio-page .servicos-layout-grid { display: grid; grid-template-columns: minmax(240px, 315px) 1fr; gap: 40px; align-items: start; }

.portfolio-page .servicos-menu-list { list-style: none; margin: 0; padding: 0; border: 1px solid #e5e5e5; display: grid; gap: 10px; }
.portfolio-page .servicos-menu-item { border: 1px solid var(--cor1); border-left: 6px solid var(--cor2); }
.portfolio-page .servicos-menu-link { display: flex; align-items: center; justify-content: space-between; padding: 15px; font: 18.76px / 1 titillium; color: var(--cor2); background: var(--branco); transition: background var(--transition2), color var(--transition2); }
.portfolio-page .servicos-menu-link:hover { background: #f7f7f7; }
.portfolio-page .servicos-menu-item.is-ativo { border-left-color: var(--cor1); }
.portfolio-page .servicos-menu-item.is-ativo .servicos-menu-link { background: var(--cor2); color: var(--branco); font-style: italic; }
.portfolio-page .servicos-menu-link .seta { font-size: 22px; line-height: 1; opacity: .85; }

/* conteúdo */
.portfolio-conteudo { display: flex; flex-direction: column; gap: 48px; }

.portfolio-grupo-titulo { font: 700 37.24px/1.1 titillium; color: var(--cor2); margin: 0 0 24px; display: block; padding-left: 20px; border-left: 6px solid var(--cor1); }

.portfolio-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }

.portfolio-item { margin: 0; overflow: hidden; }
.portfolio-item img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4/3; transition: transform var(--transition2); }
.portfolio-item:hover img { transform: scale(1.04); }

@media (max-width: 990px) {
    .portfolio-page .servicos-layout-grid { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 600px) {
    .portfolio-grid { grid-template-columns: 1fr; }
}