/* Marca del evento (event-brand.js): section of the event wizard / event settings and the card of the studio.
   Only the design tokens of style.css / studio-v9.css, so it follows the light theme (default) and the dark one. */
.kx-eb{display:grid;gap:12px;min-width:0;container-type:inline-size}
.kx-eb p{margin:0}
.kx-eb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.kx-eb-fields{display:grid;gap:12px;min-width:0}
.kx-eb-group{display:grid;gap:8px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;min-width:0}
.kx-eb-group legend{padding:0 6px;font-weight:700;font-size:14px}
.kx-eb-opt{display:flex!important;align-items:flex-start;gap:10px;cursor:pointer;font-weight:400}
.kx-eb-opt input{width:16px!important;height:16px;margin-top:2px;flex:none;accent-color:var(--acc)}
.kx-eb-opt span{display:grid;gap:2px;min-width:0}
.kx-eb-opt b{font-size:13px;font-weight:600}
.kx-eb-opt small{color:var(--mut);font-size:12px}
.kx-eb-opt.is-off{cursor:not-allowed;opacity:.6}
.kx-eb [hidden]{display:none!important}
.kx-eb-pick,.kx-eb-pos,.kx-eb-color{display:grid;gap:6px;margin-left:26px;min-width:0}
.kx-eb-pick img{max-width:100%;max-height:72px;width:auto;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:repeating-conic-gradient(var(--surf) 0 25%,var(--card) 0 50%) 0 0/14px 14px;padding:4px;justify-self:start}
.kx-eb-pickrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
.kx-eb-pickrow select{flex:1 1 160px;min-width:0}
.kx-eb-file{position:relative;overflow:hidden}
.kx-eb-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.kx-eb-color input[type=color]{width:56px;height:32px;padding:2px}
.kx-eb-two{display:flex;flex-wrap:wrap;gap:12px;margin-left:26px}
.kx-eb-two .kx-eb-color{margin-left:0}
.kx-eb-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-left:26px}
.kx-eb-preset{position:relative;aspect-ratio:16/9;border:2px solid transparent;border-radius:8px;padding:0;cursor:pointer;overflow:hidden}
.kx-eb-preset span{position:absolute;inset:auto 0 0 0;background:rgba(0,0,0,.55);color:#fff;font-size:10px;line-height:1.2;padding:2px 4px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx-eb-preset[aria-checked="true"]{border-color:var(--acc);box-shadow:0 0 0 2px var(--focus-ring,var(--acc))}
.kx-eb-preset:focus-visible{outline:3px solid var(--focus-ring,var(--acc));outline-offset:2px}
.kx-eb-preview{margin:0;display:grid;gap:8px;position:sticky;top:8px;min-width:0}
.kx-eb-stage{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#111322;border:1px solid var(--line);container-type:inline-size}
.kx-eb-cam{position:absolute;display:flex;align-items:flex-end;border-radius:6px;background:linear-gradient(160deg,#3a3f52,#1f2230);box-shadow:0 1px 3px rgba(0,0,0,.35)}
.kx-eb-cam span{margin:4%;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;font-size:clamp(8px,2.2cqw,11px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}
.kx-eb-logo{position:absolute;height:auto;max-height:20%;object-fit:contain;z-index:2}
.kx-eb-logo[data-variant="isotipo"]{width:9%}
.kx-eb-logo[data-variant="horizontal"]{width:22%}
.kx-eb-logo[data-pos="top-right"]{top:4%;right:4%}
.kx-eb-logo[data-pos="top-left"]{top:4%;left:4%}
.kx-eb-logo[data-pos="bottom-right"]{bottom:4%;right:4%}
.kx-eb-logo[data-pos="bottom-left"]{bottom:4%;left:4%}
.kx-eb-preview figcaption{display:grid;gap:6px}
.kx-eb-cams{display:flex;flex-wrap:wrap;gap:6px}
.kx-eb-cams [aria-pressed="true"]{border-color:var(--acc);color:var(--acc-ink,var(--acc))}
/* narrow place (phone, or the settings column of the event page): one column, the preview first */
@container (max-width:620px){.kx-eb-grid{grid-template-columns:minmax(0,1fr)}.kx-eb-preview{position:static;order:-1}}
@container (max-width:380px){.kx-eb-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* studio v9 · Activos multimedia */
#v9wrap .kx-ebcard{display:grid;gap:6px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:var(--card);margin-bottom:10px}
#v9wrap .kx-ebcard.is-new{border-color:var(--acc);background:var(--tint)}
#v9wrap .kx-ebcard>span{color:var(--mut);font-size:12px}
/* Patrocinadores del reproductor (public/event-sponsors.js) */
.kx-sp{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:14px}.kx-sp legend{font-weight:700;padding:0 6px}
.kx-sp-sides{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.kx-sp-side h4{margin:4px 0 8px;font-size:14px}
.kx-sp-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.kx-sp-thumb{width:56px;height:96px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--card);text-align:center}
.kx-sp-thumb img{max-width:100%;max-height:100%;object-fit:contain}.kx-sp-thumb .small{font-size:10px;line-height:1.2}
.kx-sp-fields{display:grid;gap:6px}.kx-sp-fields input[type=text],.kx-sp-fields input[type=url]{width:100%}.kx-sp-file{justify-self:start;cursor:pointer}.kx-sp-file.disabled{opacity:.6;pointer-events:none}