/* Movimento e acabamento da HG. Conteúdo visível por padrão, mesmo sem JavaScript. */
:root{
 --hg-motion-ease:cubic-bezier(.22,1,.36,1);
 --hg-motion-fast:220ms;
 --hg-motion-hover:420ms;
 --hg-motion-enter:640ms;
 --hg-radius-panel:24px;
 --hg-radius-card:20px;
 --hg-radius-image:20px;
 --hg-radius-pill:999px;
}
.reference-hero,.authority-panel,.about-panel,.google-reviews,.hg-contact,.legal-document,.legal-dialog{border-radius:var(--hg-radius-panel)}
.hg-service,.review-card{border-radius:var(--hg-radius-card)}
.project-image,.portfolio3d-project,.project-lightbox-image{border-radius:var(--hg-radius-image)}
.quote-button{border-radius:var(--hg-radius-pill);transition:background var(--hg-motion-fast),transform var(--hg-motion-fast) var(--hg-motion-ease),box-shadow var(--hg-motion-hover) var(--hg-motion-ease)}
.quote-button svg,.text-link svg,.service-top svg,.contact-columns address svg{transition:transform var(--hg-motion-hover) var(--hg-motion-ease),color var(--hg-motion-fast)}
.quote-button:active{transform:scale(.98)}
.quote-button:disabled,.quote-button[aria-disabled="true"]{opacity:.55;cursor:default;transform:none}
.quote-button:focus-visible,.project-image:focus-visible,.section-nav a:focus-visible,.social-nav a:focus-visible,.contact-columns a:focus-visible,.text-link:focus-visible{outline:2px solid #22e6b0;outline-offset:5px}
.reference-portrait{overflow:hidden}
.reference-portrait img,.project-image img{transition:transform var(--hg-motion-hover) var(--hg-motion-ease),filter var(--hg-motion-hover) var(--hg-motion-ease)}
.project-image{transition:transform var(--hg-motion-hover) var(--hg-motion-ease),box-shadow var(--hg-motion-hover) var(--hg-motion-ease)}
.hg-service{transition:transform var(--hg-motion-hover) var(--hg-motion-ease),background var(--hg-motion-hover),box-shadow var(--hg-motion-hover)}
.social-nav a,.contact-columns address a{transition:color var(--hg-motion-fast),transform var(--hg-motion-fast) var(--hg-motion-ease)}
.section-nav a{position:relative;transition:color var(--hg-motion-fast),transform var(--hg-motion-fast) var(--hg-motion-ease)}
.section-nav a:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:2px;border-radius:2px;background:#0abf8f;transform:scaleX(0);transform-origin:left;transition:transform var(--hg-motion-fast) var(--hg-motion-ease)}
.section-nav a[aria-current="location"]{color:#22e6b0}
.section-nav a[aria-current="location"]:after{transform:scaleX(.7)}
.hg-motion-word{display:inline-block;white-space:pre}
.project-lightbox[open] .project-lightbox-image{animation:hg-lightbox-in 300ms var(--hg-motion-ease)}
.legal-dialog[open]{animation:hg-dialog-in 280ms var(--hg-motion-ease)}
@keyframes hg-lightbox-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes hg-dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){
 .project-image:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}
 .project-image:hover img{transform:scale(1.045);filter:brightness(1.045)}
 .reference-portrait:hover img{transform:scale(1.025)}
 .hg-service:hover{transform:translateY(-4px);background:#202020e8;box-shadow:0 12px 28px #0002}
 .hg-service:hover .service-top svg{transform:translateY(-2px) rotate(-3deg)}
 .quote-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0002}
 .quote-button:hover svg{transform:translateX(2px)}
 .quote-button:active{transform:translateY(0) scale(.98)}
 .text-link:hover svg{transform:translateX(3px)}
 .section-nav a:hover,.social-nav a:hover{transform:translateY(-2px)}
 .section-nav a:hover:after{transform:scaleX(.7)}
 .contact-columns address a:hover svg{transform:translateX(2px)}
}
@media(hover:none){
 .project-image:active img{filter:brightness(1.06)}
 .quote-button:hover{transform:none}
 .quote-button:active{transform:scale(.98)}
}
@media(max-width:736px){:root{--hg-radius-panel:20px;--hg-radius-card:16px;--hg-radius-image:16px}}
@media(prefers-reduced-motion:reduce){
 .project-image:hover,.hg-service:hover,.quote-button:hover,.section-nav a:hover,.social-nav a:hover{transform:none}
 .project-image:hover img,.reference-portrait:hover img,.quote-button:hover svg,.text-link:hover svg,.hg-service:hover .service-top svg,.contact-columns address a:hover svg{transform:none}
 .project-lightbox[open] .project-lightbox-image,.legal-dialog[open]{animation:none}
}
