.sec-portfolio{flex-direction:column;gap:50px;display:flex}.sec-portfolio .cabecalho{flex-direction:column;gap:30px;padding:0 20px;display:flex}.sec-portfolio .cabecalho h1,.sec-portfolio .cabecalho h1 span{font-size:clamp(2rem,3.5rem,3.5vw);font-weight:400}.sec-portfolio .cabecalho h1 span{font-style:italic}.sec-portfolio .cabecalho .filtros{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sec-portfolio .cabecalho .filtros button{border:var(--thin-border);font-weight:300;font-family:var(--font-poppins);color:var(--text);cursor:pointer;outline-offset:2px;background:0 0;border-radius:100px;outline:2px solid #0000;padding:10px 20px;font-size:.8rem;transition:all .3s}.sec-portfolio .cabecalho .filtros button:hover{border-color:var(--lilac);color:var(--title)}.sec-portfolio .cabecalho .filtros button:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.sec-portfolio .cabecalho .filtros button.activo{background-color:var(--white-in-black);color:var(--black-in-white);border-color:var(--white-in-black)}.sec-portfolio .grid-projecto{background-color:var(--black);border-radius:50px;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;padding:50px 20px;display:grid}.sec-portfolio .grid-projecto .card{border:1px solid var(--gray);background-color:#111;border-radius:20px;flex-direction:column;gap:20px;width:100%;padding:20px;transition:border-color .3s,transform .3s;display:flex}.sec-portfolio .grid-projecto .card .tt{color:var(--white);cursor:pointer;outline-offset:2px;background:0 0;border:none;border-radius:4px;outline:2px solid #0000;justify-content:flex-start;width:fit-content;padding:0;font-family:inherit;font-size:1.1rem}.sec-portfolio .grid-projecto .card .tt:hover{opacity:.8}.sec-portfolio .grid-projecto .card .tt:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.sec-portfolio .grid-projecto .card .tag-data{justify-content:space-between;align-items:center;display:flex}.sec-portfolio .grid-projecto .card .tag-data span,.sec-portfolio .grid-projecto .card .tag-data time{color:var(--white);font-family:var(--font-fira);-webkit-user-select:none;user-select:none;cursor:default;font-size:.9rem}.sec-portfolio .grid-projecto .card .tag-data span{background:var(--lilac-transparent);color:var(--lilac);border:1px solid var(--lilac-transparent);border-radius:100px;padding:2px 10px;font-size:.75rem;font-weight:500}.sec-portfolio .grid-projecto .card .btn-img{cursor:pointer;outline-offset:2px;background:0 0;border:none;border-radius:10px;outline:2px solid #0000;width:100%;padding:0;overflow:hidden}.sec-portfolio .grid-projecto .card .btn-img:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.sec-portfolio .grid-projecto .card .btn-img img{filter:saturate(0);border-radius:10px;width:100%;height:auto;transition:transform .5s cubic-bezier(.4,0,.2,1);display:block}.sec-portfolio .grid-projecto .card .btn-img:hover img{transform:scale(1.05)}@media (max-width:768px){.sec-portfolio .grid-projecto{border-radius:30px;grid-template-columns:repeat(2,1fr);gap:16px;padding:30px 16px 16px}.sec-portfolio .grid-projecto .card{gap:16px;padding:16px}.sec-portfolio .grid-projecto .card .tt{font-size:1rem}}@media (max-width:600px){.sec-portfolio .grid-projecto{border-radius:24px;grid-template-columns:1fr;gap:16px;padding:24px 12px 12px}.sec-portfolio .grid-projecto .card{gap:14px;padding:14px}.sec-portfolio .grid-projecto .card .tt{font-size:.95rem}.sec-portfolio .cabecalho{gap:20px;padding:0 12px}.sec-portfolio .cabecalho .filtros button{padding:8px 14px;font-size:.75rem}}@media (max-width:400px){.sec-portfolio .grid-projecto{border-radius:16px;gap:12px;padding:16px 8px 8px}.sec-portfolio .grid-projecto .card{border-radius:14px;gap:12px;padding:12px}.sec-portfolio .grid-projecto .card .tt{font-size:.85rem}.sec-portfolio .grid-projecto .card .tag-data span,.sec-portfolio .grid-projecto .card .tag-data time{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.sec-portfolio .grid-projecto .card,.sec-portfolio .grid-projecto .card .btn-img img{transition:none!important}.sec-portfolio .grid-projecto .card:hover,.sec-portfolio .grid-projecto .card .btn-img:hover img{transform:none!important}}