/* Etiquetas del selector de tamaño en px (Quill SizeStyle) */
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
  content: '10px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
  content: '12px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
  content: '14px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
  content: '16px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
  content: '18px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
  content: '20px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
  content: '24px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before {
  content: '28px';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
  content: '32px';
}

/* Lectura (sin .ql-snow): las imágenes no deben reventar tablas */
.ql-editor img {
  max-width: 100%;
  height: auto;
}

.ql-editor table {
  width: 100%;
  table-layout: fixed;
}

.ql-editor td,
.ql-editor th,
.ql-editor .ql-table-block {
  overflow: hidden;
  word-wrap: break-word;
}

.ql-editor .ql-table-block img,
.ql-editor td img,
.ql-editor th img {
  max-width: 100%;
  height: auto;
}

.ql-image-resize-overlay {
  position: absolute;
  border: 1px dashed #3779eb;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 20;
}

.ql-image-resize-handle {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #3779eb;
  border: 1px solid #fff;
  box-sizing: border-box;
  pointer-events: auto;
}

.ql-image-resize-handle.tl {
  top: -5px;
  left: -5px;
  cursor: nwse-resize;
}

.ql-image-resize-handle.tr {
  top: -5px;
  right: -5px;
  cursor: nesw-resize;
}

.ql-image-resize-handle.bl {
  bottom: -5px;
  left: -5px;
  cursor: nesw-resize;
}

.ql-image-resize-handle.br {
  bottom: -5px;
  right: -5px;
  cursor: nwse-resize;
}

.ql-image-resize-size {
  position: absolute;
  left: 50%;
  bottom: -22px;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  padding: 1px 6px;
  border-radius: 3px;
  white-space: nowrap;
  pointer-events: none;
}