/* Camada de marca ITERA — kit FINAL de 23/09/2026 (site/svg; originais do designer em site/svg/kit-final-2026-09-23):
   símbolo #i-itera (viewBox 739.73×713.26, proporção 1,0371) + logotipo #i-itera-logo (viewBox 447.45×122.58), nas
   proporções da assinatura com selo XP do kit. Com S = --sym (altura do símbolo): logotipo 0,7577·S de altura e
   2,7658·S de largura, vão 0,2289·S; divisor a ~0,23·S, com 0,491·S; selo XP a ~0,23·S, com 0,513·S; divisor e selo
   centrados na altura das letras de "ITERA" (0,1362·S acima do centro do bloco).
   Sem o logotipo (header e rodapé no celular), divisor e selo voltam ao centro e mantêm os tamanhos de antes
   (divisor 0,95·S, selo 0,8·S, vão 16px), para o selo XP não perder destaque ao lado do símbolo sozinho.
   Carregado DEPOIS de bundle.css e v3.css. Os --sym ficaram como estavam: com o kit novo, a largura total do lockup
   do header praticamente não muda (182 × 184,5px em --sym 36). Kit anterior: site/svg/_kit-anterior-2026-09-23. */

.lockup{--sym:36px;gap:calc(var(--sym)*.23)}
footer .lockup{--sym:26px} /* mantido: no celular a altura do lockup entra direto na altura do rodapé */
.lockup--lg{--sym:48px}
.lockup--xl{--sym:86px}

.brand{display:flex;align-items:center;gap:calc(var(--sym)*.2289)}

.symbol{flex:none;width:calc(var(--sym)*739.73/713.26);height:var(--sym);color:var(--yellow)}

.logotype{flex:none;display:block;height:calc(var(--sym)*.7577);width:calc(var(--sym)*2.7658);color:inherit}

.lockup .divider{height:calc(var(--sym)*.491);transform:translateY(calc(var(--sym)*-.1362))}
.lockup .xp{transform:translateY(calc(var(--sym)*-.1362))}
.lockup .xp svg{height:calc(var(--sym)*.513)}

/* No celular o rodapé mostra só o símbolo (paridade com o wordmark antigo). O header mostra a marca inteira em todas
   as larguras desde 25/09/2026 (pedido do Paulo). */
@media(max-width:600px){
  footer.site .logotype{display:none}
  footer.site .lockup{gap:var(--sp-4,16px)}
  footer.site .lockup .divider{height:calc(var(--sym)*.95);transform:none}
  footer.site .lockup .xp{transform:none}
  footer.site .lockup .xp svg{height:calc(var(--sym)*.8)}
}