/* Moneta Home — bloqueo horizontal K2. Requiere moneta-tokens.css */

.moneta-logo {
  display: inline-flex;
  align-items: center;
  gap: var(--moneta-gap);
  /* El área de respeto no es decorativa: ningún elemento puede entrar aquí. */
  padding: var(--moneta-clear);
  text-decoration: none;
  line-height: 1;
}

/* Sin relleno cuando el contenedor ya garantiza el aire (barra lateral). */
.moneta-logo--flush { padding: 0; }

/* --- símbolo ------------------------------------------------- */
.moneta-logo__mark {
  flex: 0 0 auto;
  width: var(--moneta-mark);
  height: var(--moneta-mark);
  display: block;
  color: var(--moneta-teal);      /* el SVG usa currentColor */
  object-fit: contain;
}

/* La moneda fotográfica pesa por debajo de su centro geométrico:
   se compensa un 2 % del diámetro para que quede ópticamente centrada. */
.moneta-logo__mark--photo {
  transform: translateY(calc(var(--moneta-mark) * 0.02));
}

/* --- texto ---------------------------------------------------- */
.moneta-logo__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.moneta-logo__name {
  font-family: var(--moneta-font-display);
  font-weight: 300;
  font-size: var(--moneta-name-size);
  letter-spacing: var(--moneta-tracking-name);
  text-indent: var(--moneta-tracking-name);  /* compensa el tracking final */
  color: var(--moneta-ink);
  white-space: nowrap;
}

.moneta-logo__rule {
  width: 100%;
  height: 1px;
  margin: var(--moneta-rule-top) 0 var(--moneta-rule-bot);
  background: linear-gradient(90deg, currentColor, transparent);
  color: #C3D2D1;
  opacity: 0.9;
}

.moneta-logo__home {
  font-family: var(--moneta-font-ui);
  font-weight: 400;
  font-size: var(--moneta-home-size);
  letter-spacing: var(--moneta-tracking-home);
  text-indent: var(--moneta-tracking-home);
  color: var(--moneta-teal);
  white-space: nowrap;
}

/* --- sobre fondo oscuro --------------------------------------- */
.moneta-logo--on-dark .moneta-logo__name { color: var(--moneta-on-dark); }
.moneta-logo--on-dark .moneta-logo__rule { color: #2E4A50; }

/* --- una tinta (impresión, sello, grabado) --------------------- */
.moneta-logo--mono .moneta-logo__mark,
.moneta-logo--mono .moneta-logo__name,
.moneta-logo--mono .moneta-logo__home { color: currentColor; }
.moneta-logo--mono .moneta-logo__rule { color: currentColor; opacity: 0.35; }

/* --- sin filete (bloqueos por debajo de 64 px) ----------------- */
.moneta-size-sidebar .moneta-logo__rule,
.moneta-size-header  .moneta-logo__rule { display: none; }
.moneta-size-sidebar .moneta-logo__home,
.moneta-size-header  .moneta-logo__home { margin-top: calc(var(--moneta-mark) * 0.12); }

@media (prefers-reduced-motion: no-preference) {
  .moneta-logo__mark { transition: color 120ms ease; }
}