/* Editor de texto enriquecido (static/editor.js). Usa los colores de la aplicación y, en la administración, los suyos. */
.editor { border: 1px solid var(--borde, var(--border-color, #ccc)); border-radius: 10px; background: var(--superficie, var(--body-bg, #fff));
  overflow: hidden; width: 100%; box-sizing: border-box; }
.editor:focus-within { border-color: var(--acento, #C63527); box-shadow: 0 0 0 3px rgb(198 53 39 / .15); }
.editor-barra { display: flex; flex-wrap: wrap; gap: 2px; align-items: center; padding: 4px 6px; border-bottom: 1px solid var(--borde-suave, var(--hairline-color, #e5e5e5));
  background: var(--superficie-2, var(--darkened-bg, #f6f6f6)); }
.editor-barra button { min-width: 30px; height: 30px; padding: 0 6px; border: 0; border-radius: 6px; background: none; color: var(--tinta, var(--body-fg, #262626));
  font: inherit; font-size: .9rem; cursor: pointer; display: inline-grid; place-items: center; }
.editor-barra button:hover { background: var(--superficie, var(--body-bg, #fff)); }
.editor-barra select { height: 30px; padding: 0 26px 0 8px; font-size: .82rem; border-radius: 6px; width: auto; min-width: 96px; }
.editor-barra input[type=color] { width: 30px; height: 28px; padding: 0 2px; border: 0; background: none; cursor: pointer; }
.editor-separador { width: 1px; height: 20px; margin: 0 4px; background: var(--borde, #ddd); }
.editor-zona { padding: 10px 12px; min-height: 8em; max-height: 60vh; overflow-y: auto; outline: none; line-height: 1.5;
  color: var(--tinta, var(--body-fg, #262626)); font-size: .92rem; }
.editor-zona p { margin: 0 0 .6em; }
.editor-zona ul, .editor-zona ol { margin: 0 0 .6em; padding-left: 1.6em; }
.editor-zona[contenteditable=false] { opacity: .8; }
.editor-boton-texto { font-size: .8rem; margin-left: 4px; }
.editor-barra button:has(.editor-boton-texto) { display: inline-flex; align-items: center; padding: 0 8px; }
.editor-zona img { max-width: 240px; max-height: 120px; }
.editor-zona a { color: #3b7bf0; text-decoration: underline; }
.editor-enlace { border: 1px solid var(--borde, #ccc); border-radius: 14px; padding: 18px 20px; width: min(440px, calc(100% - 32px));
  background: var(--superficie, var(--body-bg, #fff)); color: var(--tinta, var(--body-fg, #262626)); }
.editor-enlace::backdrop { background: rgb(0 0 0 / .4); }
.editor-enlace h3 { margin: 0 0 12px; font-size: 1.05rem; }
.editor-enlace label { display: grid; gap: 4px; margin-bottom: 10px; font-size: .85rem; font-weight: 600; }
.editor-enlace input { width: 100%; box-sizing: border-box; }
.editor-enlace-botones { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }