:root{--Gradiente-Button:linear-gradient(93deg, #cc3336 0.2%, #5b1d1d 100.2%)}.btn-primary{cursor:pointer;color:var(--neutral-000);background:var(--Gradiente-Button);z-index:1;background-size:300% 300%;border:none;border-radius:38px;justify-content:center;align-items:center;padding:16px 40px;animation:6s infinite gradientMove;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{animation-duration:3s}.btn-primary:before{content:"";border-radius:inherit;opacity:.6;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(93deg,#fff0,#d47577,#fff0);padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.btn-primary:hover:before{opacity:1;box-shadow:0 0 8px var(--red-03)}.btn-text{z-index:3;position:relative}.button-element-icon{opacity:0;pointer-events:none;height:80px;fill:var(--red-02);z-index:1;transition:opacity .3s,transform .3s;position:absolute;top:50%;right:0%;transform:translateY(-50%)scale(0)}.btn-primary:hover .button-element-icon{opacity:.5;transform:translateY(-50%)scale(1)}.spin{transform-origin:50%;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (hover:hover) and (pointer:fine){.btn-primary:hover{animation-duration:6s}.btn-primary:hover:before{opacity:1}.btn-primary:hover .button-element-icon{opacity:.5;transform:translateY(-50%)scale(1)}}@media (max-width:768px){.btn-primary{width:100%}}
.container-navbar{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:1232px;display:flex}.navbar{flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:1232px;display:flex}.container-nav-link{flex-shrink:0;justify-content:space-between;align-items:center;width:504px;display:flex}.container-nav-link a{cursor:pointer;fill:var(--neutral-500);color:var(--neutral-500);align-items:center;gap:8px;text-decoration:none;display:flex;position:relative}.container-nav-link svg{width:12px;height:12px}.menu-icon-mobile-navbar{display:none}.container-nav-link a:hover{color:var(--red-withe-04);fill:var(--red-withe-04);transition:color .3s}.container-nav-link a:hover .navaber-link-hover-element{top:-60px}.logo-navbar{fill:var(--neutral-200)}.container-profile{flex-direction:row;align-items:center;gap:32px;display:flex}.Linkedin-link{fill:var(--neutral-500);justify-content:center;align-items:center;gap:10px;text-decoration:none;transition:all .3s;display:flex}.Linkedin-link:hover{color:var(--red-withe-04);fill:var(--red-withe-04);transition:color .3s}.Linkedin-link:hover .sr-only{background-color:var(--red-black-04);transition:background-color .3s}.sr-only{aspect-ratio:1;background-color:var(--neutral-700);border-radius:4px;width:32px;height:32px}.profile-picture-navbar-container{position:relative}.profile-picture-navbar{border-radius:50%;width:52px;height:52px}.profile-picture-border-navbar-element{animation:.8s ease-in-out infinite alternate pulse;position:absolute;bottom:5px;left:0}.navaber-link-hover-element{background:linear-gradient(#b2242680 0%,#fff0 100%);width:114px;height:107px;transition:all .2s ease-out;position:absolute;top:-160px;left:50%;transform:translate(-50%)}.mobile-menu{backdrop-filter:blur(20px);z-index:10;background-color:#332929cc;border-radius:16px;width:calc(100% - 32px);max-height:0;margin:0 16px;transition:all .3s;display:flex;position:absolute;top:72px;overflow:hidden}.mobile-menu .links_container{flex-direction:column;gap:32px;padding:24px;display:flex}.mobile-menu .links_container a{color:var(--neutral-100);font-family:var(--body-font-family);fill:var(--neutral-100);flex-direction:row;justify-content:left;align-items:center;gap:8px;font-size:16px;font-weight:500;text-decoration:none;display:flex}.mobile-menu .links_container .linha-element{background-color:var(--neutral-600);opacity:.2;width:100%;height:1px}.mobile-menu.open{border:1px solid #67545480;flex-direction:column;max-height:100vh;display:flex}@media (min-width:768px){.mobile-menu.open{display:none}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.2)}}@media (max-width:768px){.menu-icon-mobile-navbar{fill:var(--red-01);cursor:pointer;width:24px;height:24px;display:block}.container-nav-link,.container-profile{display:none}}@media (max-width:1200px){.container-nav-link{gap:18px;width:auto}}
.slider{z-index:0;opacity:.4;width:120%;position:absolute;bottom:-140px;transform:rotate(-8deg);mask-image:linear-gradient(#fff0 30%,#86868633 60%,#d9d9d9 100%)}.slide-track{width:max-content;animation:60s linear infinite scroll;display:flex}.slide{flex-shrink:0;padding:0}.slide img{width:auto;height:500px;display:block}@keyframes scroll{0%{transform:translate(-65%)}to{transform:translate(-15%)}}@media (max-width:768px){.slider{display:none}.slide img{height:300px}}
.otherPortfolioLinkContainer{background-color:var(--neutral-700);z-index:8;color:var(--neutral-000);fill:var(--red-01);text-align:left;border-radius:8px 8px 0 0;flex-direction:row;justify-content:space-between;gap:16px;width:100%;max-width:300px;padding:24px;font-family:Inter;font-size:16px;text-decoration:none;transition:all .2s;display:flex;position:absolute;bottom:0;right:40px}@media (min-width:768px){.otherPortfolioLinkContainer:hover{background-color:var(--red-black-03);fill:var(--neutral-000);padding:24px 24px 32px}}@media (max-width:768px){.otherPortfolioLinkContainer{z-index:8;width:100%;max-width:none;position:static}}
.topbar-container{background-color:var(--red-black-04);width:100%;height:fit-content;color:var(--red-withe-04);font-family:var(--body-font-family);z-index:1000;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:4px 16px;font-size:14px;font-weight:500;display:flex;position:relative}.topbar-container svg{fill:var(--red-withe-01)}