/* PINE GROUP: o movimento ocupa somente o espaço do símbolo central. */
.pine-motion-stage{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(42vw,430px);height:100%;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .25s ease}
.pine-motion-stage canvas{display:block;width:100%;height:100%;pointer-events:none}
.portas.pine-motion-ready .pine-motion-stage{opacity:1}
.portas.pine-motion-ready .porta::after{opacity:0}
@media(max-width:820px){
 .pine-motion-stage{top:var(--pine-seam,50%);width:min(84vw,340px);height:400px}
}
@media(prefers-reduced-motion:reduce){.pine-motion-stage{transition:none}}

/* A assinatura branca mantém transparência sobre o rodapé verde. */
.rodape img[src$="logo-group-vertical-branca.svg"]{background:transparent;padding:0;border-radius:0;height:92px;width:auto;justify-self:start}
@media(max-width:760px){.rodape img[src$="logo-group-vertical-branca.svg"]{height:80px}}

/* Assinaturas horizontais na entrada das marcas e no cabeçalho. */
.porta > img{height:54px;width:auto;max-width:100%;object-fit:contain}
.topo img[src$="logo-group-horizontal-verde-site.svg"]{height:52px;width:auto;margin:10px 0}
@media(max-width:760px){.topo img[src$="logo-group-horizontal-verde-site.svg"]{height:auto;width:130px;max-width:100%;margin:10px 0}.topo .wrap{gap:12px}.topo nav{flex-shrink:0}}