#ciudad_filter .filter-btn, #tipo_filter .filter-btn, #grado_filter .filter-grado-btn  {
        display: inline-block; /* Hace que los botones se muestren en línea */
        margin-right: 5px; /* Agrega un pequeño espacio entre los botones */
    }
#filters {
    margin-bottom: 20px; /* Ajusta este valor según tus necesidades */
}
.filter-btn, .filter-grado-btn {
    margin: 5px; /* Espacio alrededor de los botones */
    padding: 15px 30px; /* Espacio dentro de los botones; ajusta según necesidades */
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    min-width: 140px;
    line-height: 20px; /* Ajusta esto según sea necesario para centrar el texto */
    display: inline-block; /* Asegura que el padding y la altura se apliquen correctamente */
    text-align: center; /* Asegura que el texto esté centrado */
    box-sizing: border-box; /* Asegura que el padding no afecte el tamaño final del botón */
}

.filter-btn.active, .filter-grado-btn.active {
    background-color: #007bff;
    color: white;
    min-width: 140px;
    padding: 15px 30px; /* Espacio dentro de los botones; ajusta según necesidades */
}