/* ZBL Soluciones credit. Keep zbl-mono.woff2 next to this file.
   Inherits the page's text color. Add .zbl-credit--compact for narrow footers. */
@font-face { font-family: "ZBL Mono"; src: url("zbl-mono.woff2") format("woff2"); font-weight: 500; font-display: swap; }

.zbl-credit {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px;
  box-sizing: border-box; width: 100%; min-height: 44px; padding-top: 12px;
  border-top: 1px solid rgba(127, 127, 127, .35);
  border-top-color: color-mix(in srgb, currentColor 20%, transparent);
  color: inherit; text-decoration: none;
  font: 500 11px/1.4 "ZBL Mono", ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .1em; text-transform: uppercase;
}
.zbl-credit-label { opacity: .7; }
.zbl-credit-mark { display: inline-flex; align-items: center; gap: .6em; }
.zbl-credit-mark svg { width: 9px; height: auto; flex: none; }
.zbl-credit-url { opacity: .7; }
.zbl-credit-arrow { display: inline-block; transition: transform .2s ease-out; }
.zbl-credit:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 2px; }
@media (hover: hover) { .zbl-credit:hover .zbl-credit-arrow { transform: translateX(3px); } }
@media (prefers-reduced-motion: reduce) { .zbl-credit-arrow { transition: none; } }

/* Compact: one inline line, no rule, no URL */
.zbl-credit--compact { display: inline-flex; width: auto; padding-top: 0; border-top: 0; gap: .6em; }
.zbl-credit--compact .zbl-credit-url { display: none; }