/* Logo do bottega zzo live (conceito "Tela no ar").
   Um traço só desenha a tela e não fecha; o ponto terracota é a luz de "ao vivo".
   Marcação:
   <div class="logo-live">
     <svg viewBox="0 0 100 100" aria-hidden="true"><path d="M68 26 H22 A10 10 0 0 0 12 36 V64 A10 10 0 0 0 22 74 H78 A10 10 0 0 0 88 64 V45"/><circle cx="88" cy="32" r="5"/></svg>
     <span><span class="b">bottega</span> <span class="z">zzo</span> <span class="l">live</span></span>
   </div>
   Precisa da fonte Geist (Google Fonts, pesos 300 a 600). */
.logo-live{display:inline-flex;align-items:center;gap:.45em;font-family:Geist,Inter,system-ui,sans-serif;font-size:24px;font-style:normal;line-height:1;letter-spacing:-.03em;text-transform:none;color:#F5F5F3;white-space:nowrap}
.logo-live svg{width:1.5em;height:1.5em;flex:none;overflow:visible}
.logo-live path{fill:none;stroke:currentColor;stroke-width:6.5;stroke-linecap:round;stroke-linejoin:round}
.logo-live circle{fill:#B4512F}
.logo-live .b{font-weight:300}
.logo-live .z{font-weight:600}
.logo-live .l{font-weight:500}
/* Empilhado: capas e telas de entrada. Sempre centralizado. */
.logo-live.empilhado{flex-direction:column;gap:.55em;text-align:center}
.logo-live.empilhado svg{width:2.8em;height:2.8em}