#kaiTop .campana-pop{position:fixed;top:calc(var(--hdr) + 8px);right:12px}
#kaiTop .campana-txt{white-space:normal}
#kaiTop .campana-pie{flex-wrap:wrap;justify-content:flex-start}
#kaiAcciones{margin-left:auto}
.kai-herr{color:var(--muted);font-size:13px;white-space:nowrap}
main.sc-lienzo{padding-top:calc(var(--hdr) + 24px)}
body[data-page] :is(#herrKai,#carrilKai,#panelKai,.saltar,#kaiArchivo,#scGuardarBtn),body.perm-loading :is(#herrKai,#carrilKai,#panelKai,.saltar),body.no-pintar :is(#herrKai,#carrilKai,#panelKai,.saltar,#tabEditor,#kaiArchivo,#scGuardarBtn){display:none!important}
@media (min-width:761px) and (min-height:501px),(min-width:961px){
  body:not([data-page]) .sc-lienzo{padding-left:calc(var(--herr-w,0px) + 8px);padding-right:var(--visor-der-max)}
}
@media (max-width:760px),(max-height:500px) and (max-width:960px){
  body:not([data-page]) .sc-lienzo{padding-bottom:calc(var(--hoja-h) + 24px)}
  body:not([data-page]) .toasts{bottom:calc(var(--hoja-h) + 16px)}
}
@media (max-height:500px) and (min-width:561px) and (max-width:960px){
  body{--hoja-media:var(--hoja-completa)}
  body:not([data-page]) .sc-lienzo{padding-bottom:40px;padding-right:calc(min(380px,46vw) + 16px)}
  body:not([data-page]) .toasts{bottom:16px;left:calc((100vw - min(380px,46vw) - 16px) / 2)}
}
#panelBody .sc-color{grid-template-columns:minmax(0,1fr)}
#panelBody .sc-color-acc{justify-content:flex-start}
#panelBody .wide{width:100%}
.sc-foto-grande{display:block;max-width:min(100%,720px);max-height:60vh;margin:0 auto 16px;border-radius:var(--r-l);object-fit:contain;background:var(--surface-2)}
.sc-pagina{padding-block:24px 60px}
.sc-inicio{max-width:720px;margin-inline:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:center}
.sc-inicio h2{font-size:26px;font-weight:700}
.sc-inicio>p{font-size:15px}
.sc-foto{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;padding-block:48px;color:var(--muted)}
.sc-foto svg{color:var(--accent)}
.sc-foto b{font-size:16px;color:var(--ink)}
.sc-foto p{margin:0}
.sc-foto.soltar{border-color:var(--accent);background:var(--accent-soft)}
.sc-foto-img{display:block;width:100%;height:auto;border-radius:10px;background:var(--surface-2)}
.sc-pasos{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.sc-paso .thumb{aspect-ratio:6/5;min-height:0;overflow:hidden}
.sc-paso .thumb img{object-fit:contain;background:var(--surface-2)}
.sc-err{color:var(--neg)}
.sc-prog{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 0;font-size:13px}
.sc-prog progress{flex:0 1 240px;height:8px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:var(--line);color:var(--accent)}
.sc-prog progress::-webkit-progress-bar{background:var(--line)}
.sc-prog progress::-webkit-progress-value{background:var(--accent)}
.sc-prog progress::-moz-progress-bar{background:var(--accent)}
.sc-guia-img{padding:16px;max-width:900px;margin-inline:auto}
.sc-guia-vacia{display:flex;flex-direction:column;align-items:center;gap:12px;padding-block:80px}
.sc-ficha-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
#scFicha p{margin:0}
#scGuiaNav{display:flex;flex-direction:column;gap:12px}
.sc-guia-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sc-tira{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.sc-mini{aspect-ratio:3/4;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted);overflow:hidden;cursor:pointer;display:grid;place-items:center;font:600 14px var(--f-body)}
.sc-mini img{width:100%;height:100%;object-fit:cover;display:block}
.sc-mini[aria-current]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.sc-mini:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.sc-cols{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.sc-color{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;align-items:start}
.sc-color-acc{justify-content:flex-end}
.sc-mezcla{margin:0;padding:6px 10px;border-radius:8px;background:var(--accent-soft);color:var(--ink);font-size:12.5px;line-height:1.45}
.sc-mezcla .kz-muestra{vertical-align:-2px}
.sc-filtros .fila{gap:8px}
body.perm-loading #app,body.perm-loading #kaiNav{visibility:hidden}
body.no-ia #iaCol,body.no-pinturas #tabPinturas,body.no-pinturas [data-pal-add],body.no-pinturas #scCompra,body.no-proyectos #tabProyectos,body.no-ajustes #tabAjustes,body.no-proyectos #abrirProyBtn{display:none!important}
body.no-ia .sc-ajustes{grid-template-columns:minmax(0,1fr)}
@media (max-width:900px){.sc-color{grid-template-columns:minmax(0,1fr)}.sc-color-acc{justify-content:flex-start}.sc-foto-img{max-height:45vh;object-fit:contain}.sc-paso .thumb{aspect-ratio:16/10}}
@media (max-width:760px),(max-height:500px) and (max-width:960px){.sc-tira{display:flex;min-width:0;overflow-x:auto;scrollbar-width:thin}.sc-mini{flex:0 0 44px}.kai-herr{display:none}}
@media (max-width:760px),(max-height:500px) and (max-width:960px){.sc-pagina{padding-block:16px 40px}main.sc-lienzo{padding-top:calc(var(--hdr) + 16px)}.sc-inicio h2{font-size:21px}.sc-foto{padding-block:32px}.sc-filtros{width:100%}.sc-filtros .fila{flex:1 1 140px;min-width:0}.sc-guia-img{padding:8px}}
.sc-gal-grupo{margin:var(--esp-5) 0 var(--esp-3);font-size:15px}
.sc-gal-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--esp-3);margin:0;padding:0;list-style:none}
.sc-gal-item{position:relative;display:flex;flex-direction:column;gap:var(--esp-1);width:100%;min-height:44px;padding:var(--esp-2);border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}
.sc-gal-item img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-s);background:var(--surface-2)}
.sc-gal-item[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.sc-gal-rot{font-size:13px;font-weight:600}
.sc-gal-caduca{position:absolute;top:var(--esp-3);left:var(--esp-3)}
.sc-gal-datos{display:grid;grid-template-columns:auto 1fr;gap:var(--esp-1) var(--esp-3);margin:0;font-size:13px}
.sc-gal-datos dt{color:var(--muted)}.sc-gal-datos dd{margin:0}
.sc-gal-aviso{white-space:normal;border-radius:var(--r);padding:var(--esp-2) var(--esp-3)}
@media (max-width:760px){.sc-gal-largo{display:none}.sc-gal-rejilla{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}