/* Os chinelos pertencem ao SVG: o clique nunca altera o espaço do rodapé. */
.made-by-row{display:flex;justify-content:center;margin-top:6px;padding:8px 0 18px;border-top:1px solid rgba(22,62,93,.16)}
.footer .made-by-row{border-top-color:rgba(247,243,233,.18)}
.made-by-row .made-by{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:28px;padding:0;border-radius:4px;color:inherit;font-size:11px;line-height:20px;font-weight:500;text-decoration:none;opacity:.72;transition:opacity .2s,transform .2s}
.made-by:hover,.made-by:focus-visible,.made-by.is-washed{opacity:1}
.made-by:is(:hover,:focus-visible){transform:translateY(-1px)}
.made-by:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.made-by-text{white-space:nowrap}
.quazz-logo{display:block;flex:none;width:50px;height:auto;overflow:visible;pointer-events:none}
.quazz-crystal{transform-box:fill-box;transform-origin:50% 100%}
.quazz-flip{opacity:0;transform-box:fill-box;transform-origin:50% 12%}
.quazz-flip--left{--tilt:9deg;--entry-x:-18px}
.quazz-flip--right{--tilt:-9deg;--entry-x:18px}
.made-by.is-washed .quazz-crystal{animation:quazz-crystal-grow 1.9s ease-in-out}
.made-by.is-washed .quazz-flip{animation:quazz-flip-drop 1.9s ease-in-out}
@keyframes quazz-crystal-grow{
  0%{transform:scale(1)}
  34%,88%{transform:scale(1.35)}
  52%{transform:scale(1.35) translateY(-2px)}
  60%{transform:scale(1.35) translateY(0)}
  100%{transform:scale(1)}
}
@keyframes quazz-flip-drop{
  0%,30%{opacity:0;transform:translate(var(--entry-x),50px) rotate(0deg)}
  48%{opacity:1;transform:translateY(5px) rotate(var(--tilt))}
  56%{opacity:1;transform:translateY(-6px) rotate(var(--tilt))}
  63%,88%{opacity:1;transform:translateY(0) rotate(var(--tilt))}
  100%{opacity:0;transform:translateY(0) rotate(var(--tilt))}
}
@media(prefers-reduced-motion:reduce){
  .made-by-row .made-by{transition:none;transform:none}
  .made-by.is-washed .quazz-crystal,.made-by.is-washed .quazz-flip{animation:none}
}

/* Só a logo da Quazz é o link; a frase ao lado é texto simples. */
.made-by-line{display:inline-flex;align-items:center;gap:8px;font-size:11px;line-height:20px;font-weight:600;letter-spacing:.08em}
.made-by-line .made-by-text{opacity:.6;cursor:default}
.made-by-line .made-by{padding:0 6px;gap:0;min-height:28px}