.mb-dashboard{

    max-width:1400px;

    margin:40px auto;

    padding:0 20px;

}

.mb-dashboard-header{

    text-align:center;

    margin-bottom:35px;

}

.mb-dashboard-header h1{

    margin:0;

    font-size:38px;

}

.mb-dashboard-header p{

    margin-top:8px;

    color:#666;

}

.mb-dashboard-cards{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin-bottom:30px;

}

.mb-dashboard .mb-card{

    background:#fff;

    border:1px solid #ddd;

    border-radius:10px;

    padding:25px;

    text-align:center;

}

.mb-dashboard .mb-card strong{

    display:block;

    font-size:34px;

    color:#0057b8;

}

.mb-dashboard .mb-card span{

    display:block;

    margin-top:8px;

}

.mb-dashboard-filtros{

    display:grid;

    grid-template-columns:220px 220px 1fr;

    gap:20px;

    margin-bottom:30px;

}

.mb-dashboard-filtros select,

.mb-dashboard-filtros input{

    height:46px;

    padding:0 15px;

}

#mb-dashboard-map{

    height:650px;

    border:1px solid #ddd;

    border-radius:10px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#fafafa;

    margin-bottom:35px;

}

.mb-dashboard-lista{

    min-height:200px;

}

.mb-dashboard-lista{

    display:grid;

    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));

    gap:18px;

}

.mb-dashboard-item{

    background:#fff;

    border:1px solid #ddd;

    border-radius:10px;

    padding:18px;

    transition:.2s;

}

.mb-dashboard-item:hover{

    border-color:#0057b8;

    box-shadow:0 6px 16px rgba(0,0,0,.08);

}

.mb-dashboard-item h3{

    margin:0;

    font-size:18px;

}

.mb-dashboard-item a{

    color:#333;

    text-decoration:none;

}

.mb-dashboard-item a:hover{

    color:#0057b8;

}

/*
|--------------------------------------------------------------------------
| Área principal
|--------------------------------------------------------------------------
*/

.mb-dashboard-content{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:30px;

    align-items:start;

}

/*
|--------------------------------------------------------------------------
| MAPA
|--------------------------------------------------------------------------
*/

.mb-dashboard-mapa{

    background:#fff;

    border:1px solid #ddd;

    border-radius:12px;

    padding:15px;

}

#mb-dashboard-map{

    height:650px;

    border-radius:10px;

    background:#f4f6f8;

    display:flex;

    align-items:center;

    justify-content:center;

}

/*
|--------------------------------------------------------------------------
| LISTA
|--------------------------------------------------------------------------
*/

.mb-dashboard-lista{

    display:flex;

    flex-direction:column;

    gap:15px;

    max-height:680px;

    overflow:auto;

}

.mb-dashboard-item{

    background:#fff;

    border:1px solid #ddd;

    border-radius:10px;

    padding:18px;

    transition:.2s;

}

.mb-dashboard-item:hover{

    border-color:#0057b8;

    transform:translateY(-2px);

    box-shadow:0 6px 16px rgba(0,0,0,.08);

}

.mb-dashboard-item h3{

    margin:0;

    font-size:18px;

}

.mb-dashboard-item a{

    color:#333;

    text-decoration:none;

}

.mb-dashboard-item a:hover{

    color:#0057b8;

}

/*
|--------------------------------------------------------------------------
| Responsivo
|--------------------------------------------------------------------------
*/

@media (max-width:1100px){

    .mb-dashboard-content{

        grid-template-columns:1fr;

    }

}