/* Logo ↔ Constelação (wallet_brand_morph_html). Uma camada some girando e encolhendo enquanto a outra aparece. */
.mw-morph { position: relative; display: grid; place-items: center; width: var(--mw-size, 170px); height: var(--mw-size, 170px); margin-inline: auto; }
.mw-morph.is-sm { --mw-size: 132px; --mw-scale: .44; }
.mw-morph > span { position: absolute; inset: 0; display: grid; place-items: center; transition: opacity .9s ease, transform 1.1s cubic-bezier(.6, 0, .3, 1), filter .9s ease; }
.mw-morph-logo img { width: 56%; height: auto; filter: drop-shadow(0 14px 22px color-mix(in srgb, var(--c-deep-900) 40%, transparent)); }
.mw-morph-cons { opacity: 0; transform: scale(.6) rotate(-30deg); filter: blur(4px); }
.mw-morph .home-constellation { display: block; position: absolute; inset: auto; left: 50%; top: 50%; translate: -50% -50%; flex: none; width: 300px; height: 290px; scale: var(--mw-scale, .56); color: var(--c-accent); pointer-events: none; }
.mw-morph.is-cons .mw-morph-logo { opacity: 0; transform: scale(1.4) rotate(25deg); filter: blur(4px); }
.mw-morph.is-cons .mw-morph-cons { opacity: 1; transform: none; filter: none; }
.mw-morph .cons-tagline { background: none; }
/* Rodapé escuro: rótulos claros */
.site-footer .mw-morph .home-constellation { color: var(--c-on-color); }
.site-footer .mw-morph .cons-tagline, .site-footer .mw-morph .cons-sat em { color: color-mix(in srgb, var(--c-on-color) 80%, transparent); }
.site-footer .mw-morph { margin: 0 0 6px; }
@media (prefers-reduced-motion: reduce) { .mw-morph > span { transition: none; } }
/* Rodapé do site: a Constelação de fundo, grande e suave, no canto de baixo à direita, atrás de tudo. */
.site-footer { position: relative; overflow: hidden; isolation: isolate; }
.site-footer > .site-wrap { position: relative; z-index: 1; }
.site-footer-cons { position: absolute; z-index: 0; right: -70px; bottom: -160px; width: 420px; height: 400px; display: grid; place-items: center; opacity: .22; pointer-events: none; }
.site-footer-cons .home-constellation { display: block; position: relative; inset: auto; width: 300px; height: 290px; scale: 1.2; color: var(--c-on-color); }
.site-footer-cons .cons-tagline, .site-footer-cons .cons-sat em { color: var(--c-on-color); background: none; }
@media (max-width: 799px) { .site-footer-cons { right: -120px; bottom: -110px; opacity: .2; } }
/* Trilha do site (Darlan, 29/10): na logo, a logo junto do nome e da frase, sem vão; na Constelação, o nome e a frase
   somem e ela cresce no centro do card. Ao voltar, tudo volta. */
.tr-one .mw-morph { --mw-size: 104px; --mw-scale: .68; transition: width .9s cubic-bezier(.6, 0, .3, 1), height .9s cubic-bezier(.6, 0, .3, 1); }
.tr-one .mw-morph-logo img { width: 84%; }
.tr-one .mw-morph.is-cons { width: 224px; height: 224px; }
.tr-one > b, .tr-one > small { max-height: 90px; overflow: hidden; transition: opacity .6s ease, max-height .9s cubic-bezier(.6, 0, .3, 1), margin .9s ease; }
.tr-one:has(.mw-morph.is-cons) > b, .tr-one:has(.mw-morph.is-cons) > small { opacity: 0; max-height: 0; margin: 0; }
.tr-one:has(.mw-morph.is-cons) { gap: 0; }