/* Ferns Moda — Home, sección «top» (ticker + categorías). Solo tokens --fm-*; sin hex. */

/* ---------- Ticker ---------- */
.fm-home .fm-ticker { display: flex; align-items: center; border-block: var(--fm-border-hair); background: var(--fm-bg); }
.fm-home .fm-ticker__window { overflow: hidden; flex: 1; min-width: 0; }
.fm-home .fm-ticker__track { display: flex; width: max-content; animation: fm-ticker-travel 36s linear infinite; }
.fm-home .fm-ticker__group { display: flex; flex-shrink: 0; align-items: center; gap: var(--fm-space-16); padding-inline: var(--fm-space-8); margin: 0; min-height: var(--fm-input-h); font-size: var(--fm-fs-small); letter-spacing: var(--fm-ls-wide); text-transform: uppercase; white-space: nowrap; color: var(--fm-text-muted); }
.fm-home .fm-ticker__sep { color: var(--fm-text); }
.fm-home .fm-ticker strong { color: var(--fm-text); font-weight: var(--fm-fw-semibold); border-bottom: 1px solid currentColor; padding-bottom: 2px; transition: color var(--fm-dur-fast) var(--fm-ease-soft); }
html body .fm-home .fm-ticker strong:hover { color: var(--fm-hover, var(--fm-sand-600)); }
.fm-home .fm-ticker__pause { flex-shrink: 0; width: var(--fm-input-h); height: var(--fm-input-h); border: 0; border-left: var(--fm-border-hair); background: none; color: var(--fm-text); cursor: pointer; font-size: var(--fm-fs-small); }
html body .fm-ticker__pause:hover, html body .fm-ticker__pause:focus-visible { color: var(--fm-hover); }
.fm-home .fm-ticker:hover .fm-ticker__track, .fm-home .fm-ticker:focus-within .fm-ticker__track, .fm-home .fm-ticker.is-paused .fm-ticker__track { animation-play-state: paused; }
@keyframes fm-ticker-travel { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .fm-home .fm-ticker__track { animation: none; width: auto; }
  .fm-home .fm-ticker__group { flex-wrap: wrap; white-space: normal; gap: var(--fm-space-4); padding-block: var(--fm-space-3); width: 100%; }
  .fm-home .fm-ticker__group[aria-hidden], .fm-home .fm-ticker__pause { display: none; }
}

/* ---------- Categorías: nombre legible, blanco también en hover ---------- */
.fm-home .fm-cat::after { background: linear-gradient(to top, color-mix(in srgb, var(--fm-ink-900) 82%, transparent), color-mix(in srgb, var(--fm-ink-900) 30%, transparent) 38%, transparent 68%); }
.fm-home .fm-cat__title { color: var(--fm-white); font-size: var(--fm-fs-h3); font-weight: var(--fm-fw-semibold); line-height: var(--fm-lh-snug); text-shadow: 0 1px 12px color-mix(in srgb, var(--fm-ink-900) 55%, transparent); }
.fm-home .fm-cat__cta { color: var(--fm-white); font-weight: var(--fm-fw-medium); margin-top: var(--fm-space-2); text-shadow: none; }
html body .fm-home a.fm-cat:hover .fm-cat__title, html body .fm-home a.fm-cat:focus-visible .fm-cat__title, html body .fm-home a.fm-cat:hover .fm-cat__cta { color: var(--fm-white); }