/* Fases en horizontal (fases-scroll.js). Solo cambia la disposición; los tamaños de letra son los del kit. */
#fases.hs{display:block;padding:0;overflow:clip}
#fases .hs-pin{position:sticky;top:0;height:100svh;padding:9svh var(--pad-x) calc(var(--nav-h) + 6svh);overflow:hidden;display:flex;align-items:center}
#fases.hs .kv-copy{width:100%}
#fases.hs .kv-tl{width:max-content;grid-template-columns:repeat(var(--n),22vw);gap:2vw;will-change:transform}
#fases .hs-hint{margin-top:2svh;color:var(--accent);font-weight:700;transition:opacity .3s}
#fases.hs-off .kv-tl{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:0;row-gap:4svh}
#fases.hs-off .kv-tl:before{display:none}
#fases.hs-off .kv-tl>li.arriba,#fases.hs-off .kv-tl>li.arriba.r,.kv-slide.is-in#fases.hs-off .kv-tl>li.arriba.r{transform:none;padding-top:3svh}
#fases.hs-off .kv-tl>li.arriba:before{top:-5px;bottom:auto}