/* =========================================
   CORRECCIONES SUMMERNOTE
   ========================================= */

/* Contenedor general */
.note-editor.note-frame {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 6px;
    background: #fff;
    overflow: visible;
    line-height: normal;
}

/* Barra de herramientas */
.note-editor .note-toolbar,
.note-editor .panel-heading.note-toolbar {
    padding: 6px;
    background: #f8f9fa;
    border-bottom: 1px solid #ced4da;
    line-height: normal;
}

/* Evitar que los botones hereden los estilos globales de .btn */
.note-editor .note-toolbar .btn,
.note-editor .note-toolbar button {
    display: inline-block;
    width: auto;
    height: auto;
    min-height: 30px;
    padding: 5px 9px;
    margin: 0;
    color: #333;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
    text-align: center;
    text-transform: none;
    box-shadow: none;
}

/* Hover de los botones */
.note-editor .note-toolbar .btn:hover,
.note-editor .note-toolbar button:hover {
    color: #222;
    background: #e9ecef;
}

/* Área de edición */
.note-editor .note-editing-area .note-editable {
    min-height: 250px;
    height: auto;
    padding: 15px;
    overflow-wrap: anywhere;
    background: #fff;
    color: #414648;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
}

/* Párrafos */
.note-editor .note-editable p {
    margin: 0 0 10px;
    padding: 0;
    font-size: inherit;
    line-height: 1.6;
}

/* Encabezados dentro del contenido */
.note-editor .note-editable h1,
.note-editor .note-editable h2,
.note-editor .note-editable h3,
.note-editor .note-editable h4,
.note-editor .note-editable h5,
.note-editor .note-editable h6 {
    margin: 12px 0;
    padding: 0;
    color: #252525;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    line-height: 1.3;
}

/* Listas: corregir el reset global */
.note-editor .note-editable ul {
    margin: 0 0 10px;
    padding-left: 30px;
    list-style-type: disc;
}

.note-editor .note-editable ol {
    margin: 0 0 10px;
    padding-left: 30px;
    list-style-type: decimal;
}

.note-editor .note-editable li {
    position: static;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

/* Tablas del contenido */
.note-editor .note-editable table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0;
    background: #fff;
    text-align: left;
}

.note-editor .note-editable table th,
.note-editor .note-editable table td {
    padding: 8px;
    border: 1px solid #ddd;
    background: transparent;
    font-size: inherit;
    line-height: 1.5;
    text-align: left;
    vertical-align: top;
}

/* Enlaces */
.note-editor .note-editable a {
    color: #007bff;
    text-decoration: underline;
}

/* Imágenes */
.note-editor .note-editable img {
    max-width: 100%;
    height: auto;
}

/* Evitar que el modo código herede estilos de textarea */
.note-editor .note-codable {
    width: 100%;
    height: 250px;
    padding: 10px;
    border: 0;
    border-radius: 0;
    font-family: Consolas, monospace;
    font-size: 13px;
    line-height: 1.5;
}
/* Mostrar correctamente la negrita dentro del editor */
.note-editor .note-editable b,
.note-editor .note-editable strong {
    font-weight: bold !important;
}

.note-editor .note-editable i,
.note-editor .note-editable em {
    font-style: italic !important;
}

/* Mantener la negrita en los botones de la barra */
.note-editor .note-toolbar .note-btn .note-icon-bold {
    font-weight: bold !important;
}

.note-popover .popover-content > .btn-group, .panel-heading.note-toolbar > .btn-group{
	display: initial;
}