/* Start custom CSS *//* Portfolio Services — filtros e hover em CSS puro */
#pf-filters a,#pf-filters button{position:relative;color:#545853;text-decoration:none;transition:color .25s}
#pf-filters a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#0D0F0E;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
#pf-filters a:hover,#pf-filters a:focus-visible{color:#0D0F0E;outline:none}
#pf-filters a:hover::after,#pf-filters a:focus-visible::after{transform:scaleX(1)}
#portfolio-gallery:not(:has([id^="pf-show-"]:target)) #pf-fb-all,
#portfolio-gallery:has(#pf-show-all:target) #pf-fb-all,
#portfolio-gallery:has(#pf-show-k:target) #pf-fb-k,
#portfolio-gallery:has(#pf-show-b:target) #pf-fb-b,
#portfolio-gallery:has(#pf-show-e:target) #pf-fb-e,
#portfolio-gallery:has(#pf-show-c:target) #pf-fb-c,
#portfolio-gallery:has(#pf-show-o:target) #pf-fb-o{color:#0D0F0E}
#portfolio-gallery:not(:has([id^="pf-show-"]:target)) #pf-fb-all::after,
#portfolio-gallery:has(#pf-show-all:target) #pf-fb-all::after,
#portfolio-gallery:has(#pf-show-k:target) #pf-fb-k::after,
#portfolio-gallery:has(#pf-show-b:target) #pf-fb-b::after,
#portfolio-gallery:has(#pf-show-e:target) #pf-fb-e::after,
#portfolio-gallery:has(#pf-show-c:target) #pf-fb-c::after,
#portfolio-gallery:has(#pf-show-o:target) #pf-fb-o::after{transform:scaleX(1)}
#portfolio-gallery:has(#pf-show-k:target) #pf-grid>div:not([id^="pf-k-"]),
#portfolio-gallery:has(#pf-show-b:target) #pf-grid>div:not([id^="pf-b-"]),
#portfolio-gallery:has(#pf-show-e:target) #pf-grid>div:not([id^="pf-e-"]),
#portfolio-gallery:has(#pf-show-c:target) #pf-grid>div:not([id^="pf-c-"]),
#portfolio-gallery:has(#pf-show-o:target) #pf-grid>div:not([id^="pf-o-"]){display:none}
@keyframes pfIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#pf-grid>div{animation:pfIn .6s cubic-bezier(.2,.7,.2,1) both}
#pf-grid>div img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
#pf-grid>div:hover img{transform:scale(1.045)}
#pf-sf img{opacity:0}
#pf-svc:not(:has([id^="pf-sr-"]:hover)) #pf-si-1,
#pf-svc:has(#pf-sr-1:hover) #pf-si-1,#pf-svc:has(#pf-sr-2:hover) #pf-si-2,#pf-svc:has(#pf-sr-3:hover) #pf-si-3,
#pf-svc:has(#pf-sr-4:hover) #pf-si-4,#pf-svc:has(#pf-sr-5:hover) #pf-si-5,#pf-svc:has(#pf-sr-6:hover) #pf-si-6{opacity:1!important}
[id^="pf-sr-"]{transition:padding .4s cubic-bezier(.2,.7,.2,1),background-color .4s}
[id^="pf-sr-"]:hover{padding-inline-start:28px!important;background-color:rgba(244,241,234,.04)}
[id^="pf-sr-"] a:focus-visible{outline:2px solid #92E804;outline-offset:6px}
[id^="pf-sr-"]:hover a{color:#92E804!important}
@media(prefers-reduced-motion:reduce){#pf-grid>div,#pf-grid>div img,[id^="pf-sr-"],#pf-sf img{animation:none;transition:none}}
@media(max-width:1024px){#pf-sf{display:none!important}}/* End custom CSS */