/* Quitar gris y dejar fondo blanco en todas las vistas */
body,
.content-wrapper {
    background-color: #ffffff !important;
}

.content-wrapper.iframe-mode {
    background-color: #ffffff !important;
}
/* Reduce el espacio globalmente en todas las vistas */

/* Elimina gran parte del padding/margin del encabezado */
.content-header {
    padding-top: .35rem !important;
    padding-bottom: .35rem !important;
    margin-bottom: .35rem !important;
}

/* Elimina relleno innecesario dentro del header */
.content-header .container-fluid,
.content-header .container {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}

/* Quita márgenes de títulos y breadcrumbs */
.content-header h1,
.content-header .breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Reduce padding del contenedor principal */
.content {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

/* Opcional: menos espacio entre cards */
.card {
    margin-bottom: .5rem !important;
}

/* Opcional: compactar el footer */
.main-footer {
    padding: .5rem !important;
}

/* --- Ajustes específicos para móviles --- */
@media (max-width: 767.98px) {
    .content-header {
        padding-top: 2rem !important;  /* antes 1.5rem */
        margin-top: 1rem !important;   /* antes .5rem */
    }

    .content-header .breadcrumb {
        margin-top: 1rem !important;   /* antes .5rem */
    }
}