/* =========================================
   Botones principales
   ========================================= */

/* Botones de acción en XAF y DevExpress */
.dxbs-button,
.btn {
    font-size: 2rem; /* Tamaño del texto */
    font-weight: 500; /* Texto un poco más grueso */
    padding: 0.65rem 1.4rem; /* Alto y ancho */
    border-radius: 0.5rem; /* Bordes redondeados */
}

/* Botones más grandes en la barra de acciones */
.dxbs-toolbar .dxbs-button {
    font-size: 1.05rem;
    padding: 0.7rem 1.6rem;
}

/* Hover/focus más suave */
.dxbs-button:hover,
.btn:hover {
    filter: brightness(1.05);
    text-decoration: none !important;
}

/* Estado activo / seleccionado */
.dxbs-button:active,
.btn:active {
    filter: brightness(0.95);
}

/* =========================================
   Menús y enlaces
   ========================================= */

/* Quitar subrayado en todos los enlaces de menú */
a,
.nav-link,
.dxbs-hyperlink {
    text-decoration: none !important;
}

    /* Hover sin subrayado y con color coherente */
    a:hover,
    .nav-link:hover,
    .dxbs-hyperlink:hover {
        text-decoration: none !important;
        color: inherit; /* Mantiene color de tema */
    }

/* Menús horizontales / navbar */
.navbar-nav .nav-link {
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
}

/* =========================================
   Ajustes opcionales de UI
   ========================================= */

/* Más separación en la barra de herramientas */
.dxbs-toolbar {
    padding: 0.5rem 0.75rem;
}

/* Íconos un poco más grandes */
.dxbs-icon,
.dxbs-button .dxbs-icon {
    font-size: 1.1rem;
}

/* Evitar que botones de icono queden muy chicos */
.dxbs-button.dxbs-button-icon-only {
    padding: 0.6rem;
}

/* Hacer que todos los ListView se ajusten al contenedor */
.dx-data-grid,
.dx-list,
.xaf-list-view {
    width: 100% !important;
    max-width: 100%;
    overflow-x: auto;
}

/* Asegurar que el contenedor padre también sea responsive */
.xaf-view-container,
.view-container {
    width: 100%;
    max-width: 100%;
}

/* Para grids específicamente */
.dx-datagrid {
    width: 100% !important;
}

/* Media queries para diferentes tamaños de pantalla */
@media (max-width: 768px) {
    .dx-data-grid,
    .dx-list,
    .xaf-list-view {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .dx-data-grid,
    .dx-list,
    .xaf-list-view {
        font-size: 12px;
    }
}