.ck-banner{position:fixed;left:0;right:0;bottom:0;z-index:95;display:flex;justify-content:center;padding:12px;pointer-events:none}
.ck-panel{pointer-events:auto;width:100%;max-width:720px;background:var(--white,#fff);color:var(--walnut,#222);border:1px solid var(--line,#ddd);border-radius:16px;box-shadow:0 14px 48px rgba(10,14,25,.3);max-height:86vh;overflow:auto;padding:18px}
.ck-panel h3{margin:0 0 4px;font-size:18px}.ck-intro{margin:4px 0 8px;color:var(--walnut-soft,#667);font-size:14px}
.ck-adm{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid #5b3fd1;color:#5b3fd1;margin-left:6px;vertical-align:middle}
.ck-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line,#ddd)}
.ck-t{flex:1;min-width:0}.ck-n{font-weight:600}
.ck-row code{font:12.5px ui-monospace,Consolas,monospace;background:var(--ivory,#f4f4f4);border:1px solid var(--line,#ddd);border-radius:6px;padding:1px 6px;color:#5b3fd1;overflow-wrap:anywhere}
.ck-d{color:var(--walnut-soft,#667);font-size:13.5px}
.ck-w{display:none;margin-top:6px;color:#b42318;background:#fef3f2;border-radius:8px;padding:6px 10px;font-size:13px}.ck-off .ck-w{display:block}
.ck-lock{font-size:12px;color:#067647;white-space:nowrap;margin-top:4px}
.ck-sw{position:relative;width:46px;height:28px;flex:none;margin-top:2px}
.ck-sw input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}
.ck-sw i{position:absolute;inset:0;background:#cfd4dc;border-radius:99px;transition:.15s}
.ck-sw i:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.15s}
.ck-sw input:checked+i{background:var(--brass,#2f6f5e)}.ck-sw input:checked+i:after{left:21px}
.ck-sw input:disabled{cursor:not-allowed}.ck-sw input:disabled+i{opacity:.55}
.ck-sw input:focus-visible+i{outline:3px solid #5b3fd1;outline-offset:2px}
.ck-alert{display:none;margin:12px 0 0;border:2px solid #b42318;background:#fef3f2;color:#b42318;border-radius:12px;padding:12px 14px;font-size:14px}
.ck-alert.show{display:block}.ck-alert strong{display:block;margin-bottom:4px}.ck-alert ul{margin:4px 0 0;padding-left:18px}
.ck-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ck-btns .btn{flex:1 1 150px;min-height:44px;justify-content:center}
.ck-foot{margin-top:10px;font-size:12.5px;color:var(--walnut-soft,#667)}
.ck-toast{position:fixed;left:50%;top:70px;transform:translateX(-50%);background:#1d2330;color:#fff;padding:10px 16px;border-radius:10px;z-index:99}
/* ---- Submenú de anclas (Sistema → Apariencia) ---- */
.hc-anclas{position:sticky; top:0; z-index:6; display:flex; flex-direction:row; flex-wrap:wrap; flex:none; margin-top:0; overflow-y:visible; gap:6px; overflow-x:visible; padding:8px 2px; margin:0 0 14px; background:var(--ivory,#f4f5f8); border-bottom:1px solid var(--line,#ddd); scrollbar-width:thin; -webkit-overflow-scrolling:touch;}
.hc-anclas button{flex:none; border:1px solid var(--line,#ddd); background:var(--white,#fff); color:var(--walnut,#222); border-radius:99px; padding:7px 13px; font:inherit; font-size:13px; cursor:pointer; min-height:38px; white-space:nowrap;}
.hc-anclas button{width:auto;}
@media(max-width:700px){.hc-anclas{flex-wrap:nowrap; overflow-x:auto;}}
.hc-anclas button:hover{border-color:var(--gold,#4F5BC8);}
.hc-anclas button.on{background:var(--gold-dim,#e8eafa); color:var(--accent-ink,#2f3a9a); border-color:var(--gold,#4F5BC8); font-weight:600;}
.hc-anclas button:focus-visible{outline:3px solid var(--gold,#4F5BC8); outline-offset:2px;}
.hc-sec{scroll-margin-top:calc(var(--hc-an-h,56px) + 14px);}
.hc-flash{animation:hcFlash 1.1s ease-out 1;}
@keyframes hcFlash{0%{box-shadow:0 0 0 3px var(--gold,#4F5BC8);}100%{box-shadow:0 0 0 0 transparent;}}
@media (prefers-reduced-motion: reduce){.hc-flash{animation:none; outline:2px solid var(--gold,#4F5BC8);}}

/* ---- Colores por estancia / apartado ---- */
.hc-ce{border:1px solid var(--line,#ddd); border-radius:12px; padding:10px 12px; margin-bottom:10px;}
.hc-ce-h,.hc-ce-s{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;}
.hc-ce-h{padding-bottom:8px; border-bottom:1px solid var(--line,#ddd);}
.hc-ce-s{padding:8px 0 8px 12px; border-bottom:1px dashed var(--line,#ddd);} .hc-ce-s:last-child{border-bottom:0;}
.hc-ce-oc{opacity:.6;}
.hc-dot{display:inline-block; width:12px; height:12px; border-radius:50%; margin-right:8px; vertical-align:middle;}
.hc-ce-n{font-size:13.5px; display:flex; align-items:center; gap:8px; min-width:0;}
.hc-ce-in{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.hc-ce input[type=color]{width:46px; height:34px; padding:2px; cursor:pointer;}
.hc-ce-r{padding:6px 10px; font-size:12px; white-space:nowrap;}
@media(max-width:640px){.hc-ce-s{padding-left:0;} .hc-ce-in{width:100%; justify-content:flex-end;}}

/* ---- Notas de artículo ---- */
.item-nota{color:var(--walnut-soft,#667); font-size:12px; margin-top:3px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:pre-line; overflow-wrap:anywhere; cursor:pointer; max-width:36ch;}
.item-nota.open{-webkit-line-clamp:unset; display:block; max-width:none;}
.item-nota i{margin-right:4px; opacity:.8;}
@media(max-width:700px){.item-nota{min-width:150px; max-width:200px;} .item-nota.open{max-width:none;}}
.nota-field textarea{width:100%; min-height:64px; resize:vertical;}
.nota-field .hint{display:block; font-weight:400; font-size:12px; color:var(--walnut-soft,#667);}
.ck-login-link{position:absolute; left:50%; bottom:10px; transform:translateX(-50%); background:transparent; border:0; color:inherit; opacity:.75; text-decoration:underline; font:inherit; font-size:12.5px; cursor:pointer; padding:8px; z-index:2;}