.lb-editor{border:1px solid var(--border,#2a2f3a);border-radius:8px;background:var(--card,#12151c);padding:10px}
.lb-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border,#2a2f3a)}
.lb-toolbar button{font-size:12px;padding:6px 10px;border-radius:6px;border:1px solid var(--border,#2a2f3a);background:var(--surface,#1a1f28);color:inherit;cursor:pointer}
.lb-toolbar button:hover{border-color:var(--gold,#c9a227)}
.lb-blocks{display:flex;flex-direction:column;gap:10px;min-height:80px}
.lb-block{border:1px solid var(--border,#2a2f3a);border-radius:8px;background:var(--surface,#1a1f28);overflow:hidden}
.lb-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:rgba(0,0,0,.15);font-size:12px;font-weight:600}
.lb-block-actions{display:flex;gap:4px}
.lb-block-actions button{font-size:11px;padding:4px 8px;border-radius:4px;border:1px solid var(--border,#2a2f3a);background:transparent;color:inherit;cursor:pointer}
.lb-block-body{padding:10px}
.lb-block-body input[type=text],.lb-block-body input[type=url],.lb-block-body textarea,.lb-block-body select{width:100%;margin-bottom:8px;padding:8px;border-radius:6px;border:1px solid var(--border,#2a2f3a);background:var(--card,#12151c);color:inherit;font:inherit;box-sizing:border-box}
.lb-block-body textarea{min-height:72px;resize:vertical}
.lb-belts{display:flex;flex-wrap:wrap;gap:8px 14px}
.lb-belts label.small{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.lb-empty{font-size:13px;color:var(--muted,#8b92a0);padding:12px;text-align:center}
.lb-preview .lb-warning{background:rgba(220,80,50,.12);border-left:4px solid #dc5032;padding:10px 12px;border-radius:6px;margin:10px 0}
.lb-preview .lb-tip{background:rgba(201,162,39,.12);border-left:4px solid var(--gold,#c9a227);padding:10px 12px;border-radius:6px;margin:10px 0}
.lb-preview .lb-quote{border-left:4px solid var(--gold,#c9a227);padding:8px 14px;margin:12px 0;font-style:italic}
.lb-preview .lb-divider{border:0;border-top:1px solid var(--border,#2a2f3a);margin:16px 0}
.lb-preview .lb-youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;margin:12px 0}
.lb-preview .lb-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.lb-preview .lb-image img,.lb-image-preview img{max-width:100%;max-height:200px;border-radius:8px;display:block;margin:8px 0}
.lb-image-preview{min-height:24px}
.lb-preview .lb-techniques{padding-left:1.2em}
.lb-tech-row{display:flex;gap:6px;margin-bottom:6px;align-items:flex-start}
.lb-tech-row input{flex:1}

/* Editor documental */
/* Centro de Aprendizaje — editor documental (OneNote + Word) */
.learn-doc-studio{
  position:fixed;inset:0;z-index:1600;
  display:none;flex-direction:column;
  background:#f3f0ea;
  color:#2a2520;
  font-family:"Inter",system-ui,sans-serif;
  pointer-events:auto;
}
.learn-doc-studio.is-open{display:flex}
.learn-doc-studio[aria-hidden="true"]{pointer-events:none}
.learn-doc-studio input:not([type=file]),
.learn-doc-studio select,
.learn-doc-studio textarea{
  pointer-events:auto;
}
.learn-doc-studio .doc-title-input{
  pointer-events:auto;
  color:#2a2520;
  background:transparent;
}
.learn-doc-studio.is-focus .learn-doc-outline,
.learn-doc-studio.is-focus .learn-doc-meta-drawer{display:none}
.learn-doc-studio.is-preview .learn-doc-toolbar,
.learn-doc-studio.is-preview .learn-doc-outline{display:none}
.learn-doc-studio.is-preview .learn-doc-editor-pane{display:none}
.learn-doc-studio.is-preview .learn-doc-preview-pane{display:flex;flex-direction:column}

.learn-doc-top{
  flex-shrink:0;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:10px 16px;
  background:#fff;
  border-bottom:1px solid rgba(42,37,32,.08);
  box-shadow:0 1px 0 rgba(255,255,255,.8);
}
.learn-doc-top .doc-title-input{
  flex:1;min-width:200px;max-width:480px;
  font-size:18px;font-weight:600;
  border:0;border-bottom:1px solid transparent;
  background:transparent;padding:6px 4px;
}
.learn-doc-top .doc-title-input:focus{
  outline:none;border-bottom-color:rgba(183,28,28,.35);
}
.learn-doc-save-status{font-size:12px;color:#6b6358;min-width:140px}
.learn-doc-save-status.is-dirty{color:#b71c1c}
.learn-doc-save-status.is-ok{color:#1f7a4c}

.learn-doc-body{flex:1;display:flex;min-height:0}
.learn-doc-outline{
  width:220px;flex-shrink:0;
  border-right:1px solid rgba(42,37,32,.08);
  background:#ebe6dc;
  overflow:auto;padding:12px 10px;
}
.learn-doc-outline h4{
  margin:0 0 8px;font-size:11px;text-transform:uppercase;
  letter-spacing:.08em;color:#6b6358;font-weight:700;
}
.learn-doc-outline a{
  display:block;padding:5px 8px;border-radius:6px;
  font-size:12px;color:#3d3830;text-decoration:none;
  line-height:1.35;cursor:pointer;
}
.learn-doc-outline a:hover{background:rgba(255,255,255,.5)}
.learn-doc-outline a.depth-2{padding-left:18px;font-size:11px}
.learn-doc-outline a.depth-3{padding-left:28px;font-size:11px}
.learn-doc-outline .empty{font-size:12px;color:#8a8278}

.learn-doc-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}
.learn-doc-editor-pane{flex:1;display:flex;flex-direction:column;min-height:0}
.learn-doc-toolbar{
  flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;
  padding:8px 12px;
  background:#fff;
  border-bottom:1px solid rgba(42,37,32,.08);
}
.learn-doc-toolbar .tb-group{
  display:inline-flex;align-items:center;gap:2px;
  padding-right:8px;margin-right:4px;
  border-right:1px solid rgba(42,37,32,.1);
}
.learn-doc-toolbar .tb-group:last-child{border-right:0}
.learn-doc-toolbar button{
  min-width:32px;height:32px;padding:0 8px;
  border:0;border-radius:6px;background:transparent;
  color:#3d3830;font-size:13px;cursor:pointer;
}
.learn-doc-toolbar button:hover{background:#f0ebe3}
.learn-doc-toolbar button.is-active{background:#e8dfd0}
.learn-doc-toolbar select{
  height:32px;border:0;background:#f5f1ea;border-radius:6px;
  font-size:12px;padding:0 8px;color:#3d3830;
  pointer-events:auto;cursor:pointer;
  min-width:120px;max-width:200px;
}
.learn-doc-toolbar .tb-insert{
  pointer-events:auto;cursor:pointer;
}
.learn-doc-toolbar .tb-insert{
  background:#f5f1ea;font-weight:600;padding:0 12px;
}

.learn-doc-scroll{flex:1;min-height:0;overflow:auto;padding:32px 24px 48px}
.learn-doc-canvas{
  max-width:850px;margin:0 auto;
}
.learn-doc-flow{min-height:320px}
.learn-doc-preview-pane{
  display:none;flex:1;min-height:0;overflow:auto;
  padding:32px 24px 48px;background:#faf8f4;
}
.learn-doc-preview-pane .preview-inner{
  max-width:850px;margin:0 auto;
  background:#fff;padding:28px 32px;border-radius:8px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}

.learn-doc-meta-drawer{
  width:260px;flex-shrink:0;
  border-left:1px solid rgba(42,37,32,.08);
  background:#fff;
  overflow:auto;padding:14px 12px;
  font-size:13px;
}
.learn-doc-meta-drawer label{display:block;font-size:11px;color:#6b6358;margin-bottom:4px;font-weight:600}
.learn-doc-meta-drawer .form-group{margin-bottom:12px}
.learn-doc-meta-drawer input:not([type=checkbox]):not([type=radio]),
.learn-doc-meta-drawer select{
  width:100%;padding:8px;border-radius:8px;
  border:1px solid #e0d8cc;background:#faf8f4;
  font-size:13px;box-sizing:border-box;
  box-shadow:none;
}
.learn-doc-meta-drawer .form-group > label.small{
  display:inline-flex;align-items:center;gap:8px;
  width:auto;font-weight:600;margin-bottom:6px;
  text-transform:none;letter-spacing:0;
}
.learn-doc-meta-drawer .lb-belts{
  display:flex;flex-direction:column;align-items:flex-start;
  gap:2px 0;
}
.learn-doc-meta-drawer .lb-belts label.small{
  display:inline-flex;align-items:flex-start;gap:8px;
  width:auto;max-width:100%;margin:0;
  font-size:11px;font-weight:500;color:#3d3830;
  line-height:1.35;cursor:pointer;
  text-transform:none;letter-spacing:0;
}
.learn-doc-studio .learn-doc-meta-drawer input[type=checkbox]{
  width:15px !important;height:15px !important;
  min-width:15px !important;max-width:15px !important;
  padding:0 !important;margin:2px 0 0 !important;flex-shrink:0;
  border-radius:3px !important;border:1px solid #c9b8a8 !important;
  background:#fff !important;box-shadow:none !important;
  accent-color:#b71c1c;cursor:pointer;
}

/* Nodos del documento */
.doc-node{
  position:relative;
  padding:2px 0 2px 28px;
  margin:0;
}
.doc-node:focus-within .doc-grip{opacity:.55}
.doc-grip{
  position:absolute;left:0;top:6px;
  width:20px;height:24px;
  border:0;background:transparent;
  cursor:grab;opacity:0;
  color:#a89f90;font-size:14px;line-height:1;
  padding:0;
}
.doc-node:hover .doc-grip{opacity:.45}
.doc-grip:active{cursor:grabbing}

.doc-prose,
.doc-h1,.doc-h2,.doc-h3,
.doc-embed [contenteditable="true"]{
  outline:none;min-height:1.5em;
  font-size:16px;line-height:1.65;
  color:#2a2520 !important;
  caret-color:#b71c1c;
  -webkit-user-select:text;
  user-select:text;
  cursor:text;
  pointer-events:auto;
}
.learn-doc-studio,
.learn-doc-studio .learn-doc-top,
.learn-doc-studio .learn-doc-outline,
.learn-doc-studio .learn-doc-meta-drawer{
  color:#2a2520;
}
.doc-prose p{margin:0 0 .75em}
.doc-prose p:last-child{margin-bottom:0}
.doc-h1{font-size:28px;font-weight:700;line-height:1.25;margin:1.2em 0 .5em;font-family:"Bebas Neue","Inter",sans-serif;letter-spacing:.02em}
.doc-h2{font-size:22px;font-weight:700;line-height:1.3;margin:1em 0 .45em}
.doc-h3{font-size:18px;font-weight:600;line-height:1.35;margin:.85em 0 .4em}
.doc-node:first-child .doc-h1,
.doc-node:first-child .doc-h2{margin-top:0}

.doc-embed{
  margin:14px 0;padding:14px 16px;
  border-radius:10px;
  background:#faf8f4;
  border-left:3px solid #c9a227;
}
.doc-embed.is-tip{border-left-color:#c9a227;background:#fffbf0}
.doc-embed.is-warn{border-left-color:#d32f2f;background:#fff5f3}
.doc-embed.is-quote{border-left-color:#8a8278;background:#f8f6f2;font-style:italic}
.doc-embed.is-exam{border-left-color:#1565c0;background:#f3f8ff}
.doc-embed-label{
  font-size:10px;text-transform:uppercase;letter-spacing:.1em;
  color:#8a8278;margin-bottom:8px;font-weight:700;
}
.doc-embed input[type=text],
.doc-embed input[type=url]{
  width:100%;padding:6px 0;border:0;border-bottom:1px solid #e0d8cc;
  background:transparent;font-size:14px;margin-bottom:6px;
}
.doc-embed input:focus{outline:none;border-bottom-color:#b71c1c}
.doc-embed img{max-width:100%;border-radius:8px;margin-top:8px;display:block}
.doc-embed .yt-wrap{
  position:relative;padding-bottom:56.25%;height:0;margin-top:8px;border-radius:8px;overflow:hidden;
}
.doc-embed .yt-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.doc-divider{border:0;border-top:1px solid #ddd5c8;margin:20px 0}
.doc-drop-zone{
  border:2px dashed #d8cfc0;border-radius:12px;
  padding:24px;text-align:center;color:#8a8278;font-size:13px;
  margin:12px 0;cursor:pointer;
}
.doc-drop-zone:hover{border-color:#c9a227;color:#5c5346}

.doc-node.is-dragging{opacity:.4}
.doc-node.drop-target::before{
  content:"";display:block;height:3px;background:#b71c1c;
  border-radius:2px;margin-bottom:4px;
}

@media (max-width:900px){
  .learn-doc-outline,.learn-doc-meta-drawer{display:none}
  .learn-doc-studio.is-focus .learn-doc-outline{display:none}
}