:root{color-scheme:dark;--bg:#0e1014;--panel:#14171d;--panel2:#1b1f27;--line:#2b303a;--txt:#e9ebef;--muted:#9ca4b1;--accent:#e33b55;--silver:#cbd0d8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--txt)}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.topbar{height:75px;background:#13161b;border-bottom:1px solid var(--line);position:fixed;inset:0 0 auto;display:flex;align-items:center;padding:0 27px;gap:20px;z-index:20}.iconbtn{border:1px solid var(--line);background:#20242c;width:38px;height:38px;border-radius:9px;display:inline-grid;place-items:center}.iconbtn:hover,.outline:hover{border-color:#686f7a}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:17px;letter-spacing:.5px}.brand b{color:var(--silver)}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:2px;margin-top:3px}.brandmark{width:42px;height:42px;border:1px solid #733541;background:#281b24;border-radius:10px;display:grid;place-items:center;color:#ff596d;font-size:20px}.header-right{margin-left:auto;display:flex;align-items:center;gap:20px}.version{color:var(--muted);font-size:11px;letter-spacing:1px}.outline{border:1px solid var(--line);background:transparent;padding:11px 14px;border-radius:9px;font-size:12px}.shell{display:flex;padding-top:75px;min-height:100vh}.sidebar{position:fixed;top:75px;bottom:0;left:0;width:276px;border-right:1px solid var(--line);background:#12151a;display:flex;flex-direction:column;padding:27px 15px;transition:transform .22s;z-index:15}.sidebar.closed{transform:translateX(-100%)}.aside-label{color:#7b8492;font-size:10px;font-weight:800;letter-spacing:2px;padding:4px 13px 19px}.searchbox{background:#1c2027;border:1px solid #313742;padding:0 11px;border-radius:9px;display:flex;align-items:center;gap:10px;color:#8d97a5}.searchbox input{width:100%;height:40px;border:0;background:transparent;outline:0;color:white;font-size:12px}nav{margin-top:24px;overflow:auto}nav button{width:100%;border:0;border-left:2px solid transparent;padding:13px;text-align:left;background:transparent;color:#abb3bf;border-radius:0 7px 7px 0;display:flex;align-items:center;gap:13px;font-size:13px;margin-bottom:5px}nav button i{width:19px;text-align:center}nav button:hover{background:#21262e;color:white}nav button.active{color:#fff;background:#272128;border-left-color:#f04b63}.aside-footer{border-top:1px solid var(--line);margin-top:auto;padding:22px 12px 6px;font-size:11px;color:#aeb5c0;line-height:1.9}.aside-footer i{color:#e84960}.aside-footer small{color:#687280}.main{margin-left:276px;transition:margin .22s;width:calc(100% - 276px);padding:52px clamp(24px,6vw,100px) 32px;max-width:1650px}.main.full{margin-left:0;width:100%}.eyebrow{font-size:10px;color:#ee6478;letter-spacing:2.2px;font-weight:800;margin-bottom:25px}.article-title{font-size:clamp(28px,3vw,43px);letter-spacing:-1.2px;margin:0 0 21px}.title-line{height:2px;background:linear-gradient(90deg,#ed4964,transparent 80%);margin-bottom:37px}.content-block{margin-bottom:30px}.content-block h2{font-size:22px;letter-spacing:-.5px;margin:0 0 16px}.prose{color:#b6beca;font-size:14px;line-height:1.9;white-space:pre-line}.prose strong{color:#f1f2f5}.prose em{color:#d1d6df}.prose code{background:#292e38;color:#ff8393;padding:2px 5px;border-radius:4px}.prose a{color:#fd8292;text-decoration:underline}.prose i.fa-solid,.prose i.fa-regular{color:#ff7187;margin:0 3px}.content-divider{border:0;height:1px;background:#323740;margin:30px 0}.content-img{max-width:100%;max-height:510px;object-fit:contain;border:1px solid #373d47;background:#1b1e25;border-radius:12px}.image-caption{font-size:12px;color:#8c96a5;margin-top:10px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;background:#171a20;border:1px solid #2c313a;padding:28px;border-radius:13px}.split.reverse .split-media{order:2}.split h2{margin-top:0}.media-placeholder{min-height:160px;border:1px dashed #414853;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#77808e;gap:9px;font-size:12px}.callout{border:1px solid #3b4556;border-left:3px solid #588fe2;background:#1a2432;color:#c5d4e9;border-radius:9px;padding:18px;display:flex;gap:13px;font-size:14px;line-height:1.65}.callout.success{border-left-color:#4ebc8c;background:#182920}.callout.warning{border-left-color:#e7b452;background:#2a2519}.bullets{color:#bfc6d1;line-height:2.1;padding-left:23px;font-size:14px}.bullets li::marker{color:#ed536d}.page-footer{border-top:1px solid var(--line);margin-top:75px;padding-top:24px;color:#6e7886;font-size:11px}.overlay{display:none}.admin-panel{position:fixed;right:0;top:0;bottom:0;width:min(610px,100vw);z-index:35;background:#171a21;border-left:1px solid #434a55;box-shadow:-24px 0 70px #0008;overflow-y:auto}.hidden{display:none!important}.admin-head{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 26px;position:sticky;top:0;background:#171a21;z-index:4}.admin-head b{font-size:13px;letter-spacing:1px}.admin-head b i{color:#f75a72;margin-right:7px}.admin-head small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.admin-content{padding:25px}.admin-content h3{margin:0 0 12px}.muted{color:var(--muted);font-size:13px;line-height:1.7}.admin-content label{display:block;font-size:11px;color:#c6ccd5;font-weight:700;margin-bottom:16px}.admin-content input,.admin-content select,.admin-content textarea,.block-add select{display:block;width:100%;border:1px solid #38404c;background:#222630;color:#fff;border-radius:8px;padding:11px;margin-top:7px;outline:0;font-size:13px}.admin-content textarea{resize:vertical;min-height:90px;line-height:1.6}.admin-content input:focus,.admin-content textarea:focus{border-color:#f05b70}.primary,.success,.danger{border:0;border-radius:8px;padding:11px 13px;font-size:12px;font-weight:750}.primary{background:#c83952;color:#fff}.success{background:#2b805a;color:#fff}.danger{background:#522830;color:#ffc7cd}.wide{width:100%}.small{padding:8px}.editor-actions{display:flex;gap:10px;border-bottom:1px solid var(--line);padding:15px 24px;position:sticky;top:80px;background:#171a21;z-index:3}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline-actions{display:flex;justify-content:space-between;align-items:center;margin:2px 0 28px;font-size:12px;color:#aeb5c0}.editor-heading{font-weight:750;font-size:14px;margin-bottom:17px}.editor-heading small{display:block;color:#89939f;font-size:10px;margin-top:5px;font-weight:400}.block-card{border:1px solid #3a414e;border-radius:10px;margin-bottom:13px;padding:15px;background:#1c2028}.block-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.block-top b{font-size:12px}.mini-actions{display:flex;gap:5px}.mini-actions button{border:1px solid #444d5a;background:#262b34;border-radius:6px;padding:5px 8px;font-size:11px}.mini-actions button:hover{background:#424958}.block-card label{margin-bottom:11px}.block-add{display:flex;gap:8px}.block-add select{margin:0}.block-add button{white-space:nowrap}.editor-tip{margin-top:20px;color:#858f9d;font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding-top:15px}#toast{position:fixed;right:20px;bottom:20px;max-width:360px;background:#3b4655;padding:13px 18px;border-radius:8px;font-size:12px;z-index:40;display:none}#toast.show{display:block}@media(max-width:850px){.sidebar{box-shadow:15px 0 30px #0006}.sidebar:not(.mobile-open){transform:translateX(-100%)}.main,.main.full{width:100%;margin-left:0;padding:40px 22px}.overlay.show{display:block;position:fixed;inset:75px 0 0;background:#0009;z-index:14}.split{grid-template-columns:1fr;gap:18px}.split.reverse .split-media{order:0}.version{display:none}.header-right{gap:0}.topbar{padding:0 12px;gap:11px}.brand{font-size:14px}.brandmark{width:36px;height:36px}.outline span{display:none}.two{grid-template-columns:1fr}.admin-content{padding:17px}.block-add{flex-direction:column}}

/* Editor flotante, sin bloquear la vista previa */
.admin-panel{top:105px;right:35px;bottom:auto;left:auto;width:min(560px,calc(100vw - 24px));height:min(720px,calc(100vh - 130px));border:1px solid #454b55;border-radius:13px;box-shadow:0 25px 70px #000a;resize:both;overflow:auto;min-width:335px;min-height:280px;max-width:100vw;max-height:100vh}
.admin-head{cursor:grab;user-select:none;height:67px;padding:12px 18px;touch-action:none}.admin-head:active{cursor:grabbing}.admin-head button{cursor:pointer}.drag-grip{color:#88929f;margin-right:9px}.admin-head>div{flex:1}.editor-actions{top:67px}
.brandmark{background:transparent;border:0}.brandmark img{width:100%;height:100%;object-fit:contain}
/* Menú plano: el separador de la navegación sigue siendo su línea izquierda. */
nav button,nav button.active,nav button:hover{background:transparent!important;box-shadow:none!important;border-radius:0!important}
nav button:hover{color:#fff}nav button.active{color:#fff;border-left-color:#f04b63}
/* Columnas de contenido sin tarjeta ni bordes */
.split{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}
.inline-bullet{display:flex;gap:9px;align-items:baseline;white-space:normal}.bullet-mark{color:#ee6377;font-size:1.2em;line-height:1}
.insert-icon-btn{border:1px solid #414856;color:#e4e8f1;background:#272d37;border-radius:7px;padding:8px 12px;font-size:11px;margin:-2px 0 13px}
.icon-picker{border:1px solid #444d5b;background:#20252d;border-radius:10px;padding:14px;margin:14px 0}.picker-title{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:10px}.picker-title button{background:transparent;border:0;color:#fff;font-size:20px}.icon-picker input:not([type=color]){width:100%;background:#171b22;color:#fff;border:1px solid #454b55;border-radius:6px;padding:9px}.icon-picker label{font-size:12px;display:flex;gap:12px;align-items:center;margin:12px 0}.icon-picker input[type=color]{height:32px;width:60px;background:transparent;border:0}.icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:190px;overflow-y:auto;margin-top:9px}.icon-grid button{background:#2c313b;border:1px solid transparent;border-radius:7px;padding:8px 2px;color:#ced5df;min-width:0}.icon-grid button i{display:block;margin-bottom:5px}.icon-grid small{font-size:8px;display:block;overflow:hidden;text-overflow:ellipsis}.icon-grid button.picked{border-color:#ff5b75;color:#fff}
@media(max-width:650px){.admin-panel{left:8px!important;right:auto!important;top:85px!important;width:calc(100vw - 16px);height:calc(100vh - 100px);min-width:0;resize:none}.admin-head{touch-action:auto}}

/* Editor en ventana real e independiente del navegador (compatible con segundo monitor). */
body.standalone-editor .topbar,body.standalone-editor .shell,body.standalone-editor #overlay{display:none!important}
body.standalone-editor .admin-panel{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:100vh!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;border:0!important;border-radius:0!important;resize:none!important;box-shadow:none!important;background:#171a21}
body.standalone-editor .admin-head{cursor:default;touch-action:auto}
body.standalone-editor .drag-grip{display:none}
body.standalone-editor #toast{right:16px;bottom:16px}

/* Íconos de documentación y marca oficial */
.rbot-inline-icon{width:1.18em;height:1.18em;object-fit:contain;vertical-align:-.19em;display:inline-block;flex:none}
.icon-grid .rbot-inline-icon{width:25px;height:25px;display:block;margin:0 auto 5px}
.icon-grid button{min-height:58px;cursor:pointer}
.icon-grid button i{font-size:21px}
.icon-grid small{font-size:9px}
.icon-help{font-size:11px;line-height:1.55;color:#a9b3c3;margin:8px 0}
#nav .rbot-inline-icon{width:19px;height:19px}