.portifolio{width:100%;height:auto;background:url("../assets/bg/port.webp") center/cover no-repeat;overflow:hidden}.container-portifolio{max-width:1440px;margin:0 auto;padding:0 60px;padding-bottom:120px;position:relative}.container-portifolio>h2{font:var(--h2);color:var(--pc);padding-top:120px}.container-portifolio>h2 span{color:var(--l)}.portifoilio-projeto{display:grid;grid-template-columns:1fr;gap:15px;max-width:430px;padding:15px;border-radius:30px;background-color:var(--pc);align-items:center;transition:all .1s ease-out}.projeto-img{width:400px;height:100%;border-radius:15px}.projeto-conteudo{display:none;opacity:0;height:auto;transition:opacity .3s ease .2s}.projeto-conteudo>h2{font:var(--h3);margin-bottom:8px}.projeto-conteudo>p{font:var(--m);margin-bottom:15px}.projeto-conteudo>p span{font:var(--mb);color:var(--l)}.fechar-card{display:none}.projeto-conteudo-vertical{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.vertical-cards{display:flex;gap:8px;align-items:flex-start}.border-radios-card{width:26px;height:26px;border-radius:50%;background-color:var(--a1);display:flex;align-items:center;justify-content:center;margin-top:3px}.vertical-cards img{object-fit:cover;background-color:var(--a1);height:12px;width:12px}.projeto-conteudo-detalhe h3{font:var(--ui-p);color:var(--b6);margin-bottom:3px}.projeto-conteudo-detalhe p{font:var(--ui-p);color:var(--b2);max-width:45ch}.btn-projetos{display:flex;justify-content:space-between}.projeto-performace{padding:8px 16px;display:flex;align-items:center;gap:15px;justify-content:center;border:1px solid var(--b1);border-radius:15px}.projeto-performace span{font:var(--btn);color:var(--b2)}.icone-projeto-btn{width:22.2px;height:22.2px;background-color:var(--l);border-radius:50%;display:flex;align-items:center;justify-content:center}.icone-projeto-btn img{width:16px;height:16px}.projeto-link{padding:6px 12px;display:flex;align-items:center;gap:15px;justify-content:center;border-radius:15px;background:var(--a1);cursor:pointer}.projeto-link a{display:inline-block;text-decoration:none;color:var(--pc);font:var(--btn)}.projeto-link img{width:10%}.carrossel-cena{height:700px;width:100%;position:relative;display:flex;justify-content:center;align-items:center}.carrossel-wrapper{width:100%;height:100%}#carrossel-trilho{width:100%;height:100%;position:relative;transform:translateY(200px)}.carrossel-slide{position:absolute;top:0;left:1px;right:0;bottom:0;margin:auto;height:430px;display:flex;justify-content:center;align-items:center;transition:all .3s ease;pointer-events:none}.pos-ativa{transform:translateY(-150px) scale(1);opacity:1;z-index:10;pointer-events:auto}.pos-proxima{transform:translateX(300px) translateY(100px) scale(.8);opacity:.6;z-index:9}.pos-anterior{transform:translateX(-300px) translateY(100px) scale(.8);opacity:.6;z-index:9}.pos-distante-direita{transform:translateX(500px) translateY(150px) scale(.5);opacity:0;z-index:5}.pos-distante-esquerda{transform:translateX(-500px) translateY(150px) scale(.5);opacity:0;z-index:5}.portifoilio-projeto:focus-within,.portifoilio-projeto:hover{display:flex;flex-direction:column;max-width:440px;background-color:var(--pc);z-index:100}.portifoilio-projeto:focus-within .projeto-img,.portifoilio-projeto:hover .projeto-img{border-radius:15px}.portifoilio-projeto:focus-within .projeto-conteudo,.portifoilio-projeto:hover .projeto-conteudo{padding:15px;display:flex;flex-direction:column;opacity:1}.carrossel-botao-next,.carrossel-botao-prev{position:absolute;z-index:100;top:50%;background-color:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);width:50px;height:50px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.carrossel-botao-prev{left:30px;top:380px}.carrossel-botao-next{right:30px;top:380px}.carrossel-botao-next:hover,.carrossel-botao-prev:hover{background-color:rgba(255,255,255,.3);transform:scale(1.1)}.carrossel-botao-next:active,.carrossel-botao-prev:active{background-color:rgba(255,255,255,.5);transform:scale(.95);transition-duration:.1s}@media (max-width:1000px){.container-portifolio{padding:0 40px;padding-bottom:100px;height:1000px}.portifoilio-projeto{max-width:440px;padding:20px;border-radius:15px;gap:10px;transition:all .5s ease}.projeto-img{width:auto;height:auto;border-radius:10px;object-fit:cover;width:410px}.projeto-conteudo{display:none;opacity:0}.portifoilio-projeto:active,.portifoilio-projeto:focus,.portifoilio-projeto:focus-within,.portifoilio-projeto:hover{grid-template-columns:1fr;max-width:440px;height:auto;z-index:100}.pos-proxima{transform:translateX(220px) translateY(100px) scale(.8)}.pos-anterior{transform:translateX(-220px) translateY(100px) scale(.8)}.container-portifolio:has(.portifoilio-projeto.card-expandido) .carrossel-botao-next,.container-portifolio:has(.portifoilio-projeto.card-expandido) .carrossel-botao-prev,.container-portifolio:has(.portifoilio-projeto:hover) .carrossel-botao-next,.container-portifolio:has(.portifoilio-projeto:hover) .carrossel-botao-prev{transform:translateY(50px) scale(.8);opacity:0;pointer-events:none}}@media (max-width:650px){.container-portifolio{padding:20px;padding-bottom:80px;height:auto}.container-portifolio>h2{padding-left:20px;padding-right:20px}.carrossel-cena{height:380px;overflow:visible}#carrossel-trilho{transform:translateY(-50px)}.portifoilio-projeto{max-width:340px;padding:15px}.projeto-img{width:310px;height:200px;border-radius:10px}.projeto-conteudo{display:none;opacity:0}.btn-projetos{gap:10px}.portifoilio-projeto:active,.portifoilio-projeto:focus,.portifoilio-projeto:focus-within,.portifoilio-projeto:hover{grid-template-columns:1fr;max-width:340px;padding:15px;height:auto;z-index:100}.pos-ativa{transform:translateX(0) scale(1);opacity:1;z-index:10;pointer-events:auto}.pos-proxima{transform:translateX(120px) scale(.7);opacity:.5;z-index:9}.pos-anterior{transform:translateX(-120px) scale(.7);opacity:.5;z-index:9}.pos-oculta{transform:scale(.5);opacity:0}.carrossel-botao-next,.carrossel-botao-prev{top:90%;bottom:auto;width:40px;height:40px;z-index:10}.carrossel-botao-prev{left:60px}.carrossel-botao-next{right:65px}.portifoilio-projeto.card-expandido{grid-template-columns:1fr;z-index:100}.portifoilio-projeto.card-expandido .projeto-conteudo{display:block;opacity:1}.portifoilio-projeto.card-expandido .fechar-card{opacity:1;transform:scale(1);pointer-events:auto}}