.animated-bg{width:100%;height:100vh;background:linear-gradient(135deg, #ba6dac, #767cbc, #30c6f3, #3a95cd, #4a72b4, #6a60aa);animation:gradientBG 10s ease infinite;background-size:150% 150%;animation-duration:8s}@keyframes gradientBG{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}100%{background-position:0% 0%}}div#portfolio{width:100%;height:100%;position:relative;padding:55px 0 0 0}div#portfolio div#portfolio-content div.portfolio-header{text-align:center;padding:2rem 1rem 1rem 1rem;display:flex;justify-content:space-around;align-items:center;border-radius:1rem;background-color:rgba(255,255,255,.2)}div#portfolio div#portfolio-content div.portfolio-header picture{position:relative;display:block}div#portfolio div#portfolio-content div.portfolio-header picture img{width:100%;height:auto}div#portfolio div#portfolio-content div.portfolio-header #portfolio-header-text{max-width:1024px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1rem}div#portfolio div#portfolio-content div.portfolio-header #portfolio-header-text h1{font-weight:800;color:var(--roxo-escuro)}div#portfolio div#portfolio-content div.portfolio-header #portfolio-header-text p{font-weight:400;color:var(--roxo-claro)}div#portfolio div#portfolio-content div#portfolio-grid-container{background-color:rgba(255,255,255,.2);border-radius:1rem;margin:2rem 0 0 0}div#portfolio div#portfolio-content div#portfolio-grid-container div.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:center}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-item{border-radius:6px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-item picture{padding:.5rem}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-item picture,div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-item img{display:block;width:100%;height:auto}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-info{padding:1rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-info .badge-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-info .badge-container .role-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:30px;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-info .badge-container .role-badge .badge-icon{height:12px;width:12px;margin-right:6px;opacity:.8}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-info .badge-container .card-badges{display:flex;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;animation:badge-pop .4s ease-out}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-info .badge-container .card-badges:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,.15)}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-info md-elevated-button{margin-top:1rem;--md-elevated-button-container-color: rgb(247 242 250 / 34%)}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-info h2{margin:0 0 .5rem 0;font-size:1.2rem;text-align:center;color:var(--roxo-escuro)}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-info .category{color:#777;font-size:.9rem;margin-bottom:1rem}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-info .btn{text-decoration:none;text-align:center;padding:.5rem 1rem;background-color:#e0e0e0;color:#111;border-radius:4px;font-size:.95rem;transition:background-color .2s}div#portfolio div#portfolio-content div#portfolio-grid-container .portfolio-info .btn:hover{background-color:#d0d0d0}div#portfolio div#portfolio-content section.portfolio-cta{text-align:center;padding:2rem 1rem;background-color:rgba(255,255,255,.25);margin-top:2rem;border-radius:1rem}div#portfolio div#portfolio-content section.portfolio-cta p{font-size:1.2rem;margin-bottom:1rem}div#portfolio div#portfolio-content section.portfolio-cta .btn-primary{padding:.75rem 1.5rem;background-color:#007acc;color:#fff;border-radius:4px;text-decoration:none;font-size:1rem}div#portfolio div#portfolio-content section.portfolio-cta .btn-primary:hover{background-color:#005fa3}.pink{background-color:rgba(236,72,153,.15);border-color:rgba(236,72,153,.4);color:#db2777}.purple{background-color:rgba(139,92,246,.15);border-color:rgba(139,92,246,.4);color:#7c3aed}.blue{background-color:rgba(59,130,246,.15);border-color:rgba(59,130,246,.4);color:#2563eb}.green{background-color:rgba(34,197,94,.15);border-color:rgba(34,197,94,.4);color:#15803d}.yellow{background-color:rgba(234,179,8,.15);border-color:rgba(234,179,8,.4);color:#b45309}.roxo{background-color:rgba(147,51,234,.15);border-color:rgba(147,51,234,.4);color:#7e22ce}.orange{background-color:rgba(249,115,22,.15);border-color:rgba(249,115,22,.4);color:#ea580c}.cyan{background-color:rgba(6,182,212,.15);border-color:rgba(6,182,212,.4);color:#0891b2}.red{background-color:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#dc2626}@keyframes badge-pop{0%{transform:scale(0.8);opacity:0}60%{transform:scale(1.05);opacity:1}100%{transform:scale(1)}}header#header menu#menu{box-shadow:0 8px 6px -6px #fff}#beneficios [slot=headline]{font-size:1.4rem;font-weight:600;color:var(--rosa);text-align:center}.list .cards{border:1.5px solid #e6ecff;padding:.75rem;margin:.5rem;cursor:pointer}.list .cards.one{border-radius:.5 rem;border-left:4.5px solid #f85e99}.list .cards.two{border-left:4.5px solid #d788ff;border-radius:.5 rem}.list .cards.three{border-left:4.5px solid #ffa378;border-radius:.5 rem}.list .cards.four{border-left:4.5px solid #114893;border-radius:.5 rem}.list .cards.five{border-left:4.5px solid #731b93;border-radius:.5 rem}.list .cards span{color:#3d4d80}:root{--cor-primaria: #6c63ff;--cor-secundaria: #f5f5fa;--cor-texto: #333;--cor-texto-claro: #666;--cor-borda: #e5e5ef}.cases{display:grid;gap:2rem;padding:2rem}.case{border:1px solid var(--cor-borda);border-radius:16px;padding:1.5rem;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}.case:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.case header h3{margin:0 0 1rem 0;font-size:1.4rem;color:var(--cor-primaria)}.case-grid{display:grid;gap:1rem}@media(min-width: 768px){.case-grid{grid-template-columns:repeat(3, 1fr)}}.case-block{background:var(--cor-secundaria);border-radius:12px;padding:1rem}.case-block h4{margin:0 0 .5rem 0;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cor-primaria)}.case-block p{font-size:.95rem;line-height:1.5;color:var(--cor-texto-claro)}.entregas{margin:.5rem 0 0 1.2rem;font-size:.9rem;color:var(--cor-texto)}.entregas li::marker{color:var(--cor-primaria)}