/* — Header solo logo centrado — */
.logo-only-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  padding: 1rem 0;
  box-shadow: none;
  position: relative;
  z-index: 1000;
}

/* Logo pequeño */
.logo-only-header .center-logo {
  max-width: 100px;   /* ajusta el tamaño final */
  width: 100%;
  height: auto;
}

/* Tagline debajo del logo */
.header-tagline {
  text-align: center;
  margin-top: 0.5rem;
  font-family: var(--font-body);
  font-size: 1rem;
  color: var(--clr-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}