@font-face {
    font-family: 'EurostileLTStd-Bold';
    src: url('../fonts/EurostileLTStd-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* Mantener la fuente constante */
:root {
    /* Definir las variables de fuente que quieres mantener */
    --app-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --app-font-size: 14px;
    --app-line-height: 1.5;
}

/* Aplicar las fuentes base */
body {
    font-family: var(--app-font-family) !important;
    font-size: var(--app-font-size) !important;
    line-height: var(--app-line-height) !important;
}

/* Mantener las fuentes en componentes DevExpress */
.dxbs-textbox,
.dxbs-dropdown,
.dxbs-spin-edit,
.dxbs-button,
.dxbs-calendar,
.dxbs-grid,
.dxbs-form-layout,
.dxbs-menu,
.dxbs-toolbar {
    font-family: var(--app-font-family) !important;
    font-size: var(--app-font-size) !important;
}

/* Mantener estilos específicos de inputs */
.dxbs-textbox .form-control,
.dxbs-spin-edit .form-control,
.dxbs-dropdown .dropdown-toggle {
    font-family: var(--app-font-family) !important;
    font-size: var(--app-font-size) !important;
}

/* Mantener estilos de botones */
.dxbs-button {
    font-weight: normal !important;
    text-transform: none !important;
}

/* Mantener estilos de encabezados */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    
    font-family: Arial, sans-serif !important;
    /*font-weight: bold !important;*/
}

/* Tamaños específicos de encabezados si los necesitas */
h1, .h1 { font-size: 2.5rem !important; }
h2, .h2 { font-size: 2rem !important; }
h3, .h3 { font-size: 1.75rem !important; }
h4, .h4 { font-size: 1.5rem !important; }
h5, .h5 { font-size: 1.25rem !important; }
h6, .h6 { font-size: 14px !important; }

/* Mantener estilos de grid */
.dxbs-grid {
    font-family: var(--app-font-family) !important;
}

.dxbs-grid .dxbs-grid-header {
    font-weight: 500 !important;
}

/* Mantener tamaños de padding y margins si es necesario */
.dxbs-form-layout-item {
    padding: 0.5rem !important;
}

.rich-editor-container {
    height: 100% !important;
    display: flex;
    .alert.alert-warning flex-direction: column;
}

.dxbl-rich-edit {
    flex-grow: 1;
    min-height: 300px; /* Ajusta según necesidad */
    overflow: auto !important;
}