/* Logo copied from ../proto-g-semana.html. The symbol, font, weight,
   dimensions, spacing and ink colours match the source. */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("plus-jakarta-sans-800.ttf") format("truetype");
}
header a.vibilog-brand.brand,
header a.vibilog-brand.wordmark,
.footer a.vibilog-brand.brand {
  display: flex;
  align-items: center;
  gap: .5em;
  flex-shrink: 0;
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 800;
  font-size: 20px;
  font-style: normal;
  font-synthesis: none;
  line-height: 1.6;
  letter-spacing: -.03em;
  color: #17202B;
  text-decoration: none;
  white-space: nowrap;
}
/* Symbol and gap are proportional to the name (26px and 10px at 20px), so the
   whole logo scales from its font-size alone. */
header a.vibilog-brand svg,
.footer a.vibilog-brand svg {
  width: 1.3em;
  height: 1.3em;
  flex-shrink: 0;
}
/* The header logo, a size up from the footer one (Alberto, 28-09-2026). */
header a.vibilog-brand.brand { font-size: 26px; }
@media (max-width: 800px) {
  header a.vibilog-brand.brand { font-size: 23px; }
}
/* Keep the exact dark-ink logo legible on Flujo's dark backdrop. */
header.site-header a.wordmark.vibilog-brand {
  background: #F4F6F8;
  padding: 6px 12px;
}
@media (max-width: 380px) {
  header .nav > .back { display: none; }
  header .nav .nav-cta { white-space: nowrap; }
}