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