/* Patrocinadores junto al video (public/sponsor-rail.js). Toma la paleta del tema (marca blanca: --card, --line, --muted, --blue). */
.kx-sp-stage{display:grid;grid-template-columns:minmax(100px,190px) minmax(0,1fr) minmax(100px,190px);gap:14px;align-items:start;width:100%}
.kx-sp-stage>:not(.kx-sp-col){justify-self:center;width:100%}
.kx-sp-col{display:flex;flex-direction:column;gap:10px;height:var(--sp-h,auto);min-height:160px;padding:12px 10px;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.kx-sp-col.empty{visibility:hidden}
.kx-sp-title{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center}
.kx-sp-list{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:10px;transition:opacity .35s ease}.kx-sp-list.out{opacity:0}
.kx-sp-item{display:none;flex:none;height:calc((100% - 20px)/3);align-items:center;justify-content:center;border-radius:10px}
.kx-sp-item.on{display:flex}.kx-sp-item img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
a.kx-sp-item:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.kx-sp-list{transition:none}}
@media(max-width:800px){.kx-sp-stage{grid-template-columns:1fr 1fr;gap:10px}.kx-sp-stage>:not(.kx-sp-col):not(.kx-sp-strip){grid-column:1/-1;grid-row:1}
 .kx-sp-col{grid-row:2;height:auto;min-height:0}.kx-sp-list{flex-direction:row;flex-wrap:wrap}.kx-sp-item{flex:1 1 calc(50% - 10px);height:84px}
 .kx-sp-col.empty{display:none}.kx-sp-stage:has(.empty) .kx-sp-col:not(.empty){grid-column:1/-1}}
/* Celular: el video manda; los patrocinadores van en una franja compacta, un logo a la vez rotando (sponsor-rail.js). */
.kx-sp-strip{display:none}
@media(max-width:800px){.kx-sp-stage .kx-sp-col{display:none}
 .kx-sp-strip{display:flex;flex-direction:column;grid-column:1/-1;grid-row:2;align-items:center;gap:8px;padding:10px 14px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
 .kx-sp-strip .kx-sp-title{flex:none;font-size:10px;text-align:center}
 .kx-sp-one{position:relative;width:100%;height:96px;min-width:0}
 .kx-sp-one .kx-sp-item{display:flex;position:absolute;inset:0;height:auto;justify-content:center;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
 .kx-sp-one .kx-sp-item.on{opacity:1;visibility:visible;transition:opacity .45s ease}
 .kx-sp-one .kx-sp-item img{max-height:100%;max-width:100%}}
@media(max-width:800px) and (prefers-reduced-motion:reduce){.kx-sp-one .kx-sp-item,.kx-sp-one .kx-sp-item.on{transition:none}}