/* HTC-VISUAL-01 — lockup aligned with portada. Scoped; does not restyle nav or body. */
.htc-lockup {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
  text-decoration: none;
  color: #F4F8FB;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.htc-lockup img {
  width: 40px;
  height: 44px;
  flex: 0 0 40px;
  object-fit: contain;
}
.htc-lockup .logo-mark {
  width: 40px;
  height: 44px;
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.htc-lockup .logo-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.htc-lockup .brand-word {
  font-weight: 800;
  letter-spacing: .08em;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 1.1;
  color: #F4F8FB;
}
.htc-lockup .brand-word span { color: #20E38C; }
@media (max-width: 760px) {
  .htc-lockup .brand-word { font-size: 13px; }
  .htc-lockup img,
  .htc-lockup .logo-mark { width: 34px; height: 38px; flex-basis: 34px; }
}