/* Emporio Isis Maria — refinamento de Sites desenvolvidos v2, isolado */
#trabalhos .sites-showcase{margin-top:90px!important;padding-top:54px!important}
#trabalhos .sites-showcase-head{align-items:end!important;margin-bottom:28px!important}
#trabalhos .sites-showcase .sites-projects{display:flex!important;gap:18px!important;align-items:stretch!important;scroll-snap-type:x mandatory;scroll-padding-inline:0;overflow-x:auto!important;padding:0 0 12px!important}
#trabalhos .sites-showcase .site-project{flex:0 0 clamp(245px,calc((100% - 72px)/5),380px)!important;min-width:0!important;display:flex!important;flex-direction:column!important;scroll-snap-align:start!important;align-self:stretch!important;text-align:left!important}
#trabalhos .sites-showcase .site-project .project-visual{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/5!important;overflow:hidden!important;background:#352932!important;border-radius:0!important}
#trabalhos .sites-showcase .site-project .case-photo{width:100%!important;height:100%!important;inset:0!important;position:absolute!important;object-fit:cover!important;object-position:center center!important;filter:saturate(.78) brightness(.80)!important;transition:transform .55s ease,filter .55s ease!important}
#trabalhos .sites-showcase .site-project:hover .case-photo{transform:scale(1.045)!important;filter:saturate(.9) brightness(.68)!important}
#trabalhos .sites-showcase .site-project .case-shade{position:absolute!important;inset:0!important;display:block!important;opacity:1!important;background:linear-gradient(180deg,rgba(18,9,16,.30),rgba(18,9,16,.08) 40%,rgba(22,6,15,.82))!important}
#trabalhos .sites-showcase .site-project .site-domain{position:absolute!important;left:16px!important;right:16px!important;bottom:16px!important;top:auto!important;text-align:left!important;font:italic clamp(16px,1.25vw,22px)/1.15 Georgia,serif!important;overflow-wrap:anywhere!important;transform:none!important;opacity:.94!important}
#trabalhos .sites-showcase .site-project .site-brand-badge{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);max-width:86%;width:82%;min-height:66px;display:flex;justify-content:center;align-items:center;padding:17px 13px;border:1px solid rgba(255,255,255,.32);background:rgba(21,12,19,.56);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);color:white;text-align:center;font:600 clamp(15px,1.35vw,23px)/1.1 Georgia,serif;letter-spacing:-.02em;text-wrap:balance;transition:background .3s ease,border-color .3s ease,transform .3s ease}
#trabalhos .sites-showcase .site-project:hover .site-brand-badge,#trabalhos .sites-showcase .site-project:focus-within .site-brand-badge{background:rgba(79,12,39,.8);border-color:rgba(255,255,255,.65);transform:translate(-50%,-50%) scale(1.04)}
#trabalhos .sites-showcase .site-project .project-copy{padding:16px 1px 4px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;text-align:left!important;flex:1!important}
#trabalhos .sites-showcase .site-project .project-copy small{display:block!important;text-align:left!important;letter-spacing:.12em!important;font-size:9px!important;line-height:1.3!important;margin:0 0 9px!important;text-transform:uppercase!important}
#trabalhos .sites-showcase .site-project .project-copy h3{width:100%!important;margin:0 0 10px!important;font:clamp(24px,2vw,34px)/1.13 Georgia,serif!important;letter-spacing:-.028em!important;text-align:left!important;text-wrap:balance!important}
#trabalhos .sites-showcase .site-project .project-copy .text-link{display:inline-flex!important;margin:auto 0 0!important;padding-top:5px!important;align-self:flex-start!important;text-align:left!important}
#trabalhos .sites-showcase .site-project.is-fallback .project-visual{background:radial-gradient(circle at 78% 25%,#966d75 0,transparent 34%),linear-gradient(145deg,#291b25,#6d374b 52%,#201720)!important}
#trabalhos .sites-showcase .site-project.is-fallback .site-domain{top:auto!important;bottom:16px!important;transform:none!important;font-size:clamp(16px,1.25vw,22px)!important}
#trabalhos .sites-showcase .site-project[data-site="valemoraesimoveis.com.br"] .project-visual{background:radial-gradient(circle at 60% 38%,#c8b4a2,transparent 43%),linear-gradient(145deg,#524b43,#9b8572 55%,#37302d)!important}
@media(max-width:1100px){#trabalhos .sites-showcase .site-project{flex-basis:clamp(245px,31%,360px)!important}}
@media(max-width:800px){#trabalhos .sites-showcase{margin-top:68px!important;padding-top:40px!important}#trabalhos .sites-showcase-head{gap:12px!important;align-items:end!important}#trabalhos .sites-showcase .sites-projects{gap:14px!important}#trabalhos .sites-showcase .site-project{flex-basis:clamp(235px,70vw,330px)!important}#trabalhos .sites-showcase .site-project .project-copy h3{font-size:26px!important}}
@media(prefers-reduced-motion:reduce){#trabalhos .sites-showcase .site-project .case-photo,#trabalhos .sites-showcase .site-project .site-brand-badge{transition:none!important}}
